| Line 86... |
Line 86... |
| 86 |
<table class="table table-border table-condensed table-bordered table-striped" id="userDetailTable" style="width:100%">
|
86 |
<table class="table table-border table-condensed table-bordered table-striped" id="userDetailTable" style="width:100%">
|
| 87 |
<thead>
|
87 |
<thead>
|
| 88 |
<tr >
|
88 |
<tr >
|
| 89 |
<th>#</th>
|
89 |
<th>#</th>
|
| 90 |
<th>Agenda/Partner Name</th>
|
90 |
<th>Agenda/Partner Name</th>
|
| 91 |
<th>Task Type</th>
|
91 |
<th>Description</th>
|
| 92 |
<th>Status</th>
|
92 |
<th>Status</th>
|
| 93 |
<th>Address</th>
|
93 |
<th>Address</th>
|
| 94 |
<th>Check In Time</th>
|
94 |
<th>Check In Time</th>
|
| 95 |
<th>Check Out Time</th>
|
95 |
<th>Check Out Time</th>
|
| 96 |
<th>Time Spent at Outlet</th>
|
96 |
<th>Time Spent at Outlet</th>
|
| 97 |
<th>Transit Time</th>
|
97 |
<th>Transit Time</th>
|
| 98 |
<th>Distance (km)</th>
|
98 |
<th>Distance (km)</th>
|
| 99 |
<th>Estimated Time</th>
|
99 |
<th>Estimated Time</th>
|
| 100 |
<th>Description</th>
|
- |
|
| 101 |
</tr>
|
100 |
</tr>
|
| 102 |
</thead>
|
101 |
</thead>
|
| 103 |
<tbody>
|
102 |
<tbody>
|
| 104 |
#if($punchIn)
|
103 |
#if($punchIn)
|
| 105 |
<tr style="background:#d5f5e3;">
|
104 |
<tr style="background:#d5f5e3;">
|
| 106 |
<td>--</td>
|
105 |
<td>--</td>
|
| 107 |
<td><strong>PUNCH IN</strong></td>
|
106 |
<td><strong>PUNCH IN</strong></td>
|
| 108 |
<td>$!punchIn.getTaskType()</td>
|
107 |
<td>$!punchIn.getTaskDescription()</td>
|
| 109 |
<td><span class="label label-info">PUNCHIN</span> #if($punchIn.getAttachment() && $punchIn.getAttachment() != "")<a href="javascript:void(0);" class="view-attachment-link" data-attachment="$punchIn.getAttachment()" data-checkin-latlng="$!punchIn.getCheckInLatLng()" data-visit-location="$!punchIn.getVisitLocation()" data-tracking-id="$punchIn.getId()" title="View Attachment"><i class="fa fa-paperclip" style="color:#27ae60; margin-left:5px;"></i></a>#end</td>
|
108 |
<td><span class="label label-info">PUNCHIN</span> #if($punchIn.getAttachment() && $punchIn.getAttachment() != "")<a href="javascript:void(0);" class="view-attachment-link" data-attachment="$punchIn.getAttachment()" data-checkin-latlng="$!punchIn.getCheckInLatLng()" data-visit-location="$!punchIn.getVisitLocation()" data-tracking-id="$punchIn.getId()" title="View Attachment"><i class="fa fa-paperclip" style="color:#27ae60; margin-left:5px;"></i></a>#end</td>
|
| 110 |
<td>$!punchIn.getAddress()</td>
|
109 |
<td>$!punchIn.getAddress()</td>
|
| 111 |
<td>$!punchIn.getCheckInTime()</td>
|
110 |
<td>$!punchIn.getCheckInTime()</td>
|
| 112 |
<td>--</td>
|
111 |
<td>--</td>
|
| 113 |
<td>--</td>
|
112 |
<td>--</td>
|
| 114 |
<td>--</td>
|
113 |
<td>--</td>
|
| 115 |
<td>$!punchIn.getTotalDistance()</td>
|
114 |
<td>$!punchIn.getTotalDistance()</td>
|
| 116 |
<td>$!punchIn.getEstimatedTime()</td>
|
115 |
<td>$!punchIn.getEstimatedTime()</td>
|
| 117 |
<td>--</td>
|
- |
|
| 118 |
</tr>
|
116 |
</tr>
|
| 119 |
#end
|
117 |
#end
|
| 120 |
#set($idx = 1)
|
118 |
#set($idx = 1)
|
| 121 |
#foreach($v in $visits)
|
119 |
#foreach($v in $visits)
|
| 122 |
<tr>
|
120 |
<tr>
|
| 123 |
<td>$idx</td>
|
121 |
<td>$idx</td>
|
| 124 |
<td>$!v.getTaskName()</td>
|
122 |
<td>$!v.getTaskName()</td>
|
| 125 |
<td>$!v.getTaskType()</td>
|
123 |
<td>#if($v.getTaskDescription() && $v.getTaskDescription() != "")#if($v.getTaskDescription().length() > 50)<span class="desc-short">$v.getTaskDescription().substring(0, 50)... <a href="javascript:void(0);" class="read-more-link" style="color:#3498db;">read more</a></span><span class="desc-full" style="display:none;">$v.getTaskDescription() <a href="javascript:void(0);" class="read-less-link" style="color:#3498db;">read less</a></span>#else$v.getTaskDescription()#end#else--#end</td>
|
| 126 |
<td>
|
124 |
<td>
|
| - |
|
125 |
<img src="/download-attachment?documentId=$v.getAttachment()" class="view-attachment-link" alt="IMAGE" width="50">
|
| 127 |
#if($v.getMarkType() == "CHECKIN-CHECKOUT" || $v.getMarkType() == "CHECKOUT")
|
126 |
#if($v.getMarkType() == "CHECKIN-CHECKOUT" || $v.getMarkType() == "CHECKOUT")
|
| 128 |
<span class="label label-success">$v.getMarkType()</span>
|
127 |
<span class="label label-success">$v.getMarkType()</span>
|
| 129 |
#elseif($v.getMarkType() == "PENDING" || $v.getMarkType() == "CHECKIN")
|
128 |
#elseif($v.getMarkType() == "PENDING" || $v.getMarkType() == "CHECKIN")
|
| 130 |
<span class="label label-warning">$v.getMarkType()</span>
|
129 |
<span class="label label-warning">$v.getMarkType()</span>
|
| 131 |
#elseif($v.getMarkType() == "DEFERRED")
|
130 |
#elseif($v.getMarkType() == "DEFERRED")
|
| 132 |
<span class="label label-danger">$v.getMarkType()</span>
|
131 |
<span class="label label-danger">$v.getMarkType()</span>
|
| 133 |
#else
|
132 |
#else
|
| 134 |
<span class="label label-default">$!v.getMarkType()</span>
|
133 |
<span class="label label-default">$!v.getMarkType()</span>
|
| 135 |
#end
|
134 |
#end
|
| - |
|
135 |
|
| - |
|
136 |
#if($v.getTaskType() == "attendance")
|
| - |
|
137 |
<span class="label label-success">$v.getTaskType()</span>
|
| - |
|
138 |
#elseif($v.getTaskType() == "lead")
|
| - |
|
139 |
<span class="label label-primary">$v.getTaskType()</span>
|
| - |
|
140 |
#else
|
| - |
|
141 |
<span class="label label-warning">$!v.getTaskType()</span>
|
| - |
|
142 |
#end
|
| - |
|
143 |
|
| 136 |
<a href="javascript:void(0);" class="beat-history-link" data-userid="$userId" data-taskid="$v.getTaskId()" data-tasktype="$!v.getTaskType()" data-taskname="$!v.getTaskName()" title="View History" style="margin-left:5px;"><i class="fa fa-history" style="color:#3498db; font-size:14px;"></i></a>
|
144 |
<a href="javascript:void(0);" class="beat-history-link" data-userid="$userId" data-taskid="$v.getTaskId()" data-tasktype="$!v.getTaskType()" data-taskname="$!v.getTaskName()" title="View History" style="margin-left:5px;"><i class="fa fa-history" style="color:#3498db; font-size:14px;"></i></a>
|
| 137 |
#if($v.getAttachment() && $v.getAttachment() != "")<a href="javascript:void(0);" class="view-attachment-link" data-attachment="$v.getAttachment()" data-checkin-latlng="$!v.getCheckInLatLng()" data-visit-location="$!v.getVisitLocation()" data-tracking-id="$v.getId()" title="View Attachment"><i class="fa fa-paperclip" style="color:#27ae60; margin-left:3px; font-size:14px;"></i></a>#end
|
145 |
#if($v.getAttachment() && $v.getAttachment() != "")<a href="javascript:void(0);" class="view-attachment-link" data-attachment="$v.getAttachment()" data-checkin-latlng="$!v.getCheckInLatLng()" data-visit-location="$!v.getVisitLocation()" data-tracking-id="$v.getId()" title="View Attachment"><i class="fa fa-paperclip" style="color:#27ae60; margin-left:3px; font-size:14px;"></i></a>#end
|
| 138 |
</td>
|
146 |
</td>
|
| 139 |
<td>$!v.getAddress()</td>
|
147 |
<td>$!v.getAddress()</td>
|
| 140 |
<td>$!v.getCheckInTime()</td>
|
148 |
<td>$!v.getCheckInTime()</td>
|
| 141 |
<td>$!v.getCheckOutTime()</td>
|
149 |
<td>$!v.getCheckOutTime()</td>
|
| 142 |
<td>$!v.getTimeSpent()</td>
|
150 |
<td>$!v.getTimeSpent()</td>
|
| 143 |
<td>$!v.getTransitTime()</td>
|
151 |
<td>$!v.getTransitTime()</td>
|
| 144 |
<td>$!v.getTotalDistance()</td>
|
152 |
<td>$!v.getTotalDistance()</td>
|
| 145 |
<td>$!v.getEstimatedTime()</td>
|
153 |
<td>$!v.getEstimatedTime()</td>
|
| 146 |
<td>#if($v.getTaskDescription() && $v.getTaskDescription() != "")#if($v.getTaskDescription().length() > 50)<span class="desc-short">$v.getTaskDescription().substring(0, 50)... <a href="javascript:void(0);" class="read-more-link" style="color:#3498db;">read more</a></span><span class="desc-full" style="display:none;">$v.getTaskDescription() <a href="javascript:void(0);" class="read-less-link" style="color:#3498db;">read less</a></span>#else$v.getTaskDescription()#end#else--#end</td>
|
- |
|
| 147 |
</tr>
|
154 |
</tr>
|
| 148 |
#set($idx = $idx + 1)
|
155 |
#set($idx = $idx + 1)
|
| 149 |
#end
|
156 |
#end
|
| 150 |
#if($punchOut)
|
157 |
#if($punchOut)
|
| 151 |
<tr style="background:#fadbd8;">
|
158 |
<tr style="background:#fadbd8;">
|
| 152 |
<td>--</td>
|
159 |
<td>--</td>
|
| 153 |
<td><strong>PUNCH OUT</strong></td>
|
160 |
<td><strong>PUNCH OUT</strong></td>
|
| 154 |
<td>$!punchOut.getTaskType()</td>
|
161 |
<td>$!punchOut.getTaskDescription()</td>
|
| 155 |
<td><span class="label label-danger">PUNCHOUT</span> #if($punchOut.getAttachment() && $punchOut.getAttachment() != "")<a href="javascript:void(0);" class="view-attachment-link" data-attachment="$punchOut.getAttachment()" data-checkin-latlng="$!punchOut.getCheckInLatLng()" data-visit-location="$!punchOut.getVisitLocation()" data-tracking-id="$punchOut.getId()" title="View Attachment"><i class="fa fa-paperclip" style="color:#27ae60; margin-left:5px;"></i></a>#end</td>
|
162 |
<td><span class="label label-danger">PUNCHOUT</span> #if($punchOut.getAttachment() && $punchOut.getAttachment() != "")<a href="javascript:void(0);" class="view-attachment-link" data-attachment="$punchOut.getAttachment()" data-checkin-latlng="$!punchOut.getCheckInLatLng()" data-visit-location="$!punchOut.getVisitLocation()" data-tracking-id="$punchOut.getId()" title="View Attachment"><i class="fa fa-paperclip" style="color:#27ae60; margin-left:5px;"></i></a>#end</td>
|
| 156 |
<td>$!punchOut.getAddress()</td>
|
163 |
<td>$!punchOut.getAddress()</td>
|
| 157 |
<td>$!punchOut.getCheckInTime()</td>
|
164 |
<td>$!punchOut.getCheckInTime()</td>
|
| 158 |
<td>--</td>
|
165 |
<td>--</td>
|
| 159 |
<td>--</td>
|
166 |
<td>--</td>
|
| 160 |
<td>--</td>
|
167 |
<td>--</td>
|
| 161 |
<td>$!punchOut.getTotalDistance()</td>
|
168 |
<td>$!punchOut.getTotalDistance()</td>
|
| 162 |
<td>$!punchOut.getEstimatedTime()</td>
|
169 |
<td>$!punchOut.getEstimatedTime()</td>
|
| 163 |
<td>--</td>
|
- |
|
| 164 |
</tr>
|
170 |
</tr>
|
| 165 |
#end
|
171 |
#end
|
| 166 |
</tbody>
|
172 |
</tbody>
|
| 167 |
<tfoot>
|
173 |
<tfoot>
|
| 168 |
<tr style="background:#f2f3f4; font-weight:bold;">
|
174 |
<tr style="background:#f2f3f4; font-weight:bold;">
|
| Line 171... |
Line 177... |
| 171 |
<td>--</td>
|
177 |
<td>--</td>
|
| 172 |
<td>$totalTimeSpentStr</td>
|
178 |
<td>$totalTimeSpentStr</td>
|
| 173 |
<td>$totalTransitStr</td>
|
179 |
<td>$totalTransitStr</td>
|
| 174 |
<td>$totalDistanceStr km | Visits: $visitCount | Leads: $leadCount</td>
|
180 |
<td>$totalDistanceStr km | Visits: $visitCount | Leads: $leadCount</td>
|
| 175 |
<td></td>
|
181 |
<td></td>
|
| 176 |
<td></td>
|
- |
|
| 177 |
</tr>
|
182 |
</tr>
|
| 178 |
</tfoot>
|
183 |
</tfoot>
|
| 179 |
</table>
|
184 |
</table>
|
| 180 |
</div>
|
185 |
</div>
|
| 181 |
</section>
|
186 |
</section>
|