Subversion Repositories SmartDukaan

Rev

Rev 29072 | Rev 29222 | 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">
14 
            <h3 class="page-header">DMS CODE</i></h3>
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>
29062 tejbeer 30 
                 <th>Status</th>
29072 tejbeer 31 
                 <th>Verification</th>
29144 tejbeer 32 
                      <th>Documented</th>
33 
 
29061 tejbeer 34 
		         <th>Store Code</th>
35 
		         <th>Training</th>
36 
		         <th>Recce</th>
37 
		         <th>Advance Stock</th>
38 
		         <th>Branding</th>
39 
		         <th>Full Stock</th>
40 
		              <th>Billing</th>
41 
		               <th>Inaugration</th>
42 
		              <th>Fin Services</th>
43 
		              <th>Promoter </th>
44 
 
45 
		    </tr>
46 
            </thead>
47 
            <tbody>
48 
 
49 
           #foreach($st in $storeTimelines)
50 
           <tr>
51 
           <td>$st.getOnboardingId()</td>
52 
           <td>$st.getOutletName() ($st.getCity())</td>
53 
           #if($st.getCode())
54 
           <td>$st.getCode()</td>
55 
           #else
56 
            <td>-</td>
57 
           #end
29062 tejbeer 58 
           <td>$st.getStatus()</td>
29061 tejbeer 59 
            #foreach($obtm in $st.getObtm())
60 
             #if($obtm.getStatus() == "COMPLETED")
61 
             <td><span class="dot" style="background-color:#3bb143"></span> $obtm.getCompletedTimestamp().format($dateFormatter)</td>
62 
             #end
63 
             #if($obtm.getStatus() == "DELAY")
64 
             <td><span class="dot" style="background-color:#d3181f"></span>$obtm.getCompletedTimestamp().format($dateFormatter)</td>
65 
             #end
66 
 
67 
             #if($obtm.getStatus() == "WIP")
68 
             <td><span class="dot" style="background-color:#ffd300"></span>$obtm.getCompletedTimestamp().format($dateFormatter)</td>
69 
             #end
70 
             #if($obtm.getStatus() == "NOT_STARTED")
71 
             <td><span class="dot" style="background-color:#999DA0"></span> $obtm.getCompletedTimestamp().format($dateFormatter)</td>
72 
             #end
73 
             #end
74 
 
75 
 
76 
            </tr>
77 
 
78 
 
79 
 
80 
            #end
81 
 
82 
 
83 
            </tbody>
84 
 
85 
        </table>
86 
    </div>
87 
</section>
88 
 
89 
<script type="text/javascript">
90 
 
91 
    $(document).ready(function () {
92 
 
93 
      var dtable = $('#storeTimeline').DataTable({
94 
       "scrollX": true,
95 
        orderCellsTop: true,
29072 tejbeer 96 
             "order": [[ 0, "desc" ]]
29061 tejbeer 97 
       });
98 
 
99 
     });
100 
  </script>
101 
 
102 
 
103 
 
104