Subversion Repositories SmartDukaan

Rev

Rev 32550 | Rev 35971 | 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">
32550 amit.gupta 14 
            <h3 class="page-header">TIMELINE</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>Store Code</th>
33 
		        <th>Training</th>
34 
		        <th>Recce</th>
33845 tejus.loha 35 
                <th>WOD</th>
36 
                <th>Fin Code</th>
37 
                <th>Wod Fin Mapping</th>
38 
                <th>Branding</th>
29763 tejbeer 39 
		        <th>Full Stock</th>
40 
		        <th>Billing</th>
33845 tejus.loha 41 
                <th>Inauguration</th>
42 
 
29061 tejbeer 43 
		    </tr>
44 
            </thead>
45 
            <tbody>
46 
 
47 
           #foreach($st in $storeTimelines)
48 
           <tr>
32550 amit.gupta 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
56 
               <td>$st.getStatus()</td>
57 
               #foreach($obtm in $st.getObtm())
58 
                   #if($obtm.getStatus() == "COMPLETED")
59 
                       <td><span class="dot"
60 
                                 style="background-color:#3bb143"></span> $obtm.getCompletedTimestamp().format($dateFormatter)
61 
                       </td>
62 
 
63 
                   #elseif($obtm.getStatus() == "DELAY")
64 
                       <td><span class="dot"
65 
                                 style="background-color:#d3181f"></span>$obtm.getCompletedTimestamp().format($dateFormatter)
66 
                       </td>
67 
 
68 
                   #elseif($obtm.getStatus() == "WIP")
69 
                       <td><span class="dot"
70 
                                 style="background-color:#ffd300"></span>$obtm.getCompletedTimestamp().format($dateFormatter)
71 
                       </td>
72 
                   #elseif($obtm.getStatus() == "NOT_STARTED")
73 
                       <td><span class="dot"
74 
                                 style="background-color:#999DA0"></span> $obtm.getCompletedTimestamp().format($dateFormatter)
75 
                       </td>
76 
                   #else
77 
                       <td>Invalid state</td>
78 
                   #end
79 
               #end
80 
           </tr>
29061 tejbeer 81 
 
82 
 
83 
 
84 
            #end
85 
 
86 
 
87 
            </tbody>
88 
 
89 
        </table>
90 
    </div>
91 
</section>
92 
 
93 
<script type="text/javascript">
94 
 
95 
    $(document).ready(function () {
96 
 
97 
      var dtable = $('#storeTimeline').DataTable({
98 
       "scrollX": true,
99 
        orderCellsTop: true,
29072 tejbeer 100 
             "order": [[ 0, "desc" ]]
29061 tejbeer 101 
       });
102 
 
103 
     });
104 
  </script>
105 
 
106 
 
107 
 
108