Subversion Repositories SmartDukaan

Rev

Rev 29763 | Rev 32550 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
29061 tejbeer 1 
<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/>
2 
<style>
3 
.dot {
4 
  height: 25px;
5 
  width: 25px;
6 
  border: 3px solid #BADA55;
7 
  border-radius: 50px;
8 
  display: inline-block;
9 
}
10 
</style>
11 
<section class="wrapper">
12 
    <div class="row">
13 
        <div class="col-lg-12">
30989 tejbeer 14 
            <h3 class="page-header">TIMELINE</i></h3>
29061 tejbeer 15 
            <ol class="breadcrumb">
16 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
17 
                <li><i class="icon_document_alt"></i>Onboarding Timeline</li>
18 
            </ol>
19 
        </div>
20 
    </div>
21 
    <div class="col-lg-12">
22 
        <table class="table table-border table-condensed table-bordered" id="storeTimeline" style="width:100%">
23 
 
24 
            <thead class="row htable" style="background:#F5F5F5;">
25 
 
26 
            <tr style="color:black;">
27 
                <th>Id</th>
28 
                <th>Outlet Name</th>
29 
                <th>Code</th>
29763 tejbeer 30 
	            <th>Status</th>
31 
	            <th>Verification</th>
32 
	            <th>Documents</th>
33 
		        <th>Store Code</th>
34 
		        <th>Training</th>
35 
		        <th>Recce</th>
36 
		        <th>Advance Stock</th>
37 
		        <th>Branding</th>
38 
		        <th>Full Stock</th>
39 
		        <th>Billing</th>
40 
                <th>Inaugration</th>
41 
                <th>Fin Services</th>
42 
                <th>Promoter </th>
29061 tejbeer 43 
 
44 
		    </tr>
45 
            </thead>
46 
            <tbody>
47 
 
48 
           #foreach($st in $storeTimelines)
49 
           <tr>
50 
           <td>$st.getOnboardingId()</td>
51 
           <td>$st.getOutletName() ($st.getCity())</td>
52 
           #if($st.getCode())
53 
           <td>$st.getCode()</td>
54 
           #else
55 
            <td>-</td>
56 
           #end
29062 tejbeer 57 
           <td>$st.getStatus()</td>
29061 tejbeer 58 
            #foreach($obtm in $st.getObtm())
59 
             #if($obtm.getStatus() == "COMPLETED")
60 
             <td><span class="dot" style="background-color:#3bb143"></span> $obtm.getCompletedTimestamp().format($dateFormatter)</td>
61 
             #end
62 
             #if($obtm.getStatus() == "DELAY")
63 
             <td><span class="dot" style="background-color:#d3181f"></span>$obtm.getCompletedTimestamp().format($dateFormatter)</td>
64 
             #end
65 
 
66 
             #if($obtm.getStatus() == "WIP")
67 
             <td><span class="dot" style="background-color:#ffd300"></span>$obtm.getCompletedTimestamp().format($dateFormatter)</td>
68 
             #end
69 
             #if($obtm.getStatus() == "NOT_STARTED")
70 
             <td><span class="dot" style="background-color:#999DA0"></span> $obtm.getCompletedTimestamp().format($dateFormatter)</td>
71 
             #end
72 
             #end
73 
 
74 
 
75 
            </tr>
76 
 
77 
 
78 
 
79 
            #end
80 
 
81 
 
82 
            </tbody>
83 
 
84 
        </table>
85 
    </div>
86 
</section>
87 
 
88 
<script type="text/javascript">
89 
 
90 
    $(document).ready(function () {
91 
 
92 
      var dtable = $('#storeTimeline').DataTable({
93 
       "scrollX": true,
94 
        orderCellsTop: true,
29072 tejbeer 95 
             "order": [[ 0, "desc" ]]
29061 tejbeer 96 
       });
97 
 
98 
     });
99 
  </script>
100 
 
101 
 
102 
 
103