Subversion Repositories SmartDukaan

Rev

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