· 7 years ago · Nov 29, 2018, 12:00 PM
1<!DOCTYPE html>
2<html>
3<head>
4 <meta http-equiv="content-type" content="text/html;charset=UTF-8">
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 <title>{LIVE}</title>
8 <link rel="icon" type="image/gif" href="{IMAGEPATH}/logo3.png"/>
9 <link href="{CSSPATH}/bootstrap.css" rel="stylesheet"/>
10 <link href="{CSSPATH}/Datatables.css" rel="stylesheet"/>
11 <link href="{CSSPATH}/typeahead.css" rel="stylesheet">
12 <link href="{CSSPATH}/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
13 <link href="{CSSPATH}/jquery-ui.css" rel="stylesheet"/>
14 <link href="{CSSPATH}/common.css" rel="stylesheet">
15 <link rel="stylesheet" href="{CSSPATH}/maps.css">
16 <link rel="stylesheet" href="{CSSPATH}/map/common.css">
17 <link rel="stylesheet" href="{CSSPATH}/mapCommon.css">
18 <link rel="stylesheet" href="{CSSPATH}/slider.css">
19 <link rel="stylesheet" href="{CSSPATH}/jquery.mCustomScrollbar.css">
20 <link rel="stylesheet" href="{CSSPATH}/bootstrap-image-gallery.min.css">
21<link href="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/css/jquery.calendars.picker.css" rel="stylesheet"/>
22<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
23<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.js"></script>
24
25<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.plus.min.js"></script>
26<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.plugin.min.js"></script>
27<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.picker.js"></script>
28<script src="https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.islamic.min.js"></script>
29
30 <style>
31 td.details-control {
32 background: url('{IMAGEPATH}/details_open.png') no-repeat center center;
33 cursor: pointer;
34 }
35 tr.shown td.details-control {
36 background: url('{IMAGEPATH}/details_close.png') no-repeat center center;
37 }
38 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
39 border-top:2px solid #f69c55;
40 }
41 .tt-suggestion {
42 font-size:14px;
43 line-height: 28px;
44 font-family: MyriadPro-LightSemiExt;
45 }
46 .tt-menu{
47 width:120%;
48 }
49 .dataTable{
50 font-size: 11px;
51 font-family:"Helvetica Neue", Helvetica, Arial, sans-serif
52 }
53 .table{
54 color:#000000;
55 }
56 #filterModal .table td{
57 border-top:none;
58 padding: 3px;
59 vertical-align: middle;
60 }
61 #mapTable_wrapper tbody tr:not(.group) td:nth-child(1){
62 padding-left:0;
63 text-align: center;
64 padding-right:0;
65 }
66 #mapTable_wrapper tbody tr td:nth-child(2){
67 padding-left:0;
68 max-width:170px;
69 padding-right:0;
70 }
71 #mapTable_wrapper tbody tr td:nth-child(3){
72 padding-left:0;
73 padding-bottom: 5px;
74 padding-right:0;
75 }
76 #mapTable_wrapper tbody tr td{
77 padding-top: 0;
78 padding-bottom: 0;
79 text-overflow: ellipsis;
80 white-space: nowrap;
81 overflow: hidden;
82 vertical-align: middle;
83 }
84 #mapTable_wrapper tr.group td {
85 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+7,ededed+100 */
86 background: #ffffff; /* Old browsers */
87 background: -moz-linear-gradient(top, #f6f6f6 0%, #ededed 100%); /* FF3.6-15 */
88 background: -webkit-linear-gradient(top, #f6f6f6 0%, #ededed 100%); /* Chrome10-25,Safari5.1-6 */
89 background: linear-gradient(to bottom, #f6f6f6 0%, #ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
90 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
91 padding: 10px;
92 font-weight: bold;
93 }
94 #location2 .only_italic{
95 color:rgb(0, 210, 255);
96 font-weight: 400;
97 }
98 #location1{
99 font-weight: 400;
100 }
101 .tempSensor *, #sensorDetailWrapper *,#alertWinWrapper *,#ibatteryDisplay *,.tempSensor *{
102 -webkit-box-sizing: content-box !important;
103 -moz-box-sizing: content-box !important;
104 box-sizing: content-box !important;
105 }
106 .mCSB_inside > .mCSB_container{ margin-right:8px;}
107 #groupMode,#openCard{
108 padding: 0;
109 padding-top: 5px !important;
110 padding-left: 6px !important;
111 padding-right: 6px !important;
112 }
113 #alertsTable_wrapper .dataTables_scrollBody, #remindersTable_wrapper .dataTables_scrollBody{
114 min-height: 348px
115 }
116 #alertsTable_wrapper, #remindersTable_wrapper{
117 border: 1px solid #ddd;
118 }
119 #reminderAddForm .form-group{
120 margin-bottom:5px;
121 }
122 #pw_metricSelection > select{
123 width:120px;
124 }
125 #options_button{
126 top:115px;
127 }
128 .infoBoxWrapper svg{
129 height: 20px;
130 }
131 #mapTable_wrapper tfoot th input{
132 font-weight: normal !important;
133 }
134 .trackerMoreInfo .form-group{
135 margin-bottom: 3px;
136 }
137 #filterModal .twitter-typeahead .tt-hint {
138 height: 34px;
139 padding: 6px 12px;
140 line-height: 1.428571429;
141 }
142 #filterModal .tt-menu{
143 top: auto !important;
144 bottom: 20px;
145 }
146 .pbWrap .form-control{
147 padding: 3px;
148 }
149 .tooltip{
150 position:fixed;
151 }
152 .red-tooltip + .tooltip > .tooltip-inner {
153 background-color: #26736f;
154 border:2px solid #364E3D;
155 }
156 #trackerSelectionCounter{
157 font-size: 13px;
158 position: absolute;
159 bottom: 45px;
160 height: 40px;
161 background-color: white;
162 color:black;
163 width: 200px;
164 left:50%;
165 border: 1px solid #ccc;
166 border-radius: 2px;
167 font-weight: bold;
168 display: none;
169 z-index: 1000;
170 }
171 #trackerSelectionCounter:hover {
172 box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.49);
173 }
174 #trackerSelectionCounter #close {
175 float:right;
176 display:inline-block;
177 padding:2px 5px;
178 border-radius: 3px;
179 }
180 #trackerSelectionCounter #close:hover {
181 color:red;
182 cursor: pointer;
183 }
184 #biForm label{
185 font-size: 14px;
186 }
187 .tabSlider-content h3{
188 color:white
189 }
190 #ttab-4 label{
191 color:white;
192 }
193 .photo-gallary-header{
194 padding: 5px;
195 margin-bottom: 10px;
196 text-align: center;
197 }
198 #imageArray a{
199 float: left;
200 padding: 4px;
201 height: 70px;
202 width: 70px;
203 border: 1px dashed #ccc;
204 margin: 6px;
205 }
206 #imageArray a:hover{
207 border:1px solid #ffffff;
208 }
209 .folders{
210 background-color: white;
211 float: left;
212 margin :0 9px 6px 9px;
213 color:black;
214 cursor:pointer;
215 }
216 .folders:hover{
217 box-shadow: #00b3ff;
218 }
219 .folder_1{
220 display: table-cell;background-color: #ccc;padding: 2px;
221 }
222 .folder_1 svg{
223 vertical-align: middle;
224 }
225 .folder_2{
226 display: table-cell;
227 vertical-align: middle;
228 padding-left: 10px;
229 padding-right: 5px;
230 max-width: 93px;
231 width: 93px;
232 text-overflow: ellipsis;
233 white-space: nowrap;
234 overflow: hidden;
235 }
236 .folder_3{
237 display:table-cell;
238 }
239 .folder_3 svg{
240 vertical-align: middle;
241 }
242 .folder_3 svg:hover{
243 fill: #af0000;
244 }
245 /* tasks */
246 .context-menu {
247 display: none;
248 position: absolute;
249 z-index: 10;
250 padding: 12px 0;
251 width: 240px;
252 background-color: #fff;
253 border: solid 1px #dfdfdf;
254 box-shadow: 1px 1px 2px #cfcfcf;
255 }
256 .context-menu--active {
257 display: block;
258 }
259 .context-menu__items {
260 list-style: none;
261 margin: 0;
262 padding: 0;
263 }
264 .context-menu__item {
265 display: block;
266 margin-bottom: 4px;
267 }
268
269 .context-menu__item:last-child {
270 margin-bottom: 0;
271 }
272
273 .context-menu__link {
274 display: block;
275 padding: 4px 12px;
276 color: #0066aa;
277 text-decoration: none;
278 }
279 .context-menu__link:hover {
280 color: #fff;
281 background-color: #0066aa;
282 }
283 .context-menu__items .fa{
284 padding-right: 10px;
285 }
286 .picSelect{
287 border: 2px #4285f4 solid !important;
288 border-style: inset;
289 }
290 /* #createFolderModal .modal {
291 text-align: center;
292 padding: 0!important;
293 }
294
295 #createFolderModal .modal:before {
296 content: '';
297 display: inline-block;
298 height: 100%;
299 vertical-align: middle;
300 margin-right: -4px;
301 }
302
303 #createFolderModal .modal-dialog {
304 display: inline-block;
305 text-align: left;
306 vertical-align: middle;
307 }*/
308 #groupAssignedTrackers_wrapper .dataTables_scrollBody, #groupTable_wrapper .dataTables_scrollBody,#financialPackageTable_wrapper .dataTables_scrollBody {
309 min-height: 330px;
310 }
311 #groupAssignedTrackers_wrapper .dataTables_scroll, #groupTable_wrapper .dataTables_scroll,#financialPackageTable_wrapper .dataTables_scroll{
312 border:1px solid #ddd;
313 }
314 /* .taxiChargesTable tr td{
315 padding-left:10px;
316 }*/
317 </style>
318</head>
319<body>
320{##HEADER_HTML}
321<!--<div class="load">
322 <div class="gear two">
323 <svg id="pink" viewbox="0 0 100 100" fill="#ffffff">
324 <path d="M97.6,55.7V44.3l-13.6-2.9c-0.8-3.3-2.1-6.4-3.9-9.3l7.6-11.7l-8-8L67.9,20c-2.9-1.7-6-3.1-9.3-3.9L55.7,2.4H44.3l-2.9,13.6 c-3.3,0.8-6.4,2.1-9.3,3.9l-11.7-7.6l-8,8L20,32.1c-1.7,2.9-3.1,6-3.9,9.3L2.4,44.3v11.4l13.6,2.9c0.8,3.3,2.1,6.4,3.9,9.3 l-7.6,11.7l8,8L32.1,80c2.9,1.7,6,3.1,9.3,3.9l2.9,13.6h11.4l2.9-13.6c3.3-0.8,6.4-2.1,9.3-3.9l11.7,7.6l8-8L80,67.9 c1.7-2.9,3.1-6,3.9-9.3L97.6,55.7z M50,65.6c-8.7,0-15.6-7-15.6-15.6s7-15.6,15.6-15.6s15.6,7,15.6,15.6S58.7,65.6,50,65.6z"></path>
325 </svg>
326 </div>
327 <div class="gear three">
328 <svg id="yellow" viewbox="0 0 100 100" fill="#ffffff">
329 <path d="M97.6,55.7V44.3l-13.6-2.9c-0.8-3.3-2.1-6.4-3.9-9.3l7.6-11.7l-8-8L67.9,20c-2.9-1.7-6-3.1-9.3-3.9L55.7,2.4H44.3l-2.9,13.6 c-3.3,0.8-6.4,2.1-9.3,3.9l-11.7-7.6l-8,8L20,32.1c-1.7,2.9-3.1,6-3.9,9.3L2.4,44.3v11.4l13.6,2.9c0.8,3.3,2.1,6.4,3.9,9.3 l-7.6,11.7l8,8L32.1,80c2.9,1.7,6,3.1,9.3,3.9l2.9,13.6h11.4l2.9-13.6c3.3-0.8,6.4-2.1,9.3-3.9l11.7,7.6l8-8L80,67.9 c1.7-2.9,3.1-6,3.9-9.3L97.6,55.7z M50,65.6c-8.7,0-15.6-7-15.6-15.6s7-15.6,15.6-15.6s15.6,7,15.6,15.6S58.7,65.6,50,65.6z"></path>
330 </svg>
331 </div>
332</div>-->
333<div id="Main-Content" style="padding:0;margin-top: 70px">
334 <div id="wrapper" style="height:1000px;min-height: 300px;">
335 <div id="leftColumn" class="f1_container pull-left" style="width:350px;position: relative;overflow: hidden;height:100%;background-color: #ffffff;">
336 <div id="tableContainer" style="box-shadow:0 -1px 24px rgba(0,0,0,0.4);">
337 <table class="table nowrap" id="mapTable" cellspacing="0" style="width:100%;background-color: transparent;">
338 <thead>
339 <tr>
340 <th><!--<input name="select_all" id="singlePanSelection" value="1" type="checkbox">--></th>
341 <th>{TRACKER_NAME} <a href="#" id="infoIconA" data-toggle="tooltip" title="" class="red-tooltip">
342 <img src="{IMAGEPATH}/info_icon1.png" height="15" width="15" id="infoIcon"/>
343 </a></th>
344 <th>{INFORMATION}</th>
345 </tr>
346 </thead>
347 <tbody>
348 </tbody>
349 <tfoot>
350 <tr>
351 <th></th>
352 <th>{TRACKER_NAME}</th>
353 <th>{INFORMATION}</th>
354 <th style="display:none;"></th>
355 <th style="display:none;"></th>
356 <th style="display:none;"></th>
357 <th style="display:none;"></th>
358 <th style="display:none;"></th>
359 <th style="display:none;"></th>
360 <th style="display:none;"></th>
361 <th style="display:none;"></th>
362 <th style="display:none;"></th>
363 <th style="display:none;"></th>
364 <th style="display:none;"></th>
365 <th style="display:none;"></th>
366 </tr>
367 </tfoot>
368 </table>
369 </div>
370 <div id="tableOffset" style="height: 29px;background-color: white;"></div>
371
372 <div id="drawerContainer" class="drawerContainer __open">
373 <div class="drawer __open">
374 <div class="sliderTop">
375 <div style="display: table; width:100%; height:100%;">
376 <div style="display: table-row;position: absolute;top: 3px;color: white;left: 5px;" id="tracker-name-heading"></div>
377 <div style="display: table-row">
378 <div style="display: table-cell;vertical-align: bottom; height:10px;">
379 <div class="line width10pc"></div>
380 </div>
381 </div>
382 <div style="display: table-row">
383 <div style="display: table-cell; text-align: center; vertical-align: middle; height:9px">
384 <div class="line width10pc"></div>
385 </div>
386 </div>
387 <div style="display: table-row">
388 <div style="display: table-cell; vertical-align: top; height:10px;">
389 <div class="line width10pc"></div>
390 </div>
391 </div>
392 <div id="pinIcon" class="pinned" style="display: table-row;">
393 <i class="fa fa-thumb-tack"></i>
394 </div>
395 </div>
396 </div>
397 <div class="slider">
398 <div class="tabSlidersHolder">
399 <div class="rowSlider">
400 <div class="tabSlider tabSliderActive" data-src="contentbox1"
401 active-img-src="{IMAGEPATH}/mapPanel/info.svg"
402 inactive-img-src="{IMAGEPATH}/mapPanel/info-white.svg">
403 </div>
404 <div class="tabSlider" data-src="contentbox2" active-img-src="{IMAGEPATH}/mapPanel/sensors.svg"
405 inactive-img-src="{IMAGEPATH}/mapPanel/sensors-white.svg">
406 </div>
407
408 <div class="tabSlider" id="alertImg" data-src="contentbox3" active-img-src="{IMAGEPATH}/mapPanel/alerts.svg"
409 inactive-img-src="{IMAGEPATH}/mapPanel/alerts-white.svg">
410 </div>
411
412 <div class="tabSlider" data-src="contentbox4" active-img-src="{IMAGEPATH}/mapPanel/history.svg"
413 inactive-img-src="{IMAGEPATH}/mapPanel/history-white.svg">
414 </div>
415
416 <div class="tabSlider" data-src="contentbox5" active-img-src="{IMAGEPATH}/mapPanel/log.svg"
417 inactive-img-src="{IMAGEPATH}/mapPanel/log-white.svg">
418 </div>
419 <div class="tabSlider" data-src="contentbox6" active-img-src="{IMAGEPATH}/mapPanel/eta.png"
420 inactive-img-src="{IMAGEPATH}/mapPanel/eta.png">
421 </div>
422 <div class="tabSlider" data-src="contentbox7" active-img-src="{IMAGEPATH}/mapPanel/photo_lib_black_48px.svg"
423 inactive-img-src="{IMAGEPATH}/mapPanel/photo_lib_white_48px.svg">
424 </div>
425 </div>
426
427 <div id="contentContainer" class="rowSlider">
428 <div id="contentbox1" class="tabSlider-content active-cell">
429 <div class="infoContainer" id="ttab-1" style="height: 100%;">
430 <h3>{LIVE_TRACKING}</h3>
431 <div style="margin:5px;">
432 <div class="trackerExtDetails" style="height:100%;">
433 <table class="pull-left">
434 <tr>
435 <td><img id="ltpic" style="height:80px" class="img-rounded" src=""/></td>
436 </tr>
437 </table>
438 <table style="color:#ffffff;" class="basic_info">
439 <tr>
440 <td class="lpad5 rpad5 f18">
441 <div class="pull-left paddingRight10px">
442 <?xml version="1.0" encoding="utf-8"?>
443 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
444 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="30px" width="25px"
445 viewBox="0 0 28 42" style="enable-background:new 0 0 28 42;" xml:space="preserve">
446<style type="text/css">
447 .tnameBadge0{fill: #ffffff;}
448 .tnameBadge1{fill: #ffffff;}
449 .tnameBadge2{fill: #000000;}
450 .tnameBadge3{font-family:'MyriadPro-Regular';}
451 .tnameBadge4{font-size:20.9168px;}
452</style>
453<g>
454 <path class="tnameBadge0" d="M17.9,1.7c0,0.9,0,1.8,0,2.7c0,0.4-0.1,2,0.2,2c2.1,0,3.6-0.1,5.6-0.1c3.1,0,2.7-0.3,2.7,2.8
455 c0,9.8,0,19.6,0,29.5c0,0.6,0,1.2-0.1,1.8c-8.2,0-16.5,0-24.7,0c0-0.4-0.1-0.9-0.1-1.3c0-10.3,0-20.7,0-31c0-1.7,0-1.7,1.7-1.7
456 c2.3,0,4.3,0,6.6,0c0.4,0,0.3-1.5,0.3-1.9c0-0.9,0-1.8,0-2.7C12.7,1.7,15.3,1.7,17.9,1.7z M3,23.3c0,4.7,0,9.3,0,14
457 c0,1.3,0.3,1.7,1.6,1.7c6.3-0.1,12.5-0.1,18.8,0c1.3,0,1.7-0.4,1.7-1.7c0-9.3,0-18.7,0-28c0-0.2,0-0.4,0-0.6c0-0.6-0.2-1-0.9-1
458 c-2.2,0-4.4,0-6.6,0c-0.8,0-0.9,0.4-0.9,1.1c0,0.6,0.1,1.2,0.9,1.1c1-0.1,1.2,0.5,1.2,1.4c0,0.6,0,1.1,0,1.7c0,0.9-0.4,1.2-1.2,1.2
459 c-1.7,0-3.4,0-5.1,0c-3.2,0-3.2-0.1-3-3.2c0.1-0.7,0.3-1.1,1-1c0.9,0.1,1-0.5,1-1.2c0-0.8-0.5-1-1.2-1c-1.9,0-3.8,0.1-5.7,0
460 C3.3,7.6,2.9,8,2.9,9.3C3,13.9,3,18.6,3,23.3z M13.9,13C13.9,13,13.9,13,13.9,13c0.8,0,1.6,0,2.4,0c1.2,0.1,1.3-0.6,1.2-1.5
461 c0-0.3-0.1-0.5-0.4-0.6c-0.3,0-0.5,0.2-0.5,0.5c0,1.1-0.7,1.1-1.5,1.1c-0.9,0-1.8,0-2.7,0c-0.5,0-0.9-0.1-1.1-0.7
462 c-0.1-0.3,0-0.9-0.5-0.8c-0.6,0.1-0.4,0.7-0.4,1.1c-0.1,0.7,0.3,1,1,1C12.2,13,13.1,13,13.9,13z"/>
463 <path class="tnameBadge1" d="M23.8,26.7c0,3.1,0,6.3,0,9.4c0,1.1-0.4,1.4-1.4,1.4c-5.6,0-11.2,0-16.8,0
464 c-1,0-1.4-0.3-1.4-1.4c0-6.3,0-12.5,0-18.8c0-1,0.4-1.3,1.4-1.3c5.7,0,11.3,0,17,0c1.1,0,1.4,0.4,1.4,1.4
465 C23.8,20.6,23.8,23.6,23.8,26.7z"/>
466 <text transform="matrix(1 0 0 1 7.2545 33.7174)" class="tnameBadge2 tnameBadge3 tnameBadge4">N</text>
467</g>
468</svg></div>
469 <div id="ltname" class="ellipsis" style="margin-top:4px;max-width:190px;"></div>
470 </td>
471 </tr>
472 <tr>
473 <td class="lpad5 rpad5 f12 only_italic vert_align_top">
474 <div class="pull-left paddingRight10px">
475 <?xml version="1.0" encoding="utf-8"?>
476 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
477 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;border-radius:2px;" xml:space="preserve" height="25px" width="25px">
478<style type="text/css">
479 .trackerSvg0{fill:transparent;}
480 .trackerSvg1{fill: #b59dcf;}
481 .trackerSvg2{fill: #ffffff;}
482</style>
483<rect y="0.1" class="trackerSvg0" width="58" height="57.9"/>
484<g>
485 <path class="trackerSvg1" d="M39.7,27.6c0,0.8,0,1.5,0,2.3c-0.1,0.3-0.1,0.6-0.2,0.9c-0.9,4.3-3.4,7.3-7.6,8.8
486 c-0.8,0.3-1.7,0.4-2.5,0.6c-0.8,0-1.5,0-2.3,0c-0.3-0.1-0.5-0.1-0.8-0.2c-6.1-1-10.3-6.8-9.4-13c0.9-6.1,6.5-10.4,12.7-9.7
487 c4.6,0.6,8.4,3.8,9.7,8.3C39.5,26.4,39.6,27,39.7,27.6z M19.7,28.8c0,4.7,3.9,8.6,8.5,8.6c4.7,0,8.6-3.8,8.6-8.5
488 c0-4.8-3.9-8.7-8.8-8.6C23.5,20.3,19.7,24,19.7,28.8z"/>
489 <path class="trackerSvg1" d="M26.8,35.7c0-1.8,0-3.7,0-5.5c-1.9,0-3.7,0-5.5,0v-0.1C25.2,28,29.1,26,33,23.9
490 c0,0,0.1,0,0.1,0.1C31.1,27.9,29,31.8,26.8,35.7C26.9,35.8,26.9,35.8,26.8,35.7z"/>
491</g>
492<g>
493 <path class="trackerSvg2" d="M48.5,36.2c-1,0-2,0-3,0c0,2.3,0,4.6,0,6.9c1,0,2,0,3,0c0,1.3,0.1,2.6,0,3.9
494 c-0.2,1.4-1.4,2.2-2.9,2.2c-3.3,0-6.5,0-9.8,0c-7.3,0-14.6,0-21.9,0c-1.1,0-2.2,0-3.3-0.1c-1.3-0.1-2.3-1.3-2.3-2.6
495 c0-1.1,0-2.2,0-3.3c0,0,0-0.1,0-0.2c1.4,0,2.8,0,4.2,0c0-2.3,0-4.6,0-6.9c-1.4,0-2.8,0-4.2,0c0-1.1,0-2.2,0-3.4c1.4,0,2.8,0,4.2,0
496 c0-2.3,0-4.6,0-6.9c-1.4,0-2.8,0-4.2,0c0-1.2,0-2.4,0-3.6c1.4,0,2.8,0,4.2,0c0-0.9,0-1.7,0-2.5c0-1.3,0-2.6,0-4
497 c0-0.4-0.1-0.4-0.4-0.4c-1.1,0-2.2,0-3.2,0c-0.2,0-0.3,0-0.5,0c0-1.4-0.1-2.8,0-4.1C8.5,9.8,9.8,9,11.3,8.9c2.9,0,5.8,0,8.7,0
498 c7.3,0,14.5,0,21.8,0c1.3,0,2.6,0,3.9,0c1.7,0,2.9,1.2,2.9,2.9c0,1.2,0,2.4,0,3.7c-1,0-2,0-3.1,0c0,2.3,0,4.6,0,6.9c1,0,2,0,3,0
499 c0,1.2,0,2.4,0,3.6c-1,0-2,0-3,0c0,2.3,0,4.6,0,6.9c1,0,2,0,3,0C48.5,33.9,48.5,35,48.5,36.2z M28.3,15.5L28.3,15.5
500 c-3.8,0-7.6,0-11.4,0c-1.5,0-2.1,0.7-2.1,2.1c0,7.6,0,15.2,0,22.8c0,1.3,0.8,2,2.1,2c7.7,0,15.3,0,23,0c0.2,0,0.4,0,0.5-0.1
501 c0.9-0.3,1.4-1,1.4-2c0-2.5,0-5,0-7.5c0-5.1,0-10.2,0-15.4c0-1.4-0.8-2.1-2.1-2.1C36,15.5,32.1,15.5,28.3,15.5z"/>
502 <path class="trackerSvg2" d="M54.3,20.5c-2.5,0-5,0-7.5,0c0-1.3,0-2.6,0-3.9c2.5,0,5,0,7.5,0C54.3,17.9,54.3,19.2,54.3,20.5
503 z"/>
504 <path class="trackerSvg2" d="M46.9,27c2.5,0,5,0,7.5,0c0,1.3,0,2.6,0,3.9c-2.5,0-5,0-7.5,0C46.9,29.6,46.9,28.4,46.9,27z"/>
505 <path class="trackerSvg2" d="M3.7,20.6c0-1.3,0-2.6,0-3.9c2.5,0,4.9,0,7.5,0c0,1.3,0,2.6,0,3.9C8.6,20.6,6.2,20.6,3.7,20.6z
506 "/>
507 <path class="trackerSvg2" d="M3.7,27.1c2.5,0,5,0,7.5,0c0,1.3,0,2.6,0,3.9c-2.5,0-5,0-7.5,0C3.7,29.7,3.7,28.4,3.7,27.1z"/>
508 <path class="trackerSvg2" d="M46.9,37.3c2.5,0,5,0,7.5,0c0,1.3,0,2.6,0,3.9c-2.5,0-4.9,0-7.5,0C46.9,40,46.9,38.7,46.9,37.3
509 z"/>
510 <path class="trackerSvg2" d="M3.7,41.3c0-1.3,0-2.6,0-3.9c2.5,0,5,0,7.5,0c0,1.3,0,2.6,0,3.9C8.7,41.3,6.2,41.3,3.7,41.3z"/>
511</g>
512</svg>
513
514 </div>
515 <div style="margin-top:4px;">
516 <span id="lttype"></span><span id="lttm"></span>
517 </div>
518 </td>
519 </tr>
520 <tr>
521 <td class="lpad5 rpad5 f12 only_italic vert_align_top" style="height:12px;">
522 <div class="padl35" id="ltrn"></div>
523 </td>
524 </tr>
525 <tr style="display:none;">
526 <td class="lpad5 rpad5 f12 only_italic vert_align_top" style="height:30px;">
527 <div id="ltdn"></div>
528 </td>
529 </tr>
530 </table>
531 <table style="display:none;">
532 <tr>
533 <td>
534 {DURATION}
535 </td>
536 <td id="durationDrawer">
537
538 </td>
539 </tr>
540 <tr>
541 <td>
542 {ODOMETER}
543 </td>
544 <td id="odoDrawer">
545
546 </td>
547 </tr>
548 <tr>
549 <td>
550 {DRIVER_NAME}
551 </td>
552 <td id="dNameDrawer">
553
554 </td>
555 </tr>
556 </table>
557 <div class="f18 marginBottom10">
558 <span >{TRIP_DISTANCE} </span>
559 <span id="ltdist"></span>
560 </div>
561 <div id="id_startedFrom" class="panel panel-info f12 marginBottom10" style="border:1px solid #FFFFFF;">
562 <div class="panel-heading default-panel-color" style="padding: 3px;color: white;">
563 <div class="pull-left">
564 <?xml version="1.0" encoding="utf-8"?>
565 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
566 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="18px" width="18px"
567 viewBox="0 0 34 44" style="enable-background:new 0 0 34 44;" xml:space="preserve">
568 <style type="text/css">
569 .locIcon{fill:#ffffff;stroke:#ffffff;}
570</style>
571<path class="locIcon" d="M17.8,41.3c-0.2,0-0.5,0-0.7,0c-0.9-0.2-1.4-0.7-1.9-1.4c-2.4-3.6-4.7-7.3-7.1-10.9c-0.9-1.4-1.7-2.8-2.7-4.1
572 C2.9,21.3,2,17.4,2.7,13.2C3.4,9.4,5.3,6.4,8.4,4c2.1-1.6,4.4-2.5,6.9-2.9C15.7,1.1,16.2,1,16.6,1c0.6,0,1.2,0,1.8,0
573 c0.1,0,0.2,0,0.3,0c0.5,0.1,1,0.1,1.5,0.2c3.8,0.7,6.9,2.6,9.3,5.7c1.6,2.1,2.5,4.4,2.9,7c0.1,0.5,0.1,1,0.2,1.5c0,0.3,0,0.6,0,1
574 c0,0.1,0,0.2,0,0.3c-0.1,1.4-0.4,2.7-0.8,4c-0.5,1.6-1.4,3-2.3,4.4c-3.2,4.9-6.4,9.8-9.6,14.7c-0.1,0.2-0.3,0.4-0.4,0.6
575 C18.9,40.9,18.4,41.1,17.8,41.3z M25.7,15.4c0-4.6-3.7-8.2-8.3-8.2c-4.6,0-8.2,3.6-8.2,8.2c0,4.6,3.7,8.2,8.2,8.2
576 C22,23.7,25.7,20,25.7,15.4z"/>
577</svg>
578 </div>
579 <div> {S_FROM}</div>
580 </div>
581 <div class="panel-body" style="color: black;padding: 5px">
582 <span id="ltst"></span><br/>
583 <span id="ltsp"></span>
584 </div>
585 </div>
586 <div id="id_currentLoc" class="panel panel-primary f12 marginBottom10" style="border:1px solid #ffffff">
587 <div class="panel-heading " style="padding: 3px">
588 <div class="pull-left">
589 <?xml version="1.0" encoding="utf-8"?>
590 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
591 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="18px" width="18px"
592 viewBox="0 0 34 44" style="enable-background:new 0 0 34 44;" xml:space="preserve">
593 <style type="text/css">
594 .locIcon{fill:#ffffff;stroke:#ffffff;}
595</style>
596<path class="locIcon" d="M17.8,41.3c-0.2,0-0.5,0-0.7,0c-0.9-0.2-1.4-0.7-1.9-1.4c-2.4-3.6-4.7-7.3-7.1-10.9c-0.9-1.4-1.7-2.8-2.7-4.1
597 C2.9,21.3,2,17.4,2.7,13.2C3.4,9.4,5.3,6.4,8.4,4c2.1-1.6,4.4-2.5,6.9-2.9C15.7,1.1,16.2,1,16.6,1c0.6,0,1.2,0,1.8,0
598 c0.1,0,0.2,0,0.3,0c0.5,0.1,1,0.1,1.5,0.2c3.8,0.7,6.9,2.6,9.3,5.7c1.6,2.1,2.5,4.4,2.9,7c0.1,0.5,0.1,1,0.2,1.5c0,0.3,0,0.6,0,1
599 c0,0.1,0,0.2,0,0.3c-0.1,1.4-0.4,2.7-0.8,4c-0.5,1.6-1.4,3-2.3,4.4c-3.2,4.9-6.4,9.8-9.6,14.7c-0.1,0.2-0.3,0.4-0.4,0.6
600 C18.9,40.9,18.4,41.1,17.8,41.3z M25.7,15.4c0-4.6-3.7-8.2-8.3-8.2c-4.6,0-8.2,3.6-8.2,8.2c0,4.6,3.7,8.2,8.2,8.2
601 C22,23.7,25.7,20,25.7,15.4z"/>
602</svg>
603 </div>
604 <div> {CURRENT}</div>
605 </div>
606 <div class="panel-body" style="color: black;padding: 5px">
607 <span id="ltlu"></span><br/>
608 <span id="ltlp"></span>
609 </div>
610 </div>
611 <table class="table f12 marginBottom10" style="color: #FFFFFF;text-align: center;background-color: #000000;">
612 <thead>
613 <tr>
614 <td><table style="margin:auto"><tr><td>
615 <?xml version="1.0" encoding="utf-8"?>
616 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
617 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="18px" width="38px"
618 viewBox="0 0 58 28" style="enable-background:new 0 0 58 28;" xml:space="preserve">
619 <style type="text/css">
620 .speedSvg{fill:#ffffff;}
621</style>
622<g class="speedSvg">
623 <path d="M55.9,16.8c-1.4,5.2-4.6,8.5-9.9,9.7c-1.3,0.2-4.7-0.1-3.4,0.1c-3.8-1-6.8-2.9-8.7-6.3
624 C30.6,14.3,32.9,7,39,4c6.1-3,13.4-0.2,16.1,6.1c0.3,0.7,0.6,1.4,0.9,2.1C56.5,14.6,55.9,15.2,55.9,16.8z M40.4,14.6
625 c-0.1,2.1,1.4,3.7,3.5,3.8c2.2,0.1,4-1.5,4-3.7c0-2.2-1.5-3.8-3.6-3.8C42.1,10.8,40.5,12.3,40.4,14.6z M38.2,15.1
626 c-0.7,0-1.3,0.1-1.3,1c0,1.1,1.2,3.2,1.8,3c0.8-0.2,1.7-0.8,1.5-1.7C40,16.5,39.8,15.1,38.2,15.1z M38.2,14.1c0.9,0,2.1-1.3,2-2.4
627 c-0.1-0.9-0.9-1.8-1.6-1.6c-1.2,0.4-1.5,1.8-1.7,3C36.8,14.1,37.5,14.1,38.2,14.1z M43.7,8.5c0-0.6-0.1-1.3-0.9-1.1
628 c-1.2,0.3-2.6,0.5-3.1,1.7c-0.2,0.5,0.8,1.4,1.6,1.5C42.4,10.8,43.7,9.5,43.7,8.5z M51.5,16.2c0-1.2-0.7-1.1-1.2-1.1
629 c-1,0-2.1,1.2-2,2.3c0.1,0.9,0.7,1.5,1.5,1.7C50.3,19.3,51.5,17.1,51.5,16.2z M44.7,20.7c0,0.6,0,1.2,0.9,1.2
630 c1.1,0,3.2-1.2,3.1-1.8c-0.2-0.8-0.9-1.6-1.7-1.5C46,18.9,44.6,19,44.7,20.7z M50.3,14.1c0.5-0.1,1.3,0.1,1.1-0.8
631 c-0.2-1.2-0.4-2.7-1.7-3.1c-0.7-0.2-1.6,0.8-1.5,1.6C48.5,12.7,48.6,14.1,50.3,14.1z M43.7,20.6c0-1.7-1.4-1.7-2.4-1.9
632 c-0.8-0.2-1.5,0.7-1.7,1.4c-0.2,0.5,2.2,1.7,3.3,1.7C43.8,21.9,43.6,21.2,43.7,20.6z M44.7,8.6c0,1,1.4,2.2,2.4,2
633 c0.8-0.1,1.3-0.7,1.6-1.5c0.2-0.6-2-1.8-3-1.8C44.7,7.4,44.8,8,44.7,8.6z"/>
634 <path d="M35.7,26.1c-0.9,0-1.5,0-2,0c-10.3,0-20.5,0-30.8,0c-0.5,0-1.3,0.2-1.5-0.2c-0.4-0.6,0.4-1,0.7-1.5
635 c1.2-2.3,3.1-2.8,5.6-2.7c7.3,0.1,14.7,0,22-0.1c1.5,0,2.6,0.3,3.5,1.6C33.8,24.1,34.6,24.9,35.7,26.1z"/>
636 <path d="M18.4,20.1c-3.7,0-7.4,0-11,0c-0.4,0-1,0.1-1.2-0.3c-0.3-0.5,0.3-0.7,0.5-1.1c1.4-2.6,3.5-3.5,6.5-3.3
637 c5,0.3,10,0.1,15,0c1.5,0,2.1,0.4,2.4,1.9c0.5,2.9,0.6,2.9-2.4,2.8C24.9,20.1,21.7,20.1,18.4,20.1C18.4,20.1,18.4,20.1,18.4,20.1z"
638 />
639 <path d="M20.5,13.9c-2.7,0-5.5,0-8.2,0c-0.4,0-1,0.2-1.2-0.3c-0.2-0.5,0.3-0.8,0.5-1.1C13,9.8,15.1,8.8,18.2,9
640 c3.8,0.3,7.6,0.1,11.4,0.1c1.3,0,1.6,0.4,1.2,1.7c-0.9,3.1-0.8,3.1-4.1,3.1C24.7,13.9,22.6,13.9,20.5,13.9z"/>
641 <path d="M24.1,7.6c-2.1,0-4.3,0-6.4,0c-0.6,0-1.4,0.3-1.6-0.3c-0.3-0.6,0.5-1,0.8-1.5c0.4-0.6,0.9-1.1,1.3-1.7
642 C18.8,3.2,19.6,3,20.6,3c4.5,0,9.1,0,13.6,0c0.4,0,1-0.1,1.2,0.3c0.3,0.5-0.4,0.7-0.6,1c-0.3,0.3-0.6,0.5-0.8,0.8
643 c-1.2,2.5-3.3,2.8-5.8,2.6C26.9,7.5,25.5,7.6,24.1,7.6z"/>
644 <path d="M44.1,17c-1.3,0-2.4-1.2-2.4-2.4c0-1.3,1.2-2.4,2.5-2.4c1.3,0,2.4,1.2,2.4,2.5C46.6,15.9,45.4,17,44.1,17z"
645 />
646</g>
647</svg>
648
649 </td><td> {CURRENT}</td></tr></table></td>
650 <td><table style="margin:auto"><tr><td>
651 <?xml version="1.0" encoding="utf-8"?>
652 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
653 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="18px" width="38px"
654 viewBox="0 0 58 28" style="enable-background:new 0 0 58 28;" xml:space="preserve">
655 <style type="text/css">
656 .speedSvg{fill:#ffffff;}
657</style>
658<g class="speedSvg">
659 <path d="M55.9,16.8c-1.4,5.2-4.6,8.5-9.9,9.7c-1.3,0.2-4.7-0.1-3.4,0.1c-3.8-1-6.8-2.9-8.7-6.3
660 C30.6,14.3,32.9,7,39,4c6.1-3,13.4-0.2,16.1,6.1c0.3,0.7,0.6,1.4,0.9,2.1C56.5,14.6,55.9,15.2,55.9,16.8z M40.4,14.6
661 c-0.1,2.1,1.4,3.7,3.5,3.8c2.2,0.1,4-1.5,4-3.7c0-2.2-1.5-3.8-3.6-3.8C42.1,10.8,40.5,12.3,40.4,14.6z M38.2,15.1
662 c-0.7,0-1.3,0.1-1.3,1c0,1.1,1.2,3.2,1.8,3c0.8-0.2,1.7-0.8,1.5-1.7C40,16.5,39.8,15.1,38.2,15.1z M38.2,14.1c0.9,0,2.1-1.3,2-2.4
663 c-0.1-0.9-0.9-1.8-1.6-1.6c-1.2,0.4-1.5,1.8-1.7,3C36.8,14.1,37.5,14.1,38.2,14.1z M43.7,8.5c0-0.6-0.1-1.3-0.9-1.1
664 c-1.2,0.3-2.6,0.5-3.1,1.7c-0.2,0.5,0.8,1.4,1.6,1.5C42.4,10.8,43.7,9.5,43.7,8.5z M51.5,16.2c0-1.2-0.7-1.1-1.2-1.1
665 c-1,0-2.1,1.2-2,2.3c0.1,0.9,0.7,1.5,1.5,1.7C50.3,19.3,51.5,17.1,51.5,16.2z M44.7,20.7c0,0.6,0,1.2,0.9,1.2
666 c1.1,0,3.2-1.2,3.1-1.8c-0.2-0.8-0.9-1.6-1.7-1.5C46,18.9,44.6,19,44.7,20.7z M50.3,14.1c0.5-0.1,1.3,0.1,1.1-0.8
667 c-0.2-1.2-0.4-2.7-1.7-3.1c-0.7-0.2-1.6,0.8-1.5,1.6C48.5,12.7,48.6,14.1,50.3,14.1z M43.7,20.6c0-1.7-1.4-1.7-2.4-1.9
668 c-0.8-0.2-1.5,0.7-1.7,1.4c-0.2,0.5,2.2,1.7,3.3,1.7C43.8,21.9,43.6,21.2,43.7,20.6z M44.7,8.6c0,1,1.4,2.2,2.4,2
669 c0.8-0.1,1.3-0.7,1.6-1.5c0.2-0.6-2-1.8-3-1.8C44.7,7.4,44.8,8,44.7,8.6z"/>
670 <path d="M35.7,26.1c-0.9,0-1.5,0-2,0c-10.3,0-20.5,0-30.8,0c-0.5,0-1.3,0.2-1.5-0.2c-0.4-0.6,0.4-1,0.7-1.5
671 c1.2-2.3,3.1-2.8,5.6-2.7c7.3,0.1,14.7,0,22-0.1c1.5,0,2.6,0.3,3.5,1.6C33.8,24.1,34.6,24.9,35.7,26.1z"/>
672 <path d="M18.4,20.1c-3.7,0-7.4,0-11,0c-0.4,0-1,0.1-1.2-0.3c-0.3-0.5,0.3-0.7,0.5-1.1c1.4-2.6,3.5-3.5,6.5-3.3
673 c5,0.3,10,0.1,15,0c1.5,0,2.1,0.4,2.4,1.9c0.5,2.9,0.6,2.9-2.4,2.8C24.9,20.1,21.7,20.1,18.4,20.1C18.4,20.1,18.4,20.1,18.4,20.1z"
674 />
675 <path d="M20.5,13.9c-2.7,0-5.5,0-8.2,0c-0.4,0-1,0.2-1.2-0.3c-0.2-0.5,0.3-0.8,0.5-1.1C13,9.8,15.1,8.8,18.2,9
676 c3.8,0.3,7.6,0.1,11.4,0.1c1.3,0,1.6,0.4,1.2,1.7c-0.9,3.1-0.8,3.1-4.1,3.1C24.7,13.9,22.6,13.9,20.5,13.9z"/>
677 <path d="M24.1,7.6c-2.1,0-4.3,0-6.4,0c-0.6,0-1.4,0.3-1.6-0.3c-0.3-0.6,0.5-1,0.8-1.5c0.4-0.6,0.9-1.1,1.3-1.7
678 C18.8,3.2,19.6,3,20.6,3c4.5,0,9.1,0,13.6,0c0.4,0,1-0.1,1.2,0.3c0.3,0.5-0.4,0.7-0.6,1c-0.3,0.3-0.6,0.5-0.8,0.8
679 c-1.2,2.5-3.3,2.8-5.8,2.6C26.9,7.5,25.5,7.6,24.1,7.6z"/>
680 <path d="M44.1,17c-1.3,0-2.4-1.2-2.4-2.4c0-1.3,1.2-2.4,2.5-2.4c1.3,0,2.4,1.2,2.4,2.5C46.6,15.9,45.4,17,44.1,17z"
681 />
682</g>
683</svg>
684
685 </td><td> {AVG}</td></tr></table></td>
686 <td><table style="margin:auto"><tr><td>
687 <?xml version="1.0" encoding="utf-8"?>
688 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
689 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="38px" height="18px"
690 viewBox="0 0 58 28" style="enable-background:new 0 0 58 28;" xml:space="preserve">
691 <style type="text/css">
692 .speedSvg{fill:#ffffff;}
693</style>
694<g class="speedSvg" >
695 <path d="M55.9,16.8c-1.4,5.2-4.6,8.5-9.9,9.7c-1.3,0.2-4.7-0.1-3.4,0.1c-3.8-1-6.8-2.9-8.7-6.3
696 C30.6,14.3,32.9,7,39,4c6.1-3,13.4-0.2,16.1,6.1c0.3,0.7,0.6,1.4,0.9,2.1C56.5,14.6,55.9,15.2,55.9,16.8z M40.4,14.6
697 c-0.1,2.1,1.4,3.7,3.5,3.8c2.2,0.1,4-1.5,4-3.7c0-2.2-1.5-3.8-3.6-3.8C42.1,10.8,40.5,12.3,40.4,14.6z M38.2,15.1
698 c-0.7,0-1.3,0.1-1.3,1c0,1.1,1.2,3.2,1.8,3c0.8-0.2,1.7-0.8,1.5-1.7C40,16.5,39.8,15.1,38.2,15.1z M38.2,14.1c0.9,0,2.1-1.3,2-2.4
699 c-0.1-0.9-0.9-1.8-1.6-1.6c-1.2,0.4-1.5,1.8-1.7,3C36.8,14.1,37.5,14.1,38.2,14.1z M43.7,8.5c0-0.6-0.1-1.3-0.9-1.1
700 c-1.2,0.3-2.6,0.5-3.1,1.7c-0.2,0.5,0.8,1.4,1.6,1.5C42.4,10.8,43.7,9.5,43.7,8.5z M51.5,16.2c0-1.2-0.7-1.1-1.2-1.1
701 c-1,0-2.1,1.2-2,2.3c0.1,0.9,0.7,1.5,1.5,1.7C50.3,19.3,51.5,17.1,51.5,16.2z M44.7,20.7c0,0.6,0,1.2,0.9,1.2
702 c1.1,0,3.2-1.2,3.1-1.8c-0.2-0.8-0.9-1.6-1.7-1.5C46,18.9,44.6,19,44.7,20.7z M50.3,14.1c0.5-0.1,1.3,0.1,1.1-0.8
703 c-0.2-1.2-0.4-2.7-1.7-3.1c-0.7-0.2-1.6,0.8-1.5,1.6C48.5,12.7,48.6,14.1,50.3,14.1z M43.7,20.6c0-1.7-1.4-1.7-2.4-1.9
704 c-0.8-0.2-1.5,0.7-1.7,1.4c-0.2,0.5,2.2,1.7,3.3,1.7C43.8,21.9,43.6,21.2,43.7,20.6z M44.7,8.6c0,1,1.4,2.2,2.4,2
705 c0.8-0.1,1.3-0.7,1.6-1.5c0.2-0.6-2-1.8-3-1.8C44.7,7.4,44.8,8,44.7,8.6z"/>
706 <path d="M35.7,26.1c-0.9,0-1.5,0-2,0c-10.3,0-20.5,0-30.8,0c-0.5,0-1.3,0.2-1.5-0.2c-0.4-0.6,0.4-1,0.7-1.5
707 c1.2-2.3,3.1-2.8,5.6-2.7c7.3,0.1,14.7,0,22-0.1c1.5,0,2.6,0.3,3.5,1.6C33.8,24.1,34.6,24.9,35.7,26.1z"/>
708 <path d="M18.4,20.1c-3.7,0-7.4,0-11,0c-0.4,0-1,0.1-1.2-0.3c-0.3-0.5,0.3-0.7,0.5-1.1c1.4-2.6,3.5-3.5,6.5-3.3
709 c5,0.3,10,0.1,15,0c1.5,0,2.1,0.4,2.4,1.9c0.5,2.9,0.6,2.9-2.4,2.8C24.9,20.1,21.7,20.1,18.4,20.1C18.4,20.1,18.4,20.1,18.4,20.1z"
710 />
711 <path d="M20.5,13.9c-2.7,0-5.5,0-8.2,0c-0.4,0-1,0.2-1.2-0.3c-0.2-0.5,0.3-0.8,0.5-1.1C13,9.8,15.1,8.8,18.2,9
712 c3.8,0.3,7.6,0.1,11.4,0.1c1.3,0,1.6,0.4,1.2,1.7c-0.9,3.1-0.8,3.1-4.1,3.1C24.7,13.9,22.6,13.9,20.5,13.9z"/>
713 <path d="M24.1,7.6c-2.1,0-4.3,0-6.4,0c-0.6,0-1.4,0.3-1.6-0.3c-0.3-0.6,0.5-1,0.8-1.5c0.4-0.6,0.9-1.1,1.3-1.7
714 C18.8,3.2,19.6,3,20.6,3c4.5,0,9.1,0,13.6,0c0.4,0,1-0.1,1.2,0.3c0.3,0.5-0.4,0.7-0.6,1c-0.3,0.3-0.6,0.5-0.8,0.8
715 c-1.2,2.5-3.3,2.8-5.8,2.6C26.9,7.5,25.5,7.6,24.1,7.6z"/>
716 <path d="M44.1,17c-1.3,0-2.4-1.2-2.4-2.4c0-1.3,1.2-2.4,2.5-2.4c1.3,0,2.4,1.2,2.4,2.5C46.6,15.9,45.4,17,44.1,17z"
717 />
718</g>
719</svg>
720
721 </td><td> {MAX}</td></tr></table></td>
722 </tr>
723 </thead>
724 <tbody style="font-weight: bold">
725 <tr>
726 <td id="ltcurspeed"></td>
727 <td id="ltas"></td>
728 <td id="ltms"></td>
729 </tr>
730 </tbody>
731 </table>
732 </div>
733 </div>
734 <div class="buttonWrap" style="margin:5px;">
735 <div id="bi_metric" class="metric form-group" style="display:none;"></div>
736 <div>
737 <div id="changeMetric" style="cursor: pointer;">
738 <div class="pull-left">
739 <?xml version="1.0" encoding="utf-8"?>
740 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
741 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 12" style="enable-background:new 0 0 12 12;" xml:space="preserve" height="18px" width="18px" fill="">
742 <style type="text/css">
743 .metricSvg{fill: #ffffff;}
744 </style>
745 <g>
746 <polygon points="7.2,1.6 11.3,5.7 7.2,9.9" class="metricSvg"/>
747 <rect x="0.8" y="1.6" class="metricSvg" width="1.5" height="8.4"/>
748 <rect x="3.2" y="1.6" class="metricSvg" width="1.5" height="8.4"/>
749 </g>
750 </svg>
751 </div>
752 <div id="metricText" class="pull-left"></div>
753 </div>
754 <div class="text-right">
755 <div id="groupMode" class="btn btn-default" onclick="enterGroupMode();">
756 <div class="pull-left">
757 <?xml version="1.0" encoding="utf-8"?>
758 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="18px" width="18px" fill="#000000"
759 viewBox="0 0 38 38" style="enable-background:new 0 0 38 38;" xml:space="preserve">
760<path d="M3.4,16.2c0-3.3,0-6.7,0-10c0,0,0-0.1,0-0.1C3.6,5,4.2,4.2,5.3,3.8c0.2-0.1,0.5-0.1,0.7-0.2
761 c3.3,0,6.7,0,10,0c0,0,0.1,0,0.1,0c1.1,0.2,1.9,0.8,2.3,1.8c0.1,0.2,0.1,0.5,0.2,0.7c0,3.3,0,6.7,0,10c0,0,0,0.1,0,0.1
762 c-0.2,1.1-0.8,1.9-1.8,2.3c-0.2,0.1-0.5,0.1-0.7,0.2c-3.3,0-6.7,0-10,0c0,0-0.1,0-0.1,0c-1.1-0.2-1.9-0.8-2.3-1.8
763 C3.5,16.7,3.5,16.4,3.4,16.2z M10.9,17.6c1.5,0,3.1,0,4.6,0c0.1,0,0.3,0,0.4,0c0.8-0.2,1.4-0.8,1.4-1.7c0-3.1,0-6.2,0-9.3
764 c0-0.1,0-0.3,0-0.4c-0.2-0.8-0.8-1.4-1.7-1.4c-3.1,0-6.2,0-9.2,0c-0.1,0-0.3,0-0.4,0C5.1,5,4.6,5.7,4.6,6.5c0,3.1,0,6.2,0,9.3
765 c0,0.4,0.1,0.7,0.3,1c0.4,0.5,0.9,0.7,1.5,0.7C7.9,17.6,9.4,17.6,10.9,17.6z"/>
766<path d="M5.9,3.6C5.7,3.7,5.5,3.7,5.3,3.8C4.2,4.2,3.6,5,3.4,6.1c0,0,0,0.1,0,0.1c0-0.8,0-1.7,0-2.5
767 C4.2,3.6,5.1,3.6,5.9,3.6z"/>
768<path d="M18.5,6.2c-0.1-0.2-0.1-0.5-0.2-0.7c-0.4-1-1.2-1.6-2.3-1.8c0,0-0.1,0-0.1,0c0.8,0,1.7,0,2.5,0
769 C18.5,4.5,18.5,5.3,18.5,6.2z"/>
770<path class="" d="M3.4,16.2c0.1,0.2,0.1,0.5,0.2,0.7c0.4,1,1.2,1.6,2.3,1.8c0,0,0.1,0,0.1,0c-0.8,0-1.7,0-2.5,0
771 C3.4,17.9,3.4,17.1,3.4,16.2z"/>
772<path class="" d="M16,18.7c0.2-0.1,0.5-0.1,0.7-0.2c1-0.4,1.6-1.2,1.8-2.3c0,0,0-0.1,0-0.1c0,0.8,0,1.7,0,2.5
773 C17.7,18.7,16.8,18.7,16,18.7z"/>
774<path d="M9.6,13.3c0.5-0.7,1-1.4,1.4-2.1c1-1.5,2.1-3,3.1-4.6c0.2-0.3,0.4-0.4,0.7-0.3c0.1,0,0.1,0.1,0.2,0.1
775 c0.3,0.2,0.6,0.4,0.8,0.6c0.3,0.2,0.4,0.5,0.2,0.9c-1.8,2.7-3.6,5.3-5.4,8c-0.4,0.5-0.9,0.6-1.4,0.2c0,0-0.1-0.1-0.1-0.1
776 c-1-1-2-2-3.1-3.1c-0.3-0.3-0.3-0.6,0-0.9c0.2-0.2,0.5-0.5,0.7-0.7c0.3-0.3,0.6-0.3,0.9,0c0.6,0.6,1.3,1.3,1.9,1.9
777 C9.6,13.2,9.6,13.2,9.6,13.3z"/>
778<path d="M21.3,16.3c0-3.3,0-6.7,0-10c0,0,0-0.1,0-0.1c0.2-1.1,0.8-1.9,1.8-2.3c0.2-0.1,0.5-0.1,0.7-0.2
779 c3.3,0,6.7,0,10,0c0,0,0.1,0,0.1,0C35,4,35.8,4.6,36.2,5.6c0.1,0.2,0.1,0.5,0.2,0.7c0,3.3,0,6.7,0,10c0,0,0,0.1,0,0.1
780 c-0.2,1.1-0.8,1.9-1.8,2.3c-0.2,0.1-0.5,0.1-0.7,0.2c-3.3,0-6.7,0-10,0c0,0-0.1,0-0.1,0c-1.1-0.2-1.9-0.8-2.3-1.8
781 C21.4,16.8,21.3,16.6,21.3,16.3z M28.8,17.7c1.5,0,3.1,0,4.6,0c0.1,0,0.3,0,0.4,0c0.8-0.2,1.4-0.8,1.4-1.7c0-3.1,0-6.2,0-9.3
782 c0-0.1,0-0.3,0-0.4c-0.2-0.8-0.8-1.4-1.7-1.4c-3.1,0-6.2,0-9.2,0c-0.1,0-0.3,0-0.4,0c-0.8,0.2-1.4,0.8-1.4,1.7c0,3.1,0,6.2,0,9.3
783 c0,0.4,0.1,0.7,0.3,1c0.4,0.5,0.9,0.7,1.5,0.7C25.7,17.7,27.3,17.7,28.8,17.7z"/>
784<path class="" d="M23.8,3.7c-0.2,0.1-0.5,0.1-0.7,0.2c-1,0.4-1.6,1.2-1.8,2.3c0,0,0,0.1,0,0.1c0-0.8,0-1.7,0-2.5
785 C22.1,3.7,23,3.7,23.8,3.7z"/>
786<path class="" d="M36.4,6.3c-0.1-0.2-0.1-0.5-0.2-0.7c-0.4-1-1.2-1.6-2.3-1.8c0,0-0.1,0-0.1,0c0.8,0,1.7,0,2.5,0
787 C36.4,4.6,36.4,5.4,36.4,6.3z"/>
788<path class="" d="M21.3,16.3c0.1,0.2,0.1,0.5,0.2,0.7c0.4,1,1.2,1.6,2.3,1.8c0,0,0.1,0,0.1,0c-0.8,0-1.7,0-2.5,0
789 C21.3,18,21.3,17.2,21.3,16.3z"/>
790<path class="" d="M33.9,18.9c0.2-0.1,0.5-0.1,0.7-0.2c1-0.4,1.6-1.2,1.8-2.3c0,0,0-0.1,0-0.1c0,0.8,0,1.7,0,2.5
791 C35.5,18.9,34.7,18.9,33.9,18.9z"/>
792<path d="M27.5,13.4c0.5-0.7,1-1.4,1.4-2.1c1-1.5,2.1-3,3.1-4.6c0.2-0.3,0.4-0.4,0.7-0.3c0.1,0,0.1,0.1,0.2,0.1
793 c0.3,0.2,0.6,0.4,0.8,0.6c0.3,0.2,0.4,0.5,0.2,0.9c-1.8,2.7-3.6,5.3-5.4,8c-0.4,0.5-0.9,0.6-1.4,0.2c0,0-0.1-0.1-0.1-0.1
794 c-1-1-2-2-3.1-3.1c-0.3-0.3-0.3-0.6,0-0.9c0.2-0.2,0.5-0.5,0.7-0.7c0.3-0.3,0.6-0.3,0.9,0c0.6,0.6,1.3,1.3,1.9,1.9
795 C27.4,13.3,27.4,13.3,27.5,13.4z"/>
796<path d="M3.4,33.1c0-3.3,0-6.7,0-10c0,0,0-0.1,0-0.1c0.2-1.1,0.8-1.9,1.8-2.3c0.2-0.1,0.5-0.1,0.7-0.2
797 c3.3,0,6.7,0,10,0c0,0,0.1,0,0.1,0c1.1,0.2,1.9,0.8,2.3,1.8c0.1,0.2,0.1,0.5,0.2,0.7c0,3.3,0,6.7,0,10c0,0,0,0.1,0,0.1
798 c-0.2,1.1-0.8,1.9-1.8,2.3c-0.2,0.1-0.5,0.1-0.7,0.2c-3.3,0-6.7,0-10,0c0,0-0.1,0-0.1,0c-1.1-0.2-1.9-0.8-2.3-1.8
799 C3.5,33.6,3.5,33.3,3.4,33.1z M10.9,34.5c1.5,0,3.1,0,4.6,0c0.1,0,0.3,0,0.4,0c0.8-0.2,1.4-0.8,1.4-1.7c0-3.1,0-6.2,0-9.3
800 c0-0.1,0-0.3,0-0.4c-0.2-0.8-0.8-1.4-1.7-1.4c-3.1,0-6.2,0-9.2,0c-0.1,0-0.3,0-0.4,0c-0.8,0.2-1.4,0.8-1.4,1.7c0,3.1,0,6.2,0,9.3
801 c0,0.4,0.1,0.7,0.3,1c0.4,0.5,0.9,0.7,1.5,0.7C7.9,34.5,9.4,34.5,10.9,34.5z"/>
802<path class="" d="M5.9,20.5c-0.2,0.1-0.5,0.1-0.7,0.2c-1,0.4-1.6,1.2-1.8,2.3c0,0,0,0.1,0,0.1c0-0.8,0-1.7,0-2.5
803 C4.2,20.5,5.1,20.5,5.9,20.5z"/>
804<path class="" d="M18.5,23.1c-0.1-0.2-0.1-0.5-0.2-0.7c-0.4-1-1.2-1.6-2.3-1.8c0,0-0.1,0-0.1,0c0.8,0,1.7,0,2.5,0
805 C18.5,21.4,18.5,22.2,18.5,23.1z"/>
806<path class="" d="M3.4,33.1c0.1,0.2,0.1,0.5,0.2,0.7c0.4,1,1.2,1.6,2.3,1.8c0,0,0.1,0,0.1,0c-0.8,0-1.7,0-2.5,0
807 C3.4,34.8,3.4,34,3.4,33.1z"/>
808<path class="" d="M16,35.7c0.2-0.1,0.5-0.1,0.7-0.2c1-0.4,1.6-1.2,1.8-2.3c0,0,0-0.1,0-0.1c0,0.8,0,1.7,0,2.5
809 C17.7,35.7,16.8,35.7,16,35.7z"/>
810<path d="M9.6,30.2c0.5-0.7,1-1.4,1.4-2.1c1-1.5,2.1-3,3.1-4.6c0.2-0.3,0.4-0.4,0.7-0.3c0.1,0,0.1,0.1,0.2,0.1
811 c0.3,0.2,0.6,0.4,0.8,0.6c0.3,0.2,0.4,0.5,0.2,0.9c-1.8,2.7-3.6,5.3-5.4,8c-0.4,0.5-0.9,0.6-1.4,0.2c0,0-0.1-0.1-0.1-0.1
812 c-1-1-2-2-3.1-3.1c-0.3-0.3-0.3-0.6,0-0.9c0.2-0.2,0.5-0.5,0.7-0.7c0.3-0.3,0.6-0.3,0.9,0c0.6,0.6,1.3,1.3,1.9,1.9
813 C9.6,30.1,9.6,30.1,9.6,30.2z"/>
814<path d="M21.3,33.2c0-3.3,0-6.7,0-10c0,0,0-0.1,0-0.1c0.2-1.1,0.8-1.9,1.8-2.3c0.2-0.1,0.5-0.1,0.7-0.2
815 c3.3,0,6.7,0,10,0c0,0,0.1,0,0.1,0c1.1,0.2,1.9,0.8,2.3,1.8c0.1,0.2,0.1,0.5,0.2,0.7c0,3.3,0,6.7,0,10c0,0,0,0.1,0,0.1
816 c-0.2,1.1-0.8,1.9-1.8,2.3c-0.2,0.1-0.5,0.1-0.7,0.2c-3.3,0-6.7,0-10,0c0,0-0.1,0-0.1,0c-1.1-0.2-1.9-0.8-2.3-1.8
817 C21.4,33.7,21.3,33.5,21.3,33.2z M28.8,34.6c1.5,0,3.1,0,4.6,0c0.1,0,0.3,0,0.4,0c0.8-0.2,1.4-0.8,1.4-1.7c0-3.1,0-6.2,0-9.3
818 c0-0.1,0-0.3,0-0.4c-0.2-0.8-0.8-1.4-1.7-1.4c-3.1,0-6.2,0-9.2,0c-0.1,0-0.3,0-0.4,0c-0.8,0.2-1.4,0.8-1.4,1.7c0,3.1,0,6.2,0,9.3
819 c0,0.4,0.1,0.7,0.3,1c0.4,0.5,0.9,0.7,1.5,0.7C25.7,34.6,27.3,34.6,28.8,34.6z"/>
820<path class="" d="M23.8,20.6c-0.2,0.1-0.5,0.1-0.7,0.2c-1,0.4-1.6,1.2-1.8,2.3c0,0,0,0.1,0,0.1c0-0.8,0-1.7,0-2.5
821 C22.1,20.6,23,20.6,23.8,20.6z"/>
822<path class="" d="M36.4,23.2c-0.1-0.2-0.1-0.5-0.2-0.7c-0.4-1-1.2-1.6-2.3-1.8c0,0-0.1,0-0.1,0c0.8,0,1.7,0,2.5,0
823 C36.4,21.5,36.4,22.3,36.4,23.2z"/>
824<path class="" d="M21.3,33.2c0.1,0.2,0.1,0.5,0.2,0.7c0.4,1,1.2,1.6,2.3,1.8c0,0,0.1,0,0.1,0c-0.8,0-1.7,0-2.5,0
825 C21.3,34.9,21.3,34.1,21.3,33.2z"/>
826<path class="" d="M33.9,35.8c0.2-0.1,0.5-0.1,0.7-0.2c1-0.4,1.6-1.2,1.8-2.3c0,0,0-0.1,0-0.1c0,0.8,0,1.7,0,2.5
827 C35.5,35.8,34.7,35.8,33.9,35.8z"/>
828<path d="M27.5,30.3c0.5-0.7,1-1.4,1.4-2.1c1-1.5,2.1-3,3.1-4.6c0.2-0.3,0.4-0.4,0.7-0.3c0.1,0,0.1,0.1,0.2,0.1
829 c0.3,0.2,0.6,0.4,0.8,0.6c0.3,0.2,0.4,0.5,0.2,0.9c-1.8,2.7-3.6,5.3-5.4,8c-0.4,0.5-0.9,0.6-1.4,0.2c0,0-0.1-0.1-0.1-0.1
830 c-1-1-2-2-3.1-3.1c-0.3-0.3-0.3-0.6,0-0.9c0.2-0.2,0.5-0.5,0.7-0.7c0.3-0.3,0.6-0.3,0.9,0c0.6,0.6,1.3,1.3,1.9,1.9
831 C27.4,30.2,27.4,30.3,27.5,30.3z"/>
832</svg>
833 </div>
834 <div class="pull-right"> {GROUP_VIEW}
835 </div>
836 </div>
837 <div id="openCard" class="btn btn-info" onclick="openTDCard();">
838 <div class="pull-left">
839 <?xml version="1.0" encoding="utf-8"?>
840 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="18px" width="18px"
841 viewBox="0 0 38 38" style="enable-background:new 0 0 38 38;" xml:space="preserve" fill="#FFFFFF">
842<g >
843 <path d="M30,19.3c-0.7-0.3-1.4-0.6-2-0.9c-0.4-0.2-0.4-0.5-0.4-0.9c0-3.4,0-6.8,0-10.1c0-0.9,0-1.8,0-2.6
844 c0-0.8-0.2-0.9-0.9-0.9c-7,0-14,0-21,0c-0.8,0-0.9,0.2-0.9,1c0,4.6,0,9.2,0,13.8c0,4.3,0,8.5,0,12.8c0,0.7,0.1,0.9,0.9,0.9
845 c7.4,0,14.8,0,22.2,0c0.7,0,1.1,0.5,1.4,0.9c0.1,0.1,0,0.6-0.1,0.7c-0.4,0.3-0.9,0.7-1.4,0.8c-0.6,0.1-1.3,0.1-2,0.1
846 c-6.6,0-13.2-0.1-19.9,0c-2.3,0-3.7-1.7-3.6-3.6c0.1-8.8,0-17.6,0-26.4c0-1.3,0.4-2.4,1.6-3c0.6-0.3,1.3-0.4,2-0.4
847 c5.8,0,11.5,0,17.3,0c1.2,0,2.4,0,3.6,0c0.9,0,1.7,0.2,2.4,0.8c0.9,0.7,1.1,1.6,1.1,2.6c0,4.6,0,9.2,0,13.8
848 C30.2,18.8,30.1,19,30,19.3z"/>
849 <path d="M36.4,34.4c-0.5,0.5-1.1,0.9-1.5,1.4c-0.4,0.5-0.7,0.5-1.1,0c-1.7-1.7-3.4-3.4-5.1-5.1
850 c-0.4-0.4-0.7-0.4-1.2-0.2c-1.1,0.4-2.2,0.5-3.3,0.2c-1.8-0.5-3-1.5-3.7-3.1c-1.2-2.6-0.2-5.7,2.4-7.1c2.5-1.3,5.4-0.7,7.1,1.6
851 c1.2,1.7,1.4,3.5,0.6,5.5c-0.1,0.2,0,0.6,0.2,0.8c1.7,1.7,3.4,3.5,5.2,5.2C35.9,33.9,36.1,34.1,36.4,34.4z M28.6,25.4
852 c0-1.9-1.4-3.2-3.3-3.2c-1.8,0-3.3,1.6-3.2,3.3c0,1.8,1.4,3.2,3.3,3.2C27.2,28.7,28.6,27.3,28.6,25.4z"/>
853 <path d="M14.7,9.1c2.4,0,4.7,0,7.1,0c0.5,0,0.7,0.2,0.7,0.7c0,0.4,0,0.8,0,1.2c0,0.6-0.2,0.8-0.8,0.8
854 c-1.8,0-3.6,0-5.3,0c-2.9,0-5.8,0-8.7,0c-0.6,0-0.8-0.2-0.8-0.8c0-0.4,0-0.8,0-1.3c0-0.4,0.2-0.6,0.6-0.6C10,9.1,12.3,9.1,14.7,9.1
855 C14.7,9.1,14.7,9.1,14.7,9.1z"/>
856 <path d="M14.7,18.8c-2.3,0-4.7,0-7,0c-0.8,0-0.8,0-0.8-0.8c0-1.8,0-1.8,1.8-1.8c4.3,0,8.7,0,13,0
857 c0.8,0,0.9,0.1,0.9,0.9c0,0.3,0,0.6,0,0.9c0,0.8-0.1,0.9-0.9,0.8C19.4,18.8,17,18.8,14.7,18.8C14.7,18.8,14.7,18.8,14.7,18.8z"/>
858</g>
859</svg></div>
860 <div class="pull-right"> {DETAILS}</div>
861 </div>
862 </div>
863 </div>
864 <div class="text-right" style="margin-top:5px;">
865 <div class="btn btn-default" id="expiredReminder" data-toggle="modal" data-target="#expiredRemindersModal" onclick="getExpiredReminder(0)">{EXPIRED} {REMINDERS}</div>
866 <a onclick="fillReminderInfo()" data-toggle="modal" data-target="#reminderExtra" class="btn btn-primary">{REMINDERS} {INFORMATION}</a>
867 </div>
868 </div>
869 </div>
870 </div>
871 <div id="contentbox2" class="tabSlider-content" >
872 <div class="infoContainer" id="ttab-2" style="height: 100%;">
873 <h3>{SENSORS}</h3>
874 <div class="sensor">
875 <table style="width:100%;display: block" id="fm0" >
876 <tr>
877 <td colspan="2">{FUEL}</td>
878 </tr>
879 <tr>
880 <td style="width:10px;">1.</td>
881 <td id="meter0"></td>
882 </tr>
883 </table>
884 <table style="width:100%;" id="ibatDisplay">
885 <tr>
886 <td>{I_BATTERY}</td>
887 </tr>
888 <tr>
889 <td>
890 <div id="ibatteryDisplay"></div>
891 </td>
892 </tr>
893 </table>
894 </div>
895 <div class="sensor">
896 <table style="width:100%" id="tm0">
897 <tr>
898 <td>{TEMPERATURE}</td>
899 </tr>
900 <tr>
901 <td id="tmeter0"></td>
902 </tr>
903 </table>
904 <table style="width:100%; display: none;" id="rpm0">
905 <tr>
906 <td colspan="2">{DBG_RPM}</td>
907 </tr>
908 <tr>
909 <td colspan="2">
910 <!-- <canvas id="rpmGauge" class=""></canvas>-->
911 <div id="rpmGauge" class=""></div>
912 </td>
913 </tr>
914 <tr>
915 <td class="txtalign_r" style="width:35%">
916 <div id="rpmValue" class="rpm-txt"></div>
917 </td>
918 <td style="width:50%">
919 <div class="rpm-txt"> {RPM}</div>
920 </td>
921 </tr>
922 </table>
923 </div>
924 <div class="sensor">
925 <table style="width:100%" id="digitalInput_label">
926 <tr>
927 <td colspan="6">{INPUT_SENSORS}</td>
928 </tr>
929 <tr>
930 <td><div id="dinput0" class="digitalInput_css">1</div></td>
931 <td><div id="dinput1" class="digitalInput_css">2</div></td>
932 <td><div id="dinput2" class="digitalInput_css">3</div></td>
933 <td><div id="dinput3" class="digitalInput_css">4</div></td>
934 <td><div id="dinput4" class="digitalInput_css">5</div></td>
935 <td><div id="dinput5" class="digitalInput_css">6</div></td>
936 </tr>
937 </table>
938 </div>
939 <div class="sensor" style="margin-top:10px">
940 <div id="moreSensors" class="btn btn-primary pull-left" onclick="document.getElementById('sensorDetailWrapper').style.display='block'">{MORE}
941 </div>
942 </div>
943 </div>
944 </div>
945 <div id="contentbox3" class="tabSlider-content">
946 <div class="infoContainer" id="ttab-3" style="height: calc(100% - 300px);">
947 <h3>{ALERTS}</h3>
948 <div id="eventsGrid" style="width:100%;">
949 <table class="table" id="eventsTable" style="width:100%;background-color: transparent;">
950 <thead>
951 <tr>
952 <th>{DATE}</th>
953 <th>{RECENT_EV}</th>
954 </tr>
955 </thead>
956 <tbody>
957 </tbody>
958 <tfoot>
959 <tr>
960 <th>{DATE}</th>
961 <th>{RECENT_EV}</th>
962 </tr>
963 </tfoot>
964 </table>
965 </div>
966 </div>
967 </div>
968 <div id="contentbox4" class="tabSlider-content">
969 <div class="infoContainer" id="ttab-4" style="height: 100%;">
970 <div class="histncont" id="historyCover" style="display:none;">
971 <div class="header f15">
972 {HISTORY}
973 </div>
974 <form id="historyForm" class="form-horizontal">
975 <div style="width:auto;padding: 5px">
976 <table class="f12">
977 <tr>
978 <td class="rpad30"> <label class="choice">{HISTORY_FOR}</label>
979 </td>
980 <td>
981 <select class="form-control" style="width:220px;" id="template" name="template" onchange="History.changeTemplate(this);">
982 <option value="today" selected>{TODAY}</option>
983 <option value="yesterday">{YESTERDAY}</option>
984 <option value="custom">{CUSTOM_PERIOD}</option>
985 </select>
986 </td>
987 </tr>
988 </table>
989 <fieldset class="scheduler-border">
990 <legend class="scheduler-border choice f15" style="color:#ffffff;font-weight: bold">{CUSTOM_PERIOD}</legend>
991 <div class="form-group padl10">
992 <label class="control-label pull-left" style="width: 40px">{FROM}</label>
993 <div class="pull-left padl10">
994 <input type="text" class="form-control" id="sdate" name="sdate" style="width: 100px"/>
995<input type="text" class="form-control" id="shdate" name="shdate" style="width: 100px"/>
996 </div>
997 <div class="pull-left padl10" style="margin-top:5px">
998 <svg version="1.1" fill="#ffffff" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" width="20px" xml:space="preserve"> <g> <path d="M12.6,1.1c0.4,0,0.9,0,1.3,0c0.3,0,0.7,0.1,1,0.1c2.4,0.3,4.6,1.3,6.4,3c3.2,3,4.4,6.7,3.7,11 c-0.5,3.2-2.2,5.7-4.7,7.6c-1.8,1.3-3.8,2.1-6,2.3c-1.8,0.2-3.6-0.1-5.3-0.7c-1.9-0.7-3.5-1.9-4.9-3.4c-1.5-1.8-2.5-3.8-2.8-6.1 c-0.1-0.4-0.1-0.7-0.1-1.1c0-0.4,0-0.9,0-1.3c0-0.1,0-0.1,0-0.2c0.1-0.5,0.1-0.9,0.2-1.4c0.6-3.1,2.2-5.6,4.8-7.5 c1.6-1.2,3.4-1.9,5.4-2.2C12,1.2,12.3,1.1,12.6,1.1z M13.3,23.1c5.5,0,10-4.5,10-10c0-5.5-4.5-10-9.9-10C7.8,3,3.4,7.5,3.3,13 C3.2,18.5,7.7,23.1,13.3,23.1z"></path> <path d="M19.5,17.8c-0.4,0.4-0.7,0.8-1.1,1.2c-0.3-0.3-0.6-0.6-1-0.9C16.3,17.1,15.2,16,14,15 c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0.1-1.1,0-1.5-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-1,0.3-2,0.7-3,1c0,0-0.1,0-0.1,0 c-0.2-0.6-0.4-1.1-0.6-1.7c1.1-0.4,2.2-0.7,3.4-1.1c-0.5-0.4-0.9-0.9-1.4-1.3c0.4-0.4,0.7-0.8,1.1-1.2c0.4,0.4,0.8,0.7,1.2,1.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.6-0.2,1.1-0.1,1.6,0.2c0.1,0.1,0.2,0.1,0.3,0c0.3-0.1,0.6-0.2,1-0.3c0.2,0.6,0.4,1.1,0.6,1.7 c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.3,0.3-0.1,0.5c1.3,1.2,2.7,2.4,4,3.6C19.3,17.6,19.4,17.7,19.5,17.8z"></path> <path d="M13,3.2c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,4.6,13,3.9,13,3.2z"></path> <path d="M13,20.9c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,22.3,13,21.6,13,20.9z"></path> <path d="M17,20.1c0.2-0.1,0.3-0.2,0.5-0.3c0.3,0.6,0.6,1.1,1,1.7c-0.2,0.1-0.3,0.2-0.5,0.3 C17.7,21.2,17.3,20.6,17,20.1z"></path> <path d="M8.6,21.8c-0.2-0.1-0.3-0.2-0.5-0.3c0.3-0.6,0.7-1.1,1-1.7c0.2,0.1,0.3,0.2,0.5,0.3 C9.3,20.6,8.9,21.2,8.6,21.8z"></path> <path d="M9.6,6.1C9.4,6.2,9.3,6.3,9.1,6.4c-0.3-0.6-0.6-1.1-1-1.7c0.2-0.1,0.3-0.2,0.5-0.3C8.9,5,9.3,5.5,9.6,6.1z"></path> <path d="M18,4.4c0.2,0.1,0.3,0.2,0.5,0.3c-0.3,0.6-0.6,1.1-1,1.7c-0.2-0.1-0.3-0.2-0.5-0.3C17.3,5.5,17.7,5,18,4.4z "></path> <path d="M20.4,9.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5C21.5,8.7,21,9,20.4,9.3 z"></path> <path d="M4.6,8.4c0.1-0.2,0.2-0.3,0.3-0.5c0.5,0.3,1,0.6,1.6,0.9C6.4,9,6.3,9.1,6.2,9.3C5.6,9,5.1,8.7,4.6,8.4z"></path> <path d="M4.9,18.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5 C5.9,17.7,5.4,18,4.9,18.3z"></path> <path d="M22,17.8c-0.1,0.2-0.2,0.3-0.3,0.5c-0.5-0.3-1-0.6-1.6-0.9c0.1-0.2,0.2-0.3,0.3-0.5 C20.9,17.2,21.5,17.5,22,17.8z"></path> <path d="M21.5,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C22.6,13.3,22,13.3,21.5,13.3z"></path> <path d="M3.4,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C4.6,13.3,4,13.3,3.4,13.3z"></path> </g> </svg>
999 </div>
1000 <div class="pull-left padl20">
1001 <div class="form-group form-inline">
1002 <div class="input-group sTime_hour pull-left" style="width: 60px">
1003 <input type="text" class="form-control" value="0" id="shour" name="shour" style="z-index: 1">
1004 <div class="input-group-btn-vertical">
1005 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
1006 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
1007 </div>
1008 </div>
1009 <div class="input-group sTime_min pull-left marginLeft5" style="width: 60px;">
1010 <input type="text" class="form-control" value="0" id="smin" name="smin" style="z-index: 1">
1011 <div class="input-group-btn-vertical">
1012 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
1013 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
1014 </div>
1015 </div>
1016 </div>
1017 </div>
1018 </div>
1019 <div class="form-group padl10" style="margin-bottom: 0">
1020 <label class="control-label pull-left" style="width: 40px">{TO_}</label>
1021 <div class="pull-left padl10">
1022 <input type="text" class="form-control" id="edate" name="edate" style="width: 100px"/>
1023<input type="text" class="form-control" id="ehdate" name="ehdate" style="width: 100px"/>
1024 </div>
1025 <div class="pull-left padl10" style="margin-top:5px">
1026 <svg version="1.1" fill="#ffffff" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" width="20px" xml:space="preserve"> <g> <path d="M12.6,1.1c0.4,0,0.9,0,1.3,0c0.3,0,0.7,0.1,1,0.1c2.4,0.3,4.6,1.3,6.4,3c3.2,3,4.4,6.7,3.7,11 c-0.5,3.2-2.2,5.7-4.7,7.6c-1.8,1.3-3.8,2.1-6,2.3c-1.8,0.2-3.6-0.1-5.3-0.7c-1.9-0.7-3.5-1.9-4.9-3.4c-1.5-1.8-2.5-3.8-2.8-6.1 c-0.1-0.4-0.1-0.7-0.1-1.1c0-0.4,0-0.9,0-1.3c0-0.1,0-0.1,0-0.2c0.1-0.5,0.1-0.9,0.2-1.4c0.6-3.1,2.2-5.6,4.8-7.5 c1.6-1.2,3.4-1.9,5.4-2.2C12,1.2,12.3,1.1,12.6,1.1z M13.3,23.1c5.5,0,10-4.5,10-10c0-5.5-4.5-10-9.9-10C7.8,3,3.4,7.5,3.3,13 C3.2,18.5,7.7,23.1,13.3,23.1z"></path> <path d="M19.5,17.8c-0.4,0.4-0.7,0.8-1.1,1.2c-0.3-0.3-0.6-0.6-1-0.9C16.3,17.1,15.2,16,14,15 c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0.1-1.1,0-1.5-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-1,0.3-2,0.7-3,1c0,0-0.1,0-0.1,0 c-0.2-0.6-0.4-1.1-0.6-1.7c1.1-0.4,2.2-0.7,3.4-1.1c-0.5-0.4-0.9-0.9-1.4-1.3c0.4-0.4,0.7-0.8,1.1-1.2c0.4,0.4,0.8,0.7,1.2,1.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.6-0.2,1.1-0.1,1.6,0.2c0.1,0.1,0.2,0.1,0.3,0c0.3-0.1,0.6-0.2,1-0.3c0.2,0.6,0.4,1.1,0.6,1.7 c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.3,0.3-0.1,0.5c1.3,1.2,2.7,2.4,4,3.6C19.3,17.6,19.4,17.7,19.5,17.8z"></path> <path d="M13,3.2c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,4.6,13,3.9,13,3.2z"></path> <path d="M13,20.9c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,22.3,13,21.6,13,20.9z"></path> <path d="M17,20.1c0.2-0.1,0.3-0.2,0.5-0.3c0.3,0.6,0.6,1.1,1,1.7c-0.2,0.1-0.3,0.2-0.5,0.3 C17.7,21.2,17.3,20.6,17,20.1z"></path> <path d="M8.6,21.8c-0.2-0.1-0.3-0.2-0.5-0.3c0.3-0.6,0.7-1.1,1-1.7c0.2,0.1,0.3,0.2,0.5,0.3 C9.3,20.6,8.9,21.2,8.6,21.8z"></path> <path d="M9.6,6.1C9.4,6.2,9.3,6.3,9.1,6.4c-0.3-0.6-0.6-1.1-1-1.7c0.2-0.1,0.3-0.2,0.5-0.3C8.9,5,9.3,5.5,9.6,6.1z"></path> <path d="M18,4.4c0.2,0.1,0.3,0.2,0.5,0.3c-0.3,0.6-0.6,1.1-1,1.7c-0.2-0.1-0.3-0.2-0.5-0.3C17.3,5.5,17.7,5,18,4.4z "></path> <path d="M20.4,9.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5C21.5,8.7,21,9,20.4,9.3 z"></path> <path d="M4.6,8.4c0.1-0.2,0.2-0.3,0.3-0.5c0.5,0.3,1,0.6,1.6,0.9C6.4,9,6.3,9.1,6.2,9.3C5.6,9,5.1,8.7,4.6,8.4z"></path> <path d="M4.9,18.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5 C5.9,17.7,5.4,18,4.9,18.3z"></path> <path d="M22,17.8c-0.1,0.2-0.2,0.3-0.3,0.5c-0.5-0.3-1-0.6-1.6-0.9c0.1-0.2,0.2-0.3,0.3-0.5 C20.9,17.2,21.5,17.5,22,17.8z"></path> <path d="M21.5,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C22.6,13.3,22,13.3,21.5,13.3z"></path> <path d="M3.4,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C4.6,13.3,4,13.3,3.4,13.3z"></path> </g> </svg>
1027 </div>
1028 <div class="pull-left padl20">
1029 <div class="form-group form-inline">
1030 <div class="input-group eTime_hour pull-left" style="width: 60px">
1031 <input type="text" class="form-control" value="23" id="ehour" name="ehour" style="z-index: 1">
1032 <div class="input-group-btn-vertical">
1033 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
1034 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
1035 </div>
1036 </div>
1037 <div class="input-group eTime_min pull-left marginLeft5" style="width: 60px;">
1038 <input type="text" class="form-control" value="59" id="emin" name="emin" style="z-index: 1">
1039 <div class="input-group-btn-vertical">
1040 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
1041 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
1042 </div>
1043 </div>
1044 </div>
1045 </div>
1046 </div>
1047 </fieldset>
1048 </div>
1049 <table style="width: 100%">
1050 <tr>
1051 <td colspan="2" style="padding:5px">
1052 <div id="Button1" class="btn btn-success pull-right" onclick="History.show();">{SHOW_HISTORY}</div>
1053 </td>
1054 </tr>
1055 </table>
1056 </form>
1057 </div>
1058 <div class="histncont" id="controlsCover" style="display:none;">
1059 <div class="header">
1060 {CONTROLS}
1061 </div>
1062 <div style="width: auto;padding: 5px" class="form-horizontal">
1063 <div class="form-group">
1064 <label class="control-label col-xs-3 f12" for="predefinedCommands">{SELECT_COMMAND}</label>
1065 <div class="col-xs-7">
1066 <select class="form-control" id="predefinedCommands" name="predefinedCommands">
1067 <option value="FLU">{EVENT_FLU}</option>
1068 <option value="HB1">{EVENT_HB1}</option>
1069 <option value="HB0">{EVENT_HB0}</option>
1070 <option value="DR1">{LOCK_DOORS}</option>
1071 <option value="DR0">{UNLOCK_DOORS}</option>
1072 <option value="BE1">{BLOCK_ENGINE}</option>
1073 <option value="BE0">{UNBLOCK_ENGINE}</option>
1074 </select>
1075 </div>
1076 <div class="col-xs-2">
1077 <div onclick="Controls.setType('PREDEFINED');" class="btn btn-default" style="padding:0;cursor: pointer;border-radius: 50%;background-color: #D3CDCD;text-align: center;height: 30px;width: 30px;line-height: 30px;"><i class="fa fa-paper-plane"></i></div>
1078 </div>
1079 </div>
1080 <div class="form-group">
1081 <label class="control-label col-xs-3 f12" for="customCommands">{CUSTOM_COMMAND}</label>
1082 <div class="col-xs-9">
1083 <div class="pull-left padr5">
1084 <input class="form-control" name="customCommands" id="customCommands" type="text" style="width:89px"/>
1085 </div>
1086 <div class="pull-left padr5">
1087 <select class="form-control pull-left" id="commandMode" name="commandMode" style="width: 84px;padding: 6px 0">
1088 <option value="gprs">{NETWORK}</option>
1089 <option value="sms">{SMS}</option>
1090 </select>
1091 </div>
1092 <div onclick="Controls.setType('CUSTOM');" class="btn btn-default pull-right" style="padding:0;cursor: pointer;border-radius: 50%;background-color: #D3CDCD;text-align: center;height: 30px;width: 30px;line-height: 30px;"><i class="fa fa-paper-plane"></i></div>
1093 </div>
1094 </div>
1095 <div class="clearfix"></div>
1096 </div>
1097 </div>
1098 </div>
1099 </div>
1100 <div id="contentbox5" class="tabSlider-content">
1101 <div class="infoContainer" id="ttab-5" style="height: 100%;">
1102 <h3>{LOG}</h3>
1103 <div id="debugLog" class="dbugLog"></div>
1104 </div>
1105 </div>
1106 <div id="contentbox6" class="tabSlider-content">
1107 <div class="infoContainer" id="ttab-6" style="height: 100%;">
1108 <!--<div><h3 class="">{ETA}</h3></div>-->
1109 <div style="margin-top:5px;">
1110 <div class="pull-left">
1111 <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1112 x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve" height="25px" width="25px">
1113<g>
1114 <path fill="#ffffff" d="M12.6,1.1c0.4,0,0.9,0,1.3,0c0.3,0,0.7,0.1,1,0.1c2.4,0.3,4.6,1.3,6.4,3
1115 c3.2,3,4.4,6.7,3.7,11c-0.5,3.2-2.2,5.7-4.7,7.6c-1.8,1.3-3.8,2.1-6,2.3c-1.8,0.2-3.6-0.1-5.3-0.7c-1.9-0.7-3.5-1.9-4.9-3.4
1116 c-1.5-1.8-2.5-3.8-2.8-6.1c-0.1-0.4-0.1-0.7-0.1-1.1c0-0.4,0-0.9,0-1.3c0-0.1,0-0.1,0-0.2c0.1-0.5,0.1-0.9,0.2-1.4
1117 c0.6-3.1,2.2-5.6,4.8-7.5c1.6-1.2,3.4-1.9,5.4-2.2C12,1.2,12.3,1.1,12.6,1.1z M13.3,23.1c5.5,0,10-4.5,10-10c0-5.5-4.5-10-9.9-10
1118 C7.8,3,3.4,7.5,3.3,13C3.2,18.5,7.7,23.1,13.3,23.1z"/>
1119 <path fill="#ffffff" d="M19.5,17.8c-0.4,0.4-0.7,0.8-1.1,1.2c-0.3-0.3-0.6-0.6-1-0.9C16.3,17.1,15.2,16,14,15
1120 c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0.1-1.1,0-1.5-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-1,0.3-2,0.7-3,1c0,0-0.1,0-0.1,0
1121 c-0.2-0.6-0.4-1.1-0.6-1.7c1.1-0.4,2.2-0.7,3.4-1.1c-0.5-0.4-0.9-0.9-1.4-1.3c0.4-0.4,0.7-0.8,1.1-1.2c0.4,0.4,0.8,0.7,1.2,1.1
1122 c0.1,0.1,0.2,0.1,0.3,0.1c0.6-0.2,1.1-0.1,1.6,0.2c0.1,0.1,0.2,0.1,0.3,0c0.3-0.1,0.6-0.2,1-0.3c0.2,0.6,0.4,1.1,0.6,1.7
1123 c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.3,0.3-0.1,0.5c1.3,1.2,2.7,2.4,4,3.6C19.3,17.6,19.4,17.7,19.5,17.8z"/>
1124 <path fill="#ffffff" d="M13,3.2c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,4.6,13,3.9,13,3.2z"/>
1125 <path fill="#ffffff" d="M13,20.9c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,22.3,13,21.6,13,20.9z"
1126 />
1127 <path fill="#ffffff" d="M17,20.1c0.2-0.1,0.3-0.2,0.5-0.3c0.3,0.6,0.6,1.1,1,1.7c-0.2,0.1-0.3,0.2-0.5,0.3
1128 C17.7,21.2,17.3,20.6,17,20.1z"/>
1129 <path fill="#ffffff" d="M8.6,21.8c-0.2-0.1-0.3-0.2-0.5-0.3c0.3-0.6,0.7-1.1,1-1.7c0.2,0.1,0.3,0.2,0.5,0.3
1130 C9.3,20.6,8.9,21.2,8.6,21.8z"/>
1131 <path fill="#ffffff" d="M9.6,6.1C9.4,6.2,9.3,6.3,9.1,6.4c-0.3-0.6-0.6-1.1-1-1.7c0.2-0.1,0.3-0.2,0.5-0.3
1132 C8.9,5,9.3,5.5,9.6,6.1z"/>
1133 <path fill="#ffffff" d="M18,4.4c0.2,0.1,0.3,0.2,0.5,0.3c-0.3,0.6-0.6,1.1-1,1.7c-0.2-0.1-0.3-0.2-0.5-0.3
1134 C17.3,5.5,17.7,5,18,4.4z"/>
1135 <path fill="#ffffff" d="M20.4,9.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5
1136 C21.5,8.7,21,9,20.4,9.3z"/>
1137 <path fill="#ffffff" d="M4.6,8.4c0.1-0.2,0.2-0.3,0.3-0.5c0.5,0.3,1,0.6,1.6,0.9C6.4,9,6.3,9.1,6.2,9.3
1138 C5.6,9,5.1,8.7,4.6,8.4z"/>
1139 <path fill="#ffffff" d="M4.9,18.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5
1140 C5.9,17.7,5.4,18,4.9,18.3z"/>
1141 <path fill="#ffffff" d="M22,17.8c-0.1,0.2-0.2,0.3-0.3,0.5c-0.5-0.3-1-0.6-1.6-0.9c0.1-0.2,0.2-0.3,0.3-0.5
1142 C20.9,17.2,21.5,17.5,22,17.8z"/>
1143 <path fill="#ffffff" d="M21.5,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5
1144 C22.6,13.3,22,13.3,21.5,13.3z"/>
1145 <path fill="#ffffff" d="M3.4,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C4.6,13.3,4,13.3,3.4,13.3
1146 z"/>
1147</g>
1148</svg>
1149 </div>
1150 <div class="marginLeft35" style="font-size:25px;line-height: 1">
1151 <span title="Estimated time of Arrival" class="" >{ETA}</span>
1152 <span id="etaDuration"></span>
1153 <span id="durationYear" style="font-size:15px;"></span>
1154 </div>
1155 <div class="clearfix"></div>
1156 </div>
1157 <div class="">
1158 <div class="">
1159 <table style="background-color: transparent">
1160 <tr id="sourceMarkerETATR">
1161 <td style="vertical-align:top;"><div style="width:130px;font-size: 18px;" class="ellipsis" title="{SOURCE} {LOCATION}">{SOURCE}<!--<i class="fa fa-pencil pull-right editLocationManuallyETA" style="cursor:pointer"></i>--></div></td>
1162 <td style="width:3px;padding-bottom:3px;"></td>
1163 <td id="location1"></td>
1164 </tr>
1165 <tr style="display:none;">
1166 <td colspan="3" style="height:3px;padding: 8px;">
1167 <div class="input-group">
1168 <input type="text" class="form-control" id="editLocationEdit" style="width: 250px;">
1169 <span class="input-group-btn"><button type="button" id="doneEditEtaLocation" class="btn btn-primary">{DONE}</button></span>
1170 </div>
1171 </td>
1172 </tr>
1173 <tr id="destinationMarkerETATR">
1174 <td style="vertical-align:top;"><div style="width:130px;font-size: 18px;" class="ellipsis" title="{DESTINATION} {LOCATION}">{DESTINATION}<!--<i class="fa fa-pencil pull-right editLocationManuallyETA" style="cursor:pointer"></i>--></div></td>
1175 <td style="width:3px;"></td>
1176 <td id="location2"></td>
1177 </tr>
1178 <tr><td colspan="3" style="height:10px;"></td></tr>
1179 <tr style="display:block;">
1180 <td style="vertical-align:top;" class="bold"><div style="width:130px;" class="ellipsis" title="{DISTANCE}">{DISTANCE}</div></td>
1181 <td style="width:3px;"></td>
1182 <td id="etaDistance" class="bold"></td>
1183 </tr>
1184 </table>
1185 <div style="position:relative; margin-bottom:3px;">
1186 <div class="btn btn-success" onclick="getETA();">{GET_ETA}</div>
1187 <div class="btn btn-danger" onclick="resetETAWithCheck();">{RESET}</div>
1188 </div>
1189 <hr style="background-color:#ffffff;margin: 5px -1px;height: 2px;"/>
1190 <!--<div id="financialPackage_inETA">
1191 <div style="font-size: 25px">{INVOICE}</div>
1192 <div style="font-size: 18px">
1193 {JOURNEY} {START_TIME}
1194 </div>
1195 <table>
1196 <tr>
1197 <td>
1198 <i class="fa fa-calendar" style="font-size: 1.5em"></i>
1199 </td>
1200 <td class="padl5"><input type="text" class="form-control datepick" id="invoiceStartDate" style="width:105px"></td>
1201 <td class="padl15">
1202 <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1203 x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve" height="25px" width="25px">
1204<g>
1205 <path fill="#ffffff" d="M12.6,1.1c0.4,0,0.9,0,1.3,0c0.3,0,0.7,0.1,1,0.1c2.4,0.3,4.6,1.3,6.4,3
1206 c3.2,3,4.4,6.7,3.7,11c-0.5,3.2-2.2,5.7-4.7,7.6c-1.8,1.3-3.8,2.1-6,2.3c-1.8,0.2-3.6-0.1-5.3-0.7c-1.9-0.7-3.5-1.9-4.9-3.4
1207 c-1.5-1.8-2.5-3.8-2.8-6.1c-0.1-0.4-0.1-0.7-0.1-1.1c0-0.4,0-0.9,0-1.3c0-0.1,0-0.1,0-0.2c0.1-0.5,0.1-0.9,0.2-1.4
1208 c0.6-3.1,2.2-5.6,4.8-7.5c1.6-1.2,3.4-1.9,5.4-2.2C12,1.2,12.3,1.1,12.6,1.1z M13.3,23.1c5.5,0,10-4.5,10-10c0-5.5-4.5-10-9.9-10
1209 C7.8,3,3.4,7.5,3.3,13C3.2,18.5,7.7,23.1,13.3,23.1z"/>
1210 <path fill="#ffffff" d="M19.5,17.8c-0.4,0.4-0.7,0.8-1.1,1.2c-0.3-0.3-0.6-0.6-1-0.9C16.3,17.1,15.2,16,14,15
1211 c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0.1-1.1,0-1.5-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-1,0.3-2,0.7-3,1c0,0-0.1,0-0.1,0
1212 c-0.2-0.6-0.4-1.1-0.6-1.7c1.1-0.4,2.2-0.7,3.4-1.1c-0.5-0.4-0.9-0.9-1.4-1.3c0.4-0.4,0.7-0.8,1.1-1.2c0.4,0.4,0.8,0.7,1.2,1.1
1213 c0.1,0.1,0.2,0.1,0.3,0.1c0.6-0.2,1.1-0.1,1.6,0.2c0.1,0.1,0.2,0.1,0.3,0c0.3-0.1,0.6-0.2,1-0.3c0.2,0.6,0.4,1.1,0.6,1.7
1214 c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.3,0.3-0.1,0.5c1.3,1.2,2.7,2.4,4,3.6C19.3,17.6,19.4,17.7,19.5,17.8z"/>
1215 <path fill="#ffffff" d="M13,3.2c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,4.6,13,3.9,13,3.2z"/>
1216 <path fill="#ffffff" d="M13,20.9c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,22.3,13,21.6,13,20.9z"
1217 />
1218 <path fill="#ffffff" d="M17,20.1c0.2-0.1,0.3-0.2,0.5-0.3c0.3,0.6,0.6,1.1,1,1.7c-0.2,0.1-0.3,0.2-0.5,0.3
1219 C17.7,21.2,17.3,20.6,17,20.1z"/>
1220 <path fill="#ffffff" d="M8.6,21.8c-0.2-0.1-0.3-0.2-0.5-0.3c0.3-0.6,0.7-1.1,1-1.7c0.2,0.1,0.3,0.2,0.5,0.3
1221 C9.3,20.6,8.9,21.2,8.6,21.8z"/>
1222 <path fill="#ffffff" d="M9.6,6.1C9.4,6.2,9.3,6.3,9.1,6.4c-0.3-0.6-0.6-1.1-1-1.7c0.2-0.1,0.3-0.2,0.5-0.3
1223 C8.9,5,9.3,5.5,9.6,6.1z"/>
1224 <path fill="#ffffff" d="M18,4.4c0.2,0.1,0.3,0.2,0.5,0.3c-0.3,0.6-0.6,1.1-1,1.7c-0.2-0.1-0.3-0.2-0.5-0.3
1225 C17.3,5.5,17.7,5,18,4.4z"/>
1226 <path fill="#ffffff" d="M20.4,9.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5
1227 C21.5,8.7,21,9,20.4,9.3z"/>
1228 <path fill="#ffffff" d="M4.6,8.4c0.1-0.2,0.2-0.3,0.3-0.5c0.5,0.3,1,0.6,1.6,0.9C6.4,9,6.3,9.1,6.2,9.3
1229 C5.6,9,5.1,8.7,4.6,8.4z"/>
1230 <path fill="#ffffff" d="M4.9,18.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5
1231 C5.9,17.7,5.4,18,4.9,18.3z"/>
1232 <path fill="#ffffff" d="M22,17.8c-0.1,0.2-0.2,0.3-0.3,0.5c-0.5-0.3-1-0.6-1.6-0.9c0.1-0.2,0.2-0.3,0.3-0.5
1233 C20.9,17.2,21.5,17.5,22,17.8z"/>
1234 <path fill="#ffffff" d="M21.5,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5
1235 C22.6,13.3,22,13.3,21.5,13.3z"/>
1236 <path fill="#ffffff" d="M3.4,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C4.6,13.3,4,13.3,3.4,13.3
1237 z"/>
1238</g>
1239</svg>
1240 </td>
1241 <td class="padl5">
1242 <div class="pull-left">
1243 <div class="input-group invoice_hr_taxi">
1244 <input type="text" class="form-control" value="0" id="invoice_hr_taxi" style="width:50px">
1245 <div class="input-group-btn-vertical">
1246 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-up"></i></button>
1247 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-down"></i></button>
1248 </div>
1249 </div>
1250 </div>
1251 <div class="pull-left" style="font-size: 20px;line-height: 1;padding: 3px;font-weight: 400"> : </div>
1252 <div class="pull-left">
1253 <div class="input-group invoice_min_taxi">
1254 <input type="text" class="form-control" value="0" id="invoice_min_taxi" style="width:50px">
1255 <div class="input-group-btn-vertical">
1256 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-up"></i></button>
1257 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-down"></i></button>
1258 </div>
1259 </div>
1260 </div>
1261 </td>
1262 </tr>
1263 </table>
1264 <div class="btn btn-primary" id="aurTaxesAddKaro" style="margin-top:10px">{ADD} {NEW} {CHARGES}</div>
1265 <div id="fixTaxesContainer" style="margin-top:10px"></div>
1266 <div class="" style="margin-top:10px">
1267 <div class="btn btn-primary pull-left" onclick="window.open('http://fns.softcruise.com/fnsv5/php/getpage.php?mode=fleet&fx=journeyInvoice','_blank')">{PRINT} {INVOICE}</div>
1268 <div class="btn btn-success pull-right" id="saveFixedCharges" style="display: none;">{SAVE}</div>
1269 </div>
1270 </div>-->
1271 </div>
1272 </div>
1273 </div>
1274 </div>
1275 <div id="contentbox7" class="tabSlider-content">
1276 <div class="infoContainer" id="ttab-7" style="height: 100%;">
1277 <div id="photo_gallery" style="font-size: 24px;margin-top: 20px;margin-bottom: 10px;display: table;font-weight: 400" class="">
1278 <div style="display: table-cell;max-width: 140px" class="ellipsis">{PHOTO_GALLERY}</div>
1279 <div style="display: table-cell;visibility: hidden">
1280 <svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle">
1281 <path d="M0 0h24v24H0z" fill="none"/>
1282 <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
1283 </svg>
1284 </div>
1285 <div style="display: table-cell;visibility: hidden;max-width:182px;font-size: 18px" class="ellipsis"></div>
1286 </div>
1287 <div class="photo-gallary-header clearfix">
1288 <div class="pull-left padl5">
1289 <div class="upload_photo btn btn-success ellipsis" id="upload_photo" onclick="$('#imageUploadModal').modal('show')" title="{UPLOAD_PICTURE}" style="width: 152px;max-width:152px">
1290 <svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="vertical-align: middle">
1291 <defs>
1292 <path d="M24 24H0V0h24v24z" id="a"/>
1293 </defs>
1294 <clipPath id="b">
1295 <use overflow="visible" xlink:href="#a"/>
1296 </clipPath>
1297 <path clip-path="url(#b)" d="M3 4V1h2v3h3v2H5v3H3V6H0V4h3zm3 6V7h3V4h7l1.83 2H21c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V10h3zm7 9c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-3.2-5c0 1.77 1.43 3.2 3.2 3.2s3.2-1.43 3.2-3.2-1.43-3.2-3.2-3.2-3.2 1.43-3.2 3.2z"/>
1298 </svg>
1299 <div style="display: inline-block;vertical-align: bottom;"> {UPLOAD_PICTURE}</div>
1300 </div>
1301 </div>
1302 <div class="pull-left padl15">
1303 <div class="upload_photo btn btn-success ellipsis" id="create_folder" onclick="$('#createFolderModal').modal('show')" title="{CREATE} {FOLDER}" style="width: 152px;max-width:152px">
1304 <svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle">
1305 <path d="M0 0h24v24H0V0z" fill="none"/>
1306 <path d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-1 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>
1307 </svg>
1308 <div style="display: inline-block;vertical-align: bottom;">{CREATE} {FOLDER}</div>
1309 </div>
1310 </div>
1311 </div>
1312 <div id="folderArray" class="clearfix">
1313 </div>
1314 <div id="imageArrayContainer" style="border: 1px solid #cccccc;min-height: 80px">
1315 <div id="imageArray" style="margin-left: 8px" class="clearfix">
1316
1317 </div>
1318 </div>
1319 <div id="back_to_main_folder" style="text-align: center;display: none;margin-top: 10px" onclick="getFolderAndImages(this)" title="{BACK_TO} {PHOTO_GALLERY}">
1320 <div class="btn btn-default">
1321 <svg fill="#000000" height="30" viewBox="0 0 24 24" width="30" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle">
1322 <path d="M0 0h24v24H0z" fill="none"/>
1323 <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
1324 </svg>
1325 </div>
1326 </div>
1327 <div class="clearfix"></div>
1328 <div class="col-sm-12" style="text-align: center;margin-top:10px;">
1329 <div class="btn btn-primary btn-block" style="padding: 0 20px;display: none" id="loadMore"><i class="fa fa-angle-double-down fa-2x"></i></div>
1330 </div>
1331 <!-- The Gallery as lightbox dialog, should be a child element of the document body -->
1332
1333 </div>
1334 </div>
1335 </div>
1336
1337 </div>
1338 </div>
1339 </div>
1340 </div>
1341 </div>
1342 <div class="rightColumn" id="mapWrap" style="float:none;width:auto;height:100%;">
1343 <div id="map_canvas" style="height: 100%"></div>
1344 <!--<div class="btn btn-danger" onclick="MapViewFunctions.moveTrackersTable()">nano</div>-->
1345 </div>
1346 </div>
1347 <div style="position: absolute">{##SVGCOMMON}</div>
1348</div>
1349<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
1350 <div class="slides"></div>
1351 <h3 class="title"></h3>
1352 <a class="prev">‹</a>
1353 <a class="next">›</a>
1354 <a class="close">×</a>
1355 <!--<a class="play-pause"></a>-->
1356 <ol class="indicator"></ol>
1357</div>
1358<!---Other window starts-->
1359<nav class="context-menu" id="context-menu">
1360 <ul class="context-menu__items">
1361 <li class="context-menu__item">
1362 <a href="javascript:void(0)" class="context-menu__link" data-action="delete">
1363 <i class="fa fa-trash-o"></i> Delete
1364 </a>
1365 </li>
1366 <li class="context-menu__item">
1367 <a href="javascript:void(0)" class="context-menu__link" data-action="delete_selected">
1368 <i class="fa fa-trash-o"></i> Delete selected
1369 </a>
1370 </li>
1371 <li class="context-menu__item">
1372 <a href="javascript:void(0)" class="context-menu__link" data-action="delete_all">
1373 <i class="fa fa-trash-o"></i> Delete all
1374 </a>
1375 </li>
1376 <li class="context-menu__item">
1377 <a href="javascript:void(0)" class="context-menu__link" data-action="open_new_tab">
1378 <i class="fa fa-link"></i>Open in new window
1379 </a>
1380 </li>
1381 </ul>
1382</nav>
1383<!-- Modal -->
1384<div class="modal fade" id="trackerManagWrapperModal" role="dialog">
1385 <div class="modal-dialog modal-lg">
1386 <!-- Modal content-->
1387 <div class="modal-content">
1388 <div class="modal-header">
1389 <button type="button" class="close" data-dismiss="modal" onclick="hideAllDatePickers();">×</button>
1390 <h4 class="modal-title"> {TRACKER_DETAILS}</h4>
1391 </div>
1392 <div class="modal-body" style="overflow-y: auto;max-height: 500px;min-height: 400px">
1393 <div class="" id="trackerManagWrapper">
1394 <ul class="nav nav-tabs">
1395 <li class="active"><a style="color: black" data-toggle="tab" href="#menu1" onclick="showFooter(0)">{BASIC_INFO}</a></li>
1396 <li id="alertsContainer"><a style="color: black" data-toggle="tab" href="#menu2" onclick="showFooter(1)">{ALERTS}</a></li>
1397 <li id="reminderContainer"><a style="color: black" data-toggle="tab" href="#menu3" onclick="showFooter(2)">{REMINDERS}</a></li>
1398 <li id="scheduleContainer"><a style="color: black" data-toggle="tab" href="#menu4" onclick="showFooter(3)">{WORK} {SCHEDULE}</a></li>
1399 <!--<li id="taxiManagementContainer" style="display: none"><a style="color: black" data-toggle="tab" href="#menu5" onclick="showFooter(4)">{FINANCIAL_PACKAGE}</a></li>-->
1400 </ul>
1401 <div class="tab-content">
1402 <div id="menu1" class="tab-pane fade in active" style="margin-top:10px">
1403 <form id="biForm" enctype="multipart/form-data" method="post" class="form-horizontal" style="font-size: 12px">
1404 <div id="tabs-1" class="tabs-1">
1405 <div class="basicInfo">
1406 <table>
1407 <tr>
1408 <td style="width:113px" rowspan="3">
1409 <div class="thumbnail" style="width: 160px;position: relative;padding:0;margin-bottom: 0;">
1410 <img id="trackerPic" src='{IMAGEPATH}/DDEFAULT.png'/>
1411 <div id="upload_link" class="imageHover" onclick='document.getElementById("fileData").click();'>
1412 <img src="{IMAGEPATH}/camera.svg"/>
1413 </div>
1414 </div>
1415 <input type='file' class="form-control" style="display:none;" id="fileData" name="fileData" onchange="changeImg(this, document.getElementById('trackerPic'));"/></td>
1416 <td class="lpad5 rpad5"><label>{TRACKER_ID}</label></td>
1417 <td>
1418 <input class="form-control " style="margin: 5px" type="text" name="trackerid" id="trackerid" readonly/></td>
1419 <td></td>
1420 <td></td>
1421 </tr>
1422 <tr>
1423 <td class="lpad5 rpad5"><label>{TRACKER_NAME}</label></td>
1424 <td colspan="3">
1425 <input class="form-control " type="text" tabindex="1" name="name" id="name" style="margin: 5px"></td>
1426 </tr>
1427 <tr>
1428 <td class="lpad5 rpad5"><label>{DESC}</label></td>
1429 <td colspan="3"><textarea style="margin: 5px" tabindex="2" class="form-control" name="description" id="description"></textarea></td>
1430 </tr>
1431 </table>
1432 </div>
1433 <hr style="margin-top:0;margin-bottom:0">
1434 <div class="trackerTypeSelect">
1435 <div class="col-xs-6">
1436 <div class="form-group" style="margin-bottom: 0">
1437 <label class="control-label col-xs-4" for="apptype">{FOA}</label>
1438 <div class="col-xs-8">
1439 <select class="form-control" tabindex="3" name="apptype" id="apptype">
1440 <option value="VT">{VEH_TRACK}</option>
1441 <option value="PT">{PER_TRACK}</option>
1442 <option value="AT">{ASS_TRACK}</option>
1443 <option value="OT">{OFF_TRACK}</option>
1444 </select>
1445 </div>
1446 </div>
1447 </div>
1448 <div class="col-xs-6">
1449 <div class="form-group" style="margin-bottom: 0">
1450 <label class="control-label col-xs-4" for="tagmsg">{TAG_MSG}</label>
1451 <div class="col-xs-8">
1452 <input class="form-control " tabindex="4" type="text" name="tagmsg" id="tagmsg"/>
1453 </div>
1454 </div>
1455 </div>
1456 <div class="clearfix"></div>
1457 </div>
1458 <hr style="margin-top:0;margin-bottom:0">
1459 <div class="trackerMoreInfo">
1460 <div class="vehicleDetails" id="vehicleDetails">
1461 <div class="col-xs-6">
1462 <div class="form-group">
1463 <label class="control-label col-xs-4" for="vtype">{VEH_TYPE}</label>
1464 <div class="col-xs-8">
1465 <input name="vtype" type="text" class="form-control " id="vtype" tabindex="5"/>
1466 </div>
1467 </div>
1468 </div>
1469 <div class="col-xs-6">
1470 <div class="form-group">
1471 <label class="control-label col-xs-4" for="tagmsg">{NET_LOAD}</label>
1472 <div class="col-xs-8">
1473 <input name="netLoad" type="text" class="form-control " id="netLoad" tabindex="19"/>
1474 </div>
1475 </div>
1476 </div>
1477 <div class="col-xs-6">
1478 <div class="form-group">
1479 <label class="control-label col-xs-4" for="color">{COLOR}</label>
1480 <div class="col-xs-8">
1481 <input type="text" class="form-control " tabindex="6" id="color" name="color"/>
1482 </div>
1483 </div>
1484 </div>
1485 <div class="col-xs-6">
1486 <div class="form-group">
1487 <label class="control-label col-xs-4" for="length">{LENGTH}</label>
1488 <div class="col-xs-8">
1489 <input name="length" type="text" class="form-control " id="length" tabindex="20"/>
1490 </div>
1491 </div>
1492 </div>
1493 <div class="col-xs-6">
1494 <div class="form-group">
1495 <label class="control-label col-xs-4" for="identificationNo">{IDENTNO}</label>
1496 <div class="col-xs-8">
1497 <input name="identificationNo" type="text" class="form-control " id="identificationNo" tabindex="7">
1498 </div>
1499 </div>
1500 </div>
1501 <div class="col-xs-6">
1502 <div class="form-group">
1503 <label class="control-label col-xs-4" for="width">{WIDTH}</label>
1504 <div class="col-xs-8">
1505 <input name="width" type="text" class="form-control " id="width" tabindex="21"/>
1506 </div>
1507 </div>
1508 </div>
1509 <div class="col-xs-6">
1510 <div class="form-group">
1511 <label class="control-label col-xs-4" for="licensePlate">{LICENSEPLATE}</label>
1512 <div class="col-xs-8">
1513 <input class="form-control " tabindex="8" type="text" name="licensePlate" id="licensePlate"/>
1514 </div>
1515 </div>
1516 </div>
1517 <div class="col-xs-6">
1518 <div class="form-group">
1519 <label class="control-label col-xs-4" for="height">{HEIGHT}</label>
1520 <div class="col-xs-8">
1521 <input name="height" type="text" class="form-control " id="height" tabindex="22"/>
1522 </div>
1523 </div>
1524 </div>
1525 <div class="col-xs-6">
1526 <div class="form-group">
1527 <label class="control-label col-xs-4" for="referenceNo">{REFNO}</label>
1528 <div class="col-xs-8">
1529 <input tabindex="9" class="form-control " type="text" name="referenceNo" id="referenceNo"/>
1530 </div>
1531 </div>
1532 </div>
1533 <div class="col-xs-6">
1534 <div class="form-group">
1535 <label class="control-label col-xs-4" for="numAxle">{NUM_AXLE}</label>
1536 <div class="col-xs-8">
1537 <input name="numAxle" type="text" class="form-control " id="numAxle" tabindex="23"/>
1538 </div>
1539 </div>
1540 </div>
1541 <div class="col-xs-6">
1542 <div class="form-group">
1543 <label class="control-label col-xs-4" for="regDateHide">{REGDATE}</label>
1544 <div class="col-xs-8">
1545 <input type="text" class="form-control datepick"
1546 id="regDate" tabindex="10"/><input type="hidden" name="regDate"
1547 id="regDateHide"/>
1548 </div>
1549 </div>
1550 </div>
1551 <div class="col-xs-6">
1552 <div class="form-group">
1553 <label class="control-label col-xs-4" for="power">{POWER}</label>
1554 <div class="col-xs-8">
1555 <input name="power" type="text" class="form-control "
1556 id="power" tabindex="24"/>
1557 </div>
1558 </div>
1559 </div>
1560 <div class="col-xs-6">
1561 <div class="form-group">
1562 <label class="control-label col-xs-4" for="netWeight">{NET_WEIGHT}</label>
1563 <div class="col-xs-8">
1564 <input name="netWeight" type="text" class="form-control "
1565 id="netWeight" tabindex="11"/>
1566 </div>
1567 </div>
1568 </div>
1569 <div class="col-xs-6">
1570 <div class="form-group">
1571 <label class="control-label col-xs-4" for="tankCapacity">{TANKCAP}</label>
1572 <div class="col-xs-8">
1573 <input name="tankCapacity" type="text" class="form-control " id="tankCapacity" tabindex="25"/>
1574 </div>
1575 </div>
1576 </div>
1577 <div class="col-xs-6">
1578 <div class="form-group">
1579 <label class="control-label col-xs-4" for="maxWeight">{MAX_WEIGHT}</label>
1580 <div class="col-xs-8">
1581 <input name="maxWeight" type="text" class="form-control " id="maxWeight" tabindex="12"/>
1582 </div>
1583 </div>
1584 </div>
1585 <div class="col-xs-6">
1586 <div class="form-group">
1587 <label class="control-label col-xs-4" for="maxrpm">{MAX_RPM}</label>
1588 <div class="col-xs-8">
1589 <input type="text" class="form-control " tabindex="26" id="maxrpm" name="maxrpm" value=""/>
1590 </div>
1591 </div>
1592 </div>
1593 <div class="col-xs-6">
1594 <div class="form-group">
1595 <label class="control-label col-xs-4" for="fuelPulses">{FUEL_CONS_PERLITRE}</label>
1596 <div class="col-xs-8">
1597 <input type="text" class="form-control " tabindex="26" id="fuelPulses" name="fuelPulses" value=""/>
1598 </div>
1599 </div>
1600 </div>
1601 <div class="clearfix">
1602 </div>
1603 <div class="col-xs-6">
1604 <div class="checkbox col-xs-offset-4 col-xs-8">
1605 <input type="checkbox" name="offlinefuel" tabindex="27" id="offlinefuel"/><label for="offlinefuel">{OFFLINE_FUEL}</label>
1606 </div>
1607 </div>
1608 <div class="col-xs-6">
1609 <div class="checkbox col-xs-offset-4 col-xs-8">
1610 <input type="checkbox" tabindex="28" name="suppress" id="suppress"><label for="suppress">{SUPPRESS_PLOT}</label>
1611 </div>
1612 </div>
1613 <div class="clearfix"></div>
1614 </div>
1615 <div class="personalDetails" id="personalDetails">
1616 <div class="col-xs-6">
1617 <div class="form-group">
1618 <label class="control-label col-xs-4" for="pname">{PNAME}</label>
1619 <div class="col-xs-8">
1620 <input type="text" tabindex="5" id="pname" name="pname" class="form-control "/>
1621 </div>
1622 </div>
1623 </div>
1624 <div class="col-xs-6">
1625 <div class="form-group">
1626 <label class="control-label col-xs-4" for="pweight">{PWEIGHT}</label>
1627 <div class="col-xs-8">
1628 <input type="text" tabindex="17" id="pweight" name="pweight" class="form-control "/>
1629 </div>
1630 </div>
1631 </div>
1632 <div class="col-xs-6">
1633 <div class="form-group">
1634 <label class="control-label col-xs-4" for="pdob">{PDOB}</label>
1635 <div class="col-xs-8">
1636 <input type="text" tabindex="6" id="pdob" class="datepick form-control "/><input type="hidden" id="pdobHide" name="pdob"/>
1637 </div>
1638 </div>
1639 </div>
1640 <div class="col-xs-6">
1641 <div class="form-group">
1642 <label class="control-label col-xs-4" for="pdob">{PHEIGHT}</label>
1643 <div class="col-xs-8">
1644 <input type="text" tabindex="18" id="pheight" name="pheight" class="form-control "/>
1645 </div>
1646 </div>
1647 </div>
1648 <div class="col-xs-6">
1649 <div class="form-group">
1650 <label class="control-label col-xs-4" for="padd1">{ADDRESS}</label>
1651 <div class="col-xs-8">
1652 <input type="text" tabindex="7" id="padd1" name="padd1" class="form-control "/>
1653 <input type="text" tabindex="8" id="padd2" name="padd2" class="form-control "/>
1654 </div>
1655 </div>
1656 </div>
1657 <div class="col-xs-6">
1658 <div class="form-group">
1659 <label class="control-label col-xs-4" for="allergy">{ALLERGY}</label>
1660 <div class="col-xs-8">
1661 <input type="text" id="allergy" tabindex="19" name="allergy" class="form-control "/>
1662 </div>
1663 </div>
1664 </div>
1665 <div class="col-xs-6">
1666 <div class="form-group">
1667 <label class="control-label col-xs-4" for="medConditions">{MEDCOND}</label>
1668 <div class="col-xs-8">
1669 <input type="text" id="medConditions" tabindex="20" name="medConditions" class="form-control "/>
1670 </div>
1671 </div>
1672 </div>
1673 <div class="col-xs-6">
1674 <div class="form-group">
1675 <label class="control-label col-xs-4" for="pcity">{CITY}</label>
1676 <div class="col-xs-8">
1677 <input type="text" tabindex="9" id="pcity" name="pcity" class="form-control "/>
1678 </div>
1679 </div>
1680 </div>
1681 <div class="col-xs-6">
1682 <div class="form-group">
1683 <label class="control-label col-xs-4" for="bloodGroup">{BLOODGROUP}</label>
1684 <div class="col-xs-8">
1685 <select id="bloodGroup" name="bloodGroup" tabindex="21" class="form-control select ">
1686 <option value="ap">A+</option>
1687 <option value="am">A-</option>
1688 <option value="bp">B+</option>
1689 <option value="bm">B-</option>
1690 <option value="abp">AB+</option>
1691 <option value="abm">AB-</option>
1692 <option value="op">O+</option>
1693 <option value="om">O-</option>
1694 </select>
1695 </div>
1696 </div>
1697 </div>
1698 <div class="col-xs-6">
1699 <div class="form-group">
1700 <label class="control-label col-xs-4" for="pstate">{STATE}</label>
1701 <div class="col-xs-8">
1702 <input type="text" id="pstate" tabindex="10" name="pstate" class="form-control "/>
1703 </div>
1704 </div>
1705 </div>
1706 <div class="col-xs-6">
1707 <div class="form-group">
1708 <label class="control-label col-xs-4" for="pmobile">{MOBILE}</label>
1709 <div class="col-xs-8">
1710 <input type="text" id="pmobile" tabindex="22" name="pmobile" class="form-control"/>
1711 </div>
1712 </div>
1713 </div>
1714 <div class="col-xs-6">
1715 <div class="form-group">
1716 <label class="control-label col-xs-4" for="pcountry">{COUNTRY}</label>
1717 <div class="col-xs-8">
1718 <select id="pcountry" name="pcountry" tabindex="11" class="form-control select "></select>
1719 </div>
1720 </div>
1721 </div>
1722 <div class="col-xs-6">
1723 <div class="form-group">
1724 <label class="control-label col-xs-4" for="allergy">{EMAIL}</label>
1725 <div class="col-xs-8">
1726 <input type="text" tabindex="23" id="pemail" name="pemail" class="form-control "/>
1727 </div>
1728 </div>
1729 </div>
1730 </div>
1731 <div class="assetDetails" id="assetDetails">
1732 <div class="col-xs-6">
1733 <div class="form-group">
1734 <label class="control-label col-xs-4" for="arefno">{REFNO}</label>
1735 <div class="col-xs-8">
1736 <input tabindex="5" class="form-control " type="text" name="arefno" id="arefno"/>
1737 </div>
1738 </div>
1739 </div>
1740 <div class="col-xs-6">
1741 <div class="form-group">
1742 <label class="control-label col-xs-4" for="alength">{LENGTH}</label>
1743 <div class="col-xs-8">
1744 <input tabindex="6" type="text" id="alength" name="alength" class="form-control "/>
1745 </div>
1746 </div>
1747 </div>
1748 <div class="col-xs-6">
1749 <div class="form-group">
1750 <label class="control-label col-xs-4" for="awidth">{WIDTH}</label>
1751 <div class="col-xs-8">
1752 <input tabindex="7" type="text" id="awidth" name="awidth" class="form-control "/>
1753 </div>
1754 </div>
1755 </div>
1756 <div class="col-xs-6">
1757 <div class="form-group">
1758 <label class="control-label col-xs-4" for="aheight">{HEIGHT}</label>
1759 <div class="col-xs-8">
1760 <input tabindex="8" type="text" id="aheight" name="aheight" class="form-control "/>
1761 </div>
1762 </div>
1763 </div>
1764 <div class="col-xs-6">
1765 <div class="form-group">
1766 <label class="control-label col-xs-4" for="awidth">{PWEIGHT}</label>
1767 <div class="col-xs-8">
1768 <input tabindex="9" type="text" id="aweight" name="aweight" class="form-control "/>
1769 </div>
1770 </div>
1771 </div>
1772 <div class="col-xs-6">
1773 <div class="form-group">
1774 <label class="control-label col-xs-4" for="inscompany">{INSCOMPANY}</label>
1775 <div class="col-xs-8">
1776 <input tabindex="10" type="text" id="inscompany" name="inscompany" class="form-control "/>
1777 </div>
1778 </div>
1779 </div>
1780 <div class="col-xs-6">
1781 <div class="form-group">
1782 <label class="control-label col-xs-4" for="awidth">{INSVALUE}</label>
1783 <div class="col-xs-8">
1784 <input tabindex="10" type="text" id="insvalue" name="insvalue" class="form-control "/>
1785 </div>
1786 </div>
1787 </div>
1788 <div class="col-xs-6">
1789 <div class="form-group">
1790 <label class="control-label col-xs-4" for="awidth">{INSEXPIRY}</label>
1791 <div class="col-xs-8">
1792 <input tabindex="11" type="text" id="insexpiry" class="datepick form-control "/>
1793 <input type="hidden" name="insexpiry" id="insexpiryHide"/>
1794 </div>
1795 </div>
1796 </div>
1797 </div>
1798 </div>
1799 </div>
1800 </form>
1801 </div>
1802 <div id="menu2" class="tab-pane fade" style="margin-top:10px">
1803 <div class="tabs-2" id="tabs-2">
1804 <table style="width:100%;">
1805 <tr style="vertical-align:top;">
1806 <td>
1807 <div class="alertForm" style="width: 300px">
1808 <form id="alertTabForm">
1809 <script>
1810 this.addEventListener('reset', function () {
1811 document.getElementById("astartTime").disabled = document.getElementById("aendTime").disabled = true;
1812 }, false);
1813 </script>
1814 <input type="hidden" name="trackerid" id="atrackerid"/>
1815 <input type="hidden" name="id" id="aid" value="0"/>
1816 <table>
1817 <tr>
1818 <td class="lpad5 rpad5" colspan="2"><label>{ALERT_TYPE}</label></td>
1819 </tr>
1820 <tr>
1821 <td class="lpad5 rpad5" colspan="2"><select id="atype" name="type"
1822 class="form-control select "></select>
1823 </td>
1824 </tr>
1825 <tr>
1826 <td class="lpad5 rpad5" colspan="2" style="vertical-align:bottom;"><label>{EMAIL}</label></td>
1827 </tr>
1828 <tr>
1829 <td class="lpad5 rpad5" colspan="2"><input type="text"
1830 class="form-control "
1831 id="aemail" name="email"/></td>
1832 </tr>
1833 <tr>
1834 <td class="lpad5 rpad5" colspan="2" style="vertical-align:bottom;"><label>{SMS}</label></td>
1835 </tr>
1836 <tr>
1837 <td class="lpad5 rpad5" colspan="2"><input type="text"
1838 class="form-control "
1839 id="asms" name="sms"/></td>
1840 </tr>
1841 <tr id="mcenterCheck" style="display:none;">
1842 <td class="lpad5 rpad5" colspan="2">
1843 <div class="checkbox">
1844 <input type="checkbox" id="amonitoringCentre" name="monitoringCentre"/><label for="amonitoringCentre">{EN_ALERT_CENTRE}</label>
1845 </div>
1846 </td>
1847 </tr>
1848 <tr>
1849 <td colspan="2" class="lpad5 rpad5 leftAlign">
1850 <fieldset>
1851 <legend>{SLEEP_SETTINGS}</legend>
1852 <table>
1853 <tr>
1854 <td>
1855 <div class="checkbox">
1856 <input type="checkbox" id="amethod" name="method"/><label for="amethod">{SEND_HRS}</label>
1857 </div>
1858 </td>
1859 </tr>
1860 <tr>
1861 <td class="leftAlign">
1862 <select id="astartTime" name="startTime" class="form-control select " disabled></select> {TO_} <select id="aendTime" name="endTime" class="form-control select " disabled></select>
1863 </td>
1864 </tr>
1865 </table>
1866 </fieldset>
1867 </td>
1868 </tr>
1869 </table>
1870 </form>
1871 </div>
1872 </td>
1873 <td>
1874 <div class="alertGrid" id="alertGrid" style="">
1875 <table class="table" id="alertsTable" cellspacing="0" style="width:100%;background-color: transparent;">
1876 <thead>
1877 <tr>
1878 <th></th>
1879 <th>{ALERT_TYPE}</th>
1880 <th>{EMAIL}</th>
1881 <th>{SMS}</th>
1882 </tr>
1883 </thead>
1884 <tbody>
1885 </tbody>
1886 <tfoot>
1887 <tr>
1888 <th></th>
1889 <th>{ALERT_TYPE}</th>
1890 <th>{EMAIL}</th>
1891 <th>{SMS}</th>
1892 </tr>
1893 </tfoot>
1894 </table>
1895 </div>
1896 </td>
1897 </tr>
1898 </table>
1899 <div class="footer f11 italic lpad5" title="{ALERTS_INFO}">{ALERTS_INFO}</div>
1900 </div>
1901 </div>
1902 <div id="menu3" class="tab-pane fade" style="margin-top:10px">
1903 <div class="tabs-3" id="tabs-3">
1904 <div class="reminderGrid" id="reminderGrid">
1905 <table class="table" id="remindersTable" style="width:100%;background-color: transparent">
1906 <thead>
1907 <tr>
1908 <th>{SDATE}</th>
1909 <th>{BASED_ON}</th>
1910 <th>{EDATE}</th>
1911 <th>{DISTANCE}</th>
1912 <th>{ENGINE_HOURS}</th>
1913 <th>{REMINDER_DATE}</th>
1914 <th>{REMARKS}</th>
1915 </tr>
1916 </thead>
1917 <tbody>
1918 </tbody>
1919 <tfoot>
1920 <tr>
1921 <th>{SDATE}</th>
1922 <th>{BASED_ON}</th>
1923 <th>{EDATE}</th>
1924 <th>{DISTANCE}</th>
1925 <th>{ENGINE_HOURS}</th>
1926 <th>{REMINDER_DATE}</th>
1927 <th>{REMARKS}</th>
1928 </tr>
1929 </tfoot>
1930 </table>
1931 </div>
1932 <div class="remindBoxwrap" id="addReminderWindow">
1933 <div class="reminderBoxHeader clearfix" id="reminderBoxHeader">
1934 <div class="pull-left">{REMINDER}</div>
1935 <div class="filterClose" onclick="document.getElementById('addReminderWindow').style.display = 'none';"></div>
1936 </div>
1937 <div class="reminderBoxform">
1938 <form id="reminderAddForm" class="form-horizontal" role="form">
1939 <input type="hidden" id="rtrackerid" name="trackerid"/>
1940 <input type="hidden" id="rid" name="id" value="0"/>
1941 <div class="form-group">
1942 <label class="control-label col-sm-4" style="color: white">{BASED_ON}</label>
1943 <div class="col-sm-8">
1944 <select class="form-control select " name="basedOn" id="rbasedOn">
1945 <option value="DISTANCE" selected>{DISTANCE}</option>
1946 <option value="DATE">{DATE}</option>
1947 <option value="ENHRS">{ENGINE_HOURS}</option>
1948 </select>
1949 </div>
1950 </div>
1951 <div class="form-group">
1952 <label class="control-label col-sm-4" style="color: white">{SDATE}</label>
1953 <div class="col-sm-8">
1954 <input type="hidden" id="startDateHide" name="startDate"/><input
1955 class="form-control datepick" type="text" id="rstartDate"/>
1956 </div>
1957 </div>
1958 <div class="form-group" id="redaterow" style="display: none">
1959 <label class="control-label col-sm-4" style="color: white">{EDATE}</label>
1960 <div class="col-sm-8">
1961 <input type="hidden" id="endDateHide" name="endDate"/><input
1962 class="form-control datepick" type="text" id="rendDate"/>
1963 </div>
1964 </div>
1965 <div class="form-group" id="rdistrow">
1966 <label class="control-label col-sm-4" style="color: white">{DISTANCE}</label>
1967 <div class="col-sm-8">
1968 <input class="form-control " type="text"
1969 name="distance" id="rdistance"/>
1970 </div>
1971 </div>
1972 <div class="form-group" id="rengrow" style="display:none">
1973 <label class="control-label col-sm-4" style="color: white">{ENGINE_HOURS}</label>
1974 <div class="col-sm-8">
1975 <input class="form-control " type="text"
1976 name="engineHrs" id="rengineHrs"/>
1977 </div>
1978 </div>
1979 <div class="form-group" id="rinprow" style="display:none">
1980 <label class="control-label col-sm-4" style="color: white">{INPUT}</label>
1981 <div class="col-sm-8">
1982 <select class="form-control select " name="engInputs" id="engInputs">
1983 <option value="0">{IGNITION}</option>
1984 <option value="1">{INPUT_1}</option>
1985 <option value="2">{INPUT_2}</option>
1986 <option value="3">{INPUT_3}</option>
1987 <option value="4">{INPUT_4}</option>
1988 <option value="5">{INPUT_5}</option>
1989 </select>
1990 </div>
1991 </div>
1992 <div class="form-group" id="rmetricrow">
1993 <label class="control-label col-sm-4" style="color: white">{METRIC}</label>
1994 <div class="col-sm-8" id="rmetrow">
1995 </div>
1996 </div>
1997 <div class="form-group" id="rrdaterow" style="display:none;">
1998 <label class="control-label col-sm-4" style="color: white">{REMINDER_DATE}</label>
1999 <div class="col-sm-8">
2000 <input class="form-control datepick" type="text" id="rreminderDate"/>
2001 <input type="hidden" name="reminderDate" id="reminderDateHide"/>
2002 </div>
2003 </div>
2004 <div class="form-group">
2005 <label class="control-label col-sm-4" style="color: white">{REMARKS}</label>
2006 <div class="col-sm-8">
2007 <textarea class="form-control " style="height:50px;" name="remarks" id="rremarks"></textarea>
2008 </div>
2009 </div>
2010 <div class="form-group">
2011 <div class="col-sm-12">
2012 <div class="checkbox" style="padding-top: 0;">
2013 <input type="checkbox" id="multiTrackerReminder"/><label for="multiTrackerReminder" style="color:#fff;">{ASSIGN_MULTI_TRACKERS}</label>
2014 </div>
2015 </div>
2016 </div>
2017 <div class="form-group" style="margin-bottom: 0;">
2018 <div class="col-sm-12 text_align_right">
2019 <div id="reminderSave" class="btn btn-success">{SAVE}</div>
2020 <div class="btn btn-danger" onclick="document.getElementById('addReminderWindow').style.display = 'none';">{CANCEL}</div>
2021 </div>
2022 </div>
2023 </form>
2024 </div>
2025 </div>
2026 </div>
2027 </div>
2028 <div id="menu4" class="tab-pane fade" style="margin-top:10px;">
2029 <div class="tabs-4" id="tabs-4">
2030 <div class="entryAllowance">
2031 <div class="form-group col-md-6">
2032 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{EARLY} {ALLOWANCE}</label>
2033 <div style="display:table-cell">
2034 <div class="input-group earlyallow_hr">
2035 <input type="text" class="form-control" value="0">
2036 <div class="input-group-btn-vertical">
2037 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2038 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2039 </div>
2040 </div>
2041 </div>
2042 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2043 <div style="display:table-cell">
2044 <div class="input-group earlyallow_min">
2045 <input type="text" class="form-control" value="0">
2046 <div class="input-group-btn-vertical">
2047 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2048 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2049 </div>
2050 </div>
2051 </div>
2052 </div>
2053 <div class="col-md-6">
2054 <div class="form-group pull-right">
2055 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{LATE} {ALLOWANCE}</label>
2056 <div style="display:table-cell">
2057 <div class="input-group lateallow_hr">
2058 <input type="text" class="form-control" value="0">
2059 <div class="input-group-btn-vertical">
2060 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2061 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2062 </div>
2063 </div>
2064 </div>
2065 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2066 <div style="display:table-cell">
2067 <div class="input-group lateallow_min">
2068 <input type="text" class="form-control" value="0">
2069 <div class="input-group-btn-vertical">
2070 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2071 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2072 </div>
2073 </div>
2074 </div>
2075 </div>
2076 </div>
2077 </div>
2078 <div>
2079 <div id="monday" class="scheduleDay">
2080 <div class="checkbox" style="margin-top:5px;">
2081 <input type="checkbox" id="dayMon"><label for="dayMon">{MON}</label>
2082 </div>
2083 <div class="form-group">
2084 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2085 <div style="display:table-cell">
2086 <div class="input-group sday1_hr">
2087 <input type="text" class="form-control" value="0">
2088 <div class="input-group-btn-vertical">
2089 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2090 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2091 </div>
2092 </div>
2093 </div>
2094 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2095 <div style="display:table-cell">
2096 <div class="input-group sday1_min">
2097 <input type="text" class="form-control" value="0">
2098 <div class="input-group-btn-vertical">
2099 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2100 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2101 </div>
2102 </div>
2103 </div>
2104 </div>
2105 <div class="form-group">
2106 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2107 <div style="display:table-cell">
2108 <div class="input-group eday1_hr">
2109 <input type="text" class="form-control" value="0">
2110 <div class="input-group-btn-vertical">
2111 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2112 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2113 </div>
2114 </div>
2115 </div>
2116 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2117 <div style="display:table-cell">
2118 <div class="input-group eday1_min">
2119 <input type="text" class="form-control" value="0">
2120 <div class="input-group-btn-vertical">
2121 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2122 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2123 </div>
2124 </div>
2125 </div>
2126 </div>
2127 </div>
2128 <div id="tuesday" class="scheduleDay">
2129 <div class="checkbox" style="margin-top:5px;">
2130 <input type="checkbox" id="dayTue"><label for="dayTue">{TUE}</label>
2131 </div>
2132 <div class="form-group">
2133 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2134 <div style="display:table-cell">
2135 <div class="input-group sday2_hr">
2136 <input type="text" class="form-control" value="0">
2137 <div class="input-group-btn-vertical">
2138 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2139 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2140 </div>
2141 </div>
2142 </div>
2143 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2144 <div style="display:table-cell">
2145 <div class="input-group sday2_min">
2146 <input type="text" class="form-control" value="0">
2147 <div class="input-group-btn-vertical">
2148 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2149 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2150 </div>
2151 </div>
2152 </div>
2153 </div>
2154 <div class="form-group">
2155 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2156 <div style="display:table-cell">
2157 <div class="input-group eday2_hr">
2158 <input type="text" class="form-control" value="0">
2159 <div class="input-group-btn-vertical">
2160 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2161 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2162 </div>
2163 </div>
2164 </div>
2165 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2166 <div style="display:table-cell">
2167 <div class="input-group eday2_min">
2168 <input type="text" class="form-control" value="0">
2169 <div class="input-group-btn-vertical">
2170 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2171 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2172 </div>
2173 </div>
2174 </div>
2175 </div>
2176 </div>
2177 <div id="wednesday" class="scheduleDay">
2178 <div class="checkbox" style="margin-top:5px;">
2179 <input type="checkbox" id="dayWed"><label for="dayWed">{WED}</label>
2180 </div>
2181 <div class="form-group">
2182 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2183 <div style="display:table-cell">
2184 <div class="input-group sday3_hr">
2185 <input type="text" class="form-control" value="0">
2186 <div class="input-group-btn-vertical">
2187 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2188 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2189 </div>
2190 </div>
2191 </div>
2192 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2193 <div style="display:table-cell">
2194 <div class="input-group sday3_min">
2195 <input type="text" class="form-control" value="0">
2196 <div class="input-group-btn-vertical">
2197 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2198 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2199 </div>
2200 </div>
2201 </div>
2202 </div>
2203 <div class="form-group">
2204 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2205 <div style="display:table-cell">
2206 <div class="input-group eday3_hr">
2207 <input type="text" class="form-control" value="0">
2208 <div class="input-group-btn-vertical">
2209 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2210 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2211 </div>
2212 </div>
2213 </div>
2214 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2215 <div style="display:table-cell">
2216 <div class="input-group eday3_min">
2217 <input type="text" class="form-control" value="0">
2218 <div class="input-group-btn-vertical">
2219 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2220 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2221 </div>
2222 </div>
2223 </div>
2224 </div>
2225 </div>
2226 <div id="thursday" class="scheduleDay">
2227 <div class="checkbox" style="margin-top:5px;">
2228 <input type="checkbox" id="dayThu"><label for="dayThu">{THU}</label>
2229 </div>
2230 <div class="form-group">
2231 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2232 <div style="display:table-cell">
2233 <div class="input-group sday4_hr">
2234 <input type="text" class="form-control" value="0">
2235 <div class="input-group-btn-vertical">
2236 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2237 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2238 </div>
2239 </div>
2240 </div>
2241 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2242 <div style="display:table-cell">
2243 <div class="input-group sday4_min">
2244 <input type="text" class="form-control" value="0">
2245 <div class="input-group-btn-vertical">
2246 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2247 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2248 </div>
2249 </div>
2250 </div>
2251 </div>
2252 <div class="form-group">
2253 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2254 <div style="display:table-cell">
2255 <div class="input-group eday4_hr">
2256 <input type="text" class="form-control" value="0">
2257 <div class="input-group-btn-vertical">
2258 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2259 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2260 </div>
2261 </div>
2262 </div>
2263 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2264 <div style="display:table-cell">
2265 <div class="input-group eday4_min">
2266 <input type="text" class="form-control" value="0">
2267 <div class="input-group-btn-vertical">
2268 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2269 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2270 </div>
2271 </div>
2272 </div>
2273 </div>
2274 </div>
2275 <div id="friday" class="scheduleDay">
2276 <div class="checkbox" style="margin-top:5px;">
2277 <input type="checkbox" id="dayFri"><label for="dayFri">{FRI}</label>
2278 </div>
2279 <div class="form-group">
2280 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2281 <div style="display:table-cell">
2282 <div class="input-group sday5_hr">
2283 <input type="text" class="form-control" value="0">
2284 <div class="input-group-btn-vertical">
2285 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2286 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2287 </div>
2288 </div>
2289 </div>
2290 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2291 <div style="display:table-cell">
2292 <div class="input-group sday5_min">
2293 <input type="text" class="form-control" value="0">
2294 <div class="input-group-btn-vertical">
2295 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2296 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2297 </div>
2298 </div>
2299 </div>
2300 </div>
2301 <div class="form-group">
2302 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2303 <div style="display:table-cell">
2304 <div class="input-group eday5_hr">
2305 <input type="text" class="form-control" value="0">
2306 <div class="input-group-btn-vertical">
2307 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2308 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2309 </div>
2310 </div>
2311 </div>
2312 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2313 <div style="display:table-cell">
2314 <div class="input-group eday5_min">
2315 <input type="text" class="form-control" value="0">
2316 <div class="input-group-btn-vertical">
2317 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2318 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2319 </div>
2320 </div>
2321 </div>
2322 </div>
2323 </div>
2324 <div id="saturday" class="scheduleDay">
2325 <div class="checkbox" style="margin-top:5px;">
2326 <input type="checkbox" id="daySat"><label for="daySat">{SAT}</label>
2327 </div>
2328 <div class="form-group">
2329 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2330 <div style="display:table-cell">
2331 <div class="input-group sday6_hr">
2332 <input type="text" class="form-control" value="0">
2333 <div class="input-group-btn-vertical">
2334 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2335 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2336 </div>
2337 </div>
2338 </div>
2339 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2340 <div style="display:table-cell">
2341 <div class="input-group sday6_min">
2342 <input type="text" class="form-control" value="0">
2343 <div class="input-group-btn-vertical">
2344 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2345 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2346 </div>
2347 </div>
2348 </div>
2349 </div>
2350 <div class="form-group">
2351 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2352 <div style="display:table-cell">
2353 <div class="input-group eday6_hr">
2354 <input type="text" class="form-control" value="0">
2355 <div class="input-group-btn-vertical">
2356 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2357 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2358 </div>
2359 </div>
2360 </div>
2361 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2362 <div style="display:table-cell">
2363 <div class="input-group eday6_min">
2364 <input type="text" class="form-control" value="0">
2365 <div class="input-group-btn-vertical">
2366 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2367 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2368 </div>
2369 </div>
2370 </div>
2371 </div>
2372 </div>
2373 <div id="sunday" class="scheduleDay">
2374 <div class="checkbox" style="margin-top:5px;">
2375 <input type="checkbox" id="daySun"><label for="daySun">{SUN}</label>
2376 </div>
2377 <div class="form-group">
2378 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{FROM}</label>
2379 <div style="display:table-cell">
2380 <div class="input-group sday7_hr">
2381 <input type="text" class="form-control" value="0">
2382 <div class="input-group-btn-vertical">
2383 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2384 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2385 </div>
2386 </div>
2387 </div>
2388 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2389 <div style="display:table-cell">
2390 <div class="input-group sday7_min">
2391 <input type="text" class="form-control" value="0">
2392 <div class="input-group-btn-vertical">
2393 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2394 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2395 </div>
2396 </div>
2397 </div>
2398 </div>
2399 <div class="form-group">
2400 <label class="control-label" style="display:table-cell;vertical-align:middle;padding-right:3px;">{TO_}</label>
2401 <div style="display:table-cell">
2402 <div class="input-group eday7_hr">
2403 <input type="text" class="form-control" value="0">
2404 <div class="input-group-btn-vertical">
2405 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2406 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2407 </div>
2408 </div>
2409 </div>
2410 <div style="font-size: 24px;display:table-cell;vertical-align:middle;padding:0 3px;">:</div>
2411 <div style="display:table-cell">
2412 <div class="input-group eday7_min">
2413 <input type="text" class="form-control" value="0">
2414 <div class="input-group-btn-vertical">
2415 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
2416 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
2417 </div>
2418 </div>
2419 </div>
2420 </div>
2421 </div>
2422 </div>
2423 </div>
2424 </div>
2425 <div id="menu5" class="tab-pane fade" style="margin-top:10px">
2426 <div class="tabs-5" style="display:none;" id="tabs-5">
2427 <div class="col-sm-7" style="padding:0">
2428 <div class="clearfix">
2429 <div class="checkbox pull-left">
2430 <input type="checkbox" id="useItAsTaxi"><label for="useItAsTaxi">{USE_AS_TAXI}</label>
2431 </div>
2432 <button type="button" id="addTimeSlot" class="pull-left btn btn-primary" style="margin-left:5px">{ADD} {NEW} {SLOT}</button>
2433 </div>
2434 <form id="timeSlotForm" class="form-horizontal">
2435 <div class="form-group">
2436 <label for="stime_hr_taxi" class="col-xs-4 control-label" style="text-align: left">{START_TIME}</label>
2437 <div class="col-xs-3" style="">
2438 <div class="input-group sTime_hr_taxi">
2439 <input type="text" class="form-control" value="0" id="sTime_hr_taxi">
2440 <div class="input-group-btn-vertical">
2441 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-up"></i></button>
2442 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-down"></i></button>
2443 </div>
2444 </div>
2445 </div>
2446 <div class="col-xs-1" style="font-size: 24px;text-align: center;">:</div>
2447 <div class="col-xs-3" style="">
2448 <div class="input-group sTime_min_taxi">
2449 <input type="text" class="form-control" value="0" id="sTime_min_taxi">
2450 <div class="input-group-btn-vertical">
2451 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-up"></i></button>
2452 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-down"></i></button>
2453 </div>
2454 </div>
2455 </div>
2456 </div>
2457 <div class="form-group">
2458 <label for="stime_hr_taxi" class="col-xs-4 control-label" style="text-align: left">{END_TIME}</label>
2459 <div class="col-xs-3" style="">
2460 <div class="input-group eTime_hr_taxi">
2461 <input type="text" class="form-control" value="0" id="eTime_hr_taxi">
2462 <div class="input-group-btn-vertical">
2463 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-up"></i></button>
2464 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-down"></i></button>
2465 </div>
2466 </div>
2467 </div>
2468 <div class="col-xs-1" style="font-size: 24px;text-align: center;">:</div>
2469 <div class="col-xs-3" style="">
2470 <div class="input-group eTime_min_taxi">
2471 <input type="text" class="form-control" value="0" id="eTime_min_taxi">
2472 <div class="input-group-btn-vertical">
2473 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-up"></i></button>
2474 <button type="button" class="btn btn-default notRipple"><i class="fa fa-caret-down"></i></button>
2475 </div>
2476 </div>
2477 </div>
2478 </div>
2479 <div class="form-group">
2480 <label for="rateperkm" class="col-xs-4 control-label" style="text-align: left">{RATE}</label>
2481 <div class="col-xs-4">
2482 <input type="text" class="form-control" placeholder="{PER} {KILOMETERS_DU}" name="rate" id="rateperkm">
2483 </div>
2484 <div class="col-xs-3">
2485 <button type="button" class="btn btn-success" id="saveCharges">{SAVE}</button>
2486 </div>
2487 </div>
2488 </form>
2489 <div style="border:1px solid #CCC;">
2490 <div class="clearfix" style="margin-bottom:15px;">
2491 <p><label>{PERCENTAGE} {CHARGES} <span class="f11" style="color:#575757">(Will be same for all time slots)</span></label></p>
2492 <div class="form-inline">
2493 <div class="addCustomParent form-group">
2494 <input placeholder="{CHARGES} {NAME}" id="addCustomTax" class="form-control">
2495 </div>
2496 <label for="taxType" class="control-label form-group">{TYPE}</label>
2497 <div class="padl0 padr0 form-group">
2498 <select class="form-control" id="taxType">
2499 <option value="overall">{OVERALL} {AMOUNT}</option>
2500 <option value="partial">{PARTIAL} {AMOUNT}</option>
2501 </select>
2502 </div>
2503 <div class="form-group">
2504 <div onclick="addCustomTax()" class="btn btn-primary" id="addCustomTaxButton">{ADD}</div>
2505 </div>
2506 </div>
2507 </div>
2508 <div id="additionalCharges"></div>
2509 <div class="btn btn-success" id="savePercentageChargeFixed" style="display:none;">{SAVE}</div>
2510 </div>
2511 </div>
2512 <div class="financialPackage col-sm-5" id="financialPackageTableParent">
2513 <table class="table" id="financialPackageTable" style="width:100%;background-color: transparent">
2514 <thead>
2515 <tr>
2516 <th>{FROM}</th>
2517 <th>{TO_}</th>
2518 <th>{RATE} {PER} {KMS}</th>
2519 <!-- <th>{ADDITIONAL} {CHARGES}</th>-->
2520 </tr>
2521 </thead>
2522 <tbody>
2523 </tbody>
2524 <tfoot>
2525 <tr>
2526 <th>{FROM}</th>
2527 <th>{TO_}</th>
2528 <th>{RATE}</th>
2529 <!-- <th>{ADDITIONAL} {CHARGES}</th>-->
2530 </tr>
2531 </tfoot>
2532 </table>
2533 </div>
2534 <div class="clearfix"></div>
2535 </div>
2536 </div>
2537 </div>
2538 </div>
2539 </div>
2540 <div class="modal-footer" id="detailsDblClick">
2541 <div id="tabs-1_footer">
2542 <!--<div class="col-xs-12 text-right">-->
2543 <!--<hr style="margin-top:0;">-->
2544 <div class="pull-left">
2545 <button id="biOdoTune" tabindex="99" class="btn btn-primary">{ODOMETER}</button>
2546 </div>
2547 <div class="pull-right">
2548 <button id="biSave" tabindex="99" class="btn btn-success">{SAVE}</button>
2549 <button data-dismiss="modal" class="btn btn-danger">{CANCEL}</button>
2550 </div>
2551 <!--<div class="clearfix"></div>
2552 </div>-->
2553 </div>
2554 <div id="tabs-2_footer" style="display:none;">
2555 <!--<tr style="height:25px;">
2556 <td> </td>
2557 <td>-->
2558 <div class="pull-left">
2559 <!--<tr>
2560 <td colspan="2">-->
2561 <button id="alertsSave" class="btn btn-success">{SAVE}</button>
2562 <button id="alertsNew" class="btn btn-primary">{NEW}</button>
2563 <!--</td>
2564 </tr>-->
2565 </div>
2566 <button id="alertsRemove" class="btn btn-danger">{REMOVE}</button>
2567 <!-- </td>
2568 </tr>-->
2569 </div>
2570 <div id="tabs-3_footer" style="display:none;">
2571 <!--<div class="text_align_right">
2572 <hr>-->
2573 <button id="rRemove" class="btn btn-danger">{REMOVE}</button>
2574 <button id="rAdd" class="btn btn-primary">{ADD}</button>
2575 <!--<div class="clearfix"></div>
2576 </div>-->
2577 </div>
2578 <div id="tabs-4_footer" style="display:none;">
2579 <div class="checkbox pull-left checkbox-success" style="margin:5px 0;">
2580 <input type="checkbox" id="enableScheduleTracker">
2581 <label for="enableScheduleTracker">{ENABLE} {WORK} {SCHEDULE}</label>
2582 </div>
2583 <button type="button" class="btn btn-primary" onclick="fillRemainingSchedule()">{FILL_REMAIN_AS_MONDAY}</button>
2584 <button type="button" class="btn btn-success" onclick="scheduleTracker()">{SAVE}</button>
2585 </div>
2586 <div id="tabs-5_footer" style="display:none;">
2587 <div class="pull-right">
2588 <button class="btn btn-danger" id="removeItAsTaxi">{REMOVE}</button>
2589 </div>
2590 </div>
2591 </div>
2592 </div>
2593 </div>
2594</div>
2595<div class="modal fade" id="filterModal" role="dialog">
2596 <div class="modal-dialog">
2597 <!-- Modal content-->
2598 <div class="modal-content">
2599 <div class="modal-header">
2600 <button type="button" class="close" data-dismiss="modal">×</button>
2601 <h4 class="modal-title"> {ADVANCE_FILTERING}</h4>
2602 </div>
2603 <div class="modal-body" style="overflow-y: auto;max-height: 500px;min-height: 300px">
2604 <table class="table" border="0" cellspacing="0" cellpadding="3">
2605 <thead>
2606 <tr>
2607 <th align="center">{TARGET}</th>
2608 <th align="center">{SEARCH_TEXT}</th>
2609 <th align="center">{SMART}</th>
2610 <th align="center">{REGULAR}</th>
2611 </tr>
2612 </thead>
2613 <tbody>
2614 <tr id="filter_global">
2615 <td><label>{GLOBAL_SEARCH}</label></td>
2616 <td align="center"><input class="global_filter form-control input-sm" id="global_filter" type="text"></td>
2617 <td align="center">
2618 <div class="checkbox">
2619 <input class="global_filter" id="global_regex" type="checkbox"><label for="global_regex"></label>
2620 </div>
2621 </td>
2622 <td align="center">
2623 <div class="checkbox">
2624 <input class="global_filter" id="global_smart" type="checkbox" checked disabled><label for="global_smart"></label>
2625 </div>
2626 </td>
2627 </tr>
2628 <tr id="filter_col1" data-column="3">
2629 <td><label>{TRACKER_ID}</label></td>
2630 <td align="center"><input class="column_filter form-control input-sm" id="col3_filter" type="text"></td>
2631 <td align="center">
2632 <div class="checkbox">
2633 <input class="global_filter" id="col3_regex" type="checkbox"><label for="col3_regex"></label>
2634 </div>
2635 </td>
2636 <td align="center">
2637 <div class="checkbox">
2638 <input class="global_filter" id="col3_smart" type="checkbox" checked disabled><label for="col3_smart"></label>
2639 </div>
2640 </td>
2641 </tr>
2642 <tr id="filter_col2" data-column="4">
2643 <td><label>{TRACKER_NAME}</label></td>
2644 <td align="center"><input class="column_filter form-control input-sm" id="col4_filter" type="text"></td>
2645 <td align="center">
2646 <div class="checkbox">
2647 <input class="global_filter" id="col4_regex" type="checkbox"><label for="col4_regex"></label>
2648 </div>
2649 </td>
2650 <td align="center">
2651 <div class="checkbox">
2652 <input class="global_filter" id="col4_smart" type="checkbox" checked disabled><label for="col4_smart"></label>
2653 </div>
2654 </td>
2655 </tr>
2656 <tr id="filter_col3" data-column="5">
2657 <td><label>{IMEI}</label></td>
2658 <td align="center"><input class="column_filter form-control input-sm" id="col5_filter" type="text"></td>
2659 <td align="center">
2660 <div class="checkbox">
2661 <input class="global_filter" id="col5_regex" type="checkbox"><label for="col5_regex"></label>
2662 </div>
2663 </td>
2664 <td align="center">
2665 <div class="checkbox">
2666 <input class="global_filter" id="col5_smart" type="checkbox" checked disabled><label for="col5_smart"></label>
2667 </div>
2668 </td>
2669 </tr>
2670 <tr id="filter_col4" data-column="6">
2671 <td><label>{SIM_NO}</label></td>
2672 <td align="center"><input class="column_filter form-control input-sm" id="col6_filter" type="text"></td>
2673 <td align="center">
2674 <div class="checkbox">
2675 <input class="global_filter" id="col6_regex" type="checkbox"><label for="col6_regex"></label>
2676 </div>
2677 </td>
2678 <td align="center">
2679 <div class="checkbox">
2680 <input class="global_filter" id="col6_smart" type="checkbox" checked disabled><label for="col6_smart"></label>
2681 </div>
2682 </td>
2683 </tr>
2684 <tr id="filter_col5" data-column="7">
2685 <td><label>{SEARCH_KEYWORDS}</label></td>
2686 <td align="center"><input class="column_filter form-control input-sm" id="col7_filter" type="text"></td>
2687 <td align="center">
2688 <div class="checkbox">
2689 <input class="global_filter" id="col7_regex" type="checkbox"><label for="col7_regex"></label>
2690 </div>
2691 </td>
2692 <td align="center">
2693 <div class="checkbox">
2694 <input class="global_filter" id="col7_smart" type="checkbox" checked disabled><label for="col7_smart"></label>
2695 </div>
2696 </td>
2697 </tr>
2698 <tr id="filter_col6" data-column="11">
2699 <td><label>{MODEL}</label></td>
2700 <td align="center"><input class="column_filter form-control input-sm" id="col11_filter" type="text"></td>
2701 <td align="center">
2702 <div class="checkbox">
2703 <input class="global_filter" id="col11_regex" type="checkbox"><label for="col11_regex"></label>
2704 </div>
2705 </td>
2706 <td align="center">
2707 <div class="checkbox">
2708 <input class="global_filter" id="col11_smart" type="checkbox" checked disabled ><label for="col11_smart"></label>
2709 </div>
2710 </td>
2711 </tr>
2712 <tr id="filter_col7" data-column="12">
2713 <td><label>{SERIAL_NO}</label></td>
2714 <td align="center"><input class="column_filter form-control input-sm" id="col12_filter" type="text"></td>
2715 <td align="center">
2716 <div class="checkbox">
2717 <input class="global_filter" id="col12_regex" type="checkbox"><label for="col12_regex"></label>
2718 </div>
2719 </td>
2720 <td align="center">
2721 <div class="checkbox">
2722 <input class="global_filter" id="col12_smart" type="checkbox" checked disabled ><label for="col12_smart"></label>
2723 </div>
2724 </td>
2725 </tr>
2726 <tr id="filter_col8" data-column="13">
2727 <td><label>{USERS}</label></td>
2728 <td align="center"><input class="column_filter form-control input-sm" id="col13_filter" type="text"></td>
2729 <td align="center">
2730 <div class="checkbox">
2731 <input class="global_filter" id="col13_regex" type="checkbox"><label for="col12_regex"></label>
2732 </div>
2733 </td>
2734 <td align="center">
2735 <div class="checkbox">
2736 <input class="global_filter" id="col13_smart" type="checkbox" checked disabled ><label for="col13_smart"></label>
2737 </div>
2738 </td>
2739 </tr>
2740 </tbody>
2741 </table>
2742 <table class="table" style="margin-bottom:0;">
2743 <thead>
2744 <tr>
2745 <th colspan="4">{MORE}</th>
2746 </tr>
2747 </thead>
2748 <tbody>
2749 <tr>
2750 <td><label>{SPEED}</label></td>
2751 <td><input class=" form-control" id="speed_min" type="text" style="width: 80px;display: inline-block" placeholder="{LOWER_LIMIT}"><span class="padl5" style="font-size:20px;padding-right: 5px">:</span><input placeholder="{UPPER_LIMIT}" class="form-control" id="speed_max" type="text" style="width: 80px;display: inline-block"></td>
2752 <td><label>{STATUS}</label></td>
2753 <td colspan="">
2754 <select id="statusFilter" class="form-control" style="width: 200px">
2755 <option value="">{SHOW_ALL}</option>
2756 <option value="moving">{MOVING}</option>
2757 <!--<option value="6">{MOVING_NO_DATA_FROM_2-4_HR}</option>
2758 <option value="7">{MOVING_NO_DATA_FROM_4-24_HR}</option>-->
2759 <option value="1">{STOPPED}</option>
2760 <option value="2">{IDLING}</option>
2761 <option value="3">{NO_DATA}</option>
2762 <option value="5">{NO_RECENT_DATA}</option>
2763 <option value="4">{GPS_INVALID}</option>
2764 <option value="working">{WORKING}</option>
2765 </select>
2766 </td>
2767 </tr>
2768 <tr id="groupSelectTr"></tr>
2769 </tbody>
2770 </table>
2771 <table class="table" style="margin-bottom: 0;display:none;margin-top:10px" id="SearchPOIHolder">
2772 <thead>
2773 <tr>
2774 <th colspan="4">{SEARCH} {LANDMARK}</th>
2775 </tr>
2776 </thead>
2777 <tbody>
2778 <tr>
2779 <td><label>By {NAME}</label></td>
2780 <td colspan="3">
2781 <input type="text" name="poiList" id="poiList" class="form-control" autocomplete="off" style="width:400px;"/>
2782 </td>
2783 </tr>
2784 <tr id="searchByRadius" style="display: none">
2785 <td><label>By {DISTANCE}</label></td>
2786 <td>
2787 <input type="number" min="1" max="100" value="1" id="POIbyRadius" class="form-control"/>
2788 </td>
2789 <td>
2790 <div id="radius_poi_metric"></div>
2791 </td>
2792 <td>
2793 <div class="btn btn-primary" id="getNearestPOI">{SEARCH}</div>
2794 </td>
2795 </tr>
2796 </tbody>
2797 </table>
2798 </div>
2799 <div class="modal-footer">
2800 <div class="btn pull-left" style="background-color: #8E4DE4;color:white;" id="removeFilter" data-dismiss="modal">{REMOVE_FILTERING}</div>
2801 <div id="" class="btn btn-danger" data-dismiss="modal">{CLOSE}</div>
2802 </div>
2803 </div>
2804 </div>
2805</div>
2806<div class="trackerManagWrapper draggable" id="sensorDetailWrapper" style="height:auto;">
2807 <div style="position:relative" class="trackerManagHeaderWrap" id="sensorDetailHeaderWrap">
2808 <div class="floatLeft">
2809 {SENSORS}
2810 </div>
2811 <div class="filterClose" style="margin-top:8px;"
2812 onclick="document.getElementById('sensorDetailWrapper').style.display = 'none';"></div>
2813 <div class="maximize"
2814 onclick="var evt = document.createEvent('Event'); evt.initEvent('resize',true,true); document.body.dispatchEvent(evt);"
2815 style="margin-top:8px;"></div>
2816 <div class="clear"></div>
2817 </div>
2818 <div class="trackerManagTabWrap" id="sensorManagTabWrap">
2819 <div class="trackerManagTabs">
2820 <ul>
2821 <li><span id="_stabs-1">{FUEL}</span></li>
2822 <li><span id="_stabs-2">{TEMPERATURE}</span></li>
2823 <li><span id="_stabs-3">{BATTERY}</span></li>
2824 <li><span id="_stabs-4">{DBG_RPM}</span></li>
2825 </ul>
2826 </div>
2827 </div>
2828 <div class="tManagTabWrap sen_BigBg" style="height:auto; overflow:hidden;">
2829 <div class="tabs-1" id="stabs-1" style="height:auto; min-height:0;">
2830 <div class="sensor" id="fuelSensorsAll">
2831 <table style="width:100%">
2832 <tr>
2833 <td colspan="2">{FUEL_SENSOR}</td>
2834 </tr>
2835 <tr id="fm1">
2836 <td style="width:10px;">1.</td>
2837 <td id="meter1"></td>
2838 </tr>
2839 <tr id="fm2">
2840 <td>2.</td>
2841 <td id="meter2"></td>
2842 </tr>
2843 <tr id="fm3">
2844 <td>3.</td>
2845 <td id="meter3"></td>
2846 </tr>
2847 <tr id="fm4">
2848 <td>4.</td>
2849 <td id="meter4"></td>
2850 </tr>
2851 <tr id="fm5">
2852 <td>5.</td>
2853 <td id="meter5"></td>
2854 </tr>
2855 </table>
2856 </div>
2857 <div class="clear"></div>
2858 </div>
2859 <div class="tabs-2" id="stabs-2" style="height:auto;">
2860 <div class="sensor" id="tempSensorsAll">
2861 <table style="width:100%">
2862 <tr>
2863 <td colspan="2">{TEMP_SENSOR}</td>
2864 </tr>
2865 <tr id="tm1">
2866 <td style="width:10px;">1.</td>
2867 <td id="tmeter1"></td>
2868 </tr>
2869 <tr id="tm2">
2870 <td>2.</td>
2871 <td id="tmeter2"></td>
2872 </tr>
2873 <tr id="tm3">
2874 <td>3.</td>
2875 <td id="tmeter3"></td>
2876 </tr>
2877 <tr id="tm4">
2878 <td>4.</td>
2879 <td id="tmeter4"></td>
2880 </tr>
2881 <tr id="tm5">
2882 <td>5.</td>
2883 <td id="tmeter5"></td>
2884 </tr>
2885 </table>
2886 </div>
2887 <div class="clear"></div>
2888 </div>
2889 <div class="tabs-3" id="stabs-3" style="height:auto;">
2890 <div class="sensor">
2891 <table style="width:100%">
2892 <tr style="display:none;" id="ibmeterHead">
2893 <td>{I_BATTERY}</td>
2894 </tr>
2895 <tr>
2896 <td>
2897 <div id="bmeter" style="display:none;"></div>
2898 </td>
2899 </tr>
2900 <tr>
2901 <td style="padding-top:5px; display:none;">{E_BATTERY}</td>
2902 </tr>
2903 <tr>
2904 <td>
2905 <div id="ebmeter" style="display:none;"></div>
2906 </td>
2907 </tr>
2908 </table>
2909 </div>
2910 <div class="clear"></div>
2911 </div>
2912 <div class="tabs-4" id="stabs-4" style="height:auto;">
2913 <div class="sensor">
2914 <table style="width:100%">
2915 <tr style="display:none;" id="rpmMeterHead">
2916 <td colspan="2">{DBG_RPM}</td>
2917 </tr>
2918 <tr>
2919 <td colspan="2">
2920 <div id="rpmGauge2" style="display:none;" class=""></div>
2921 </td>
2922 </tr>
2923 <tr style="width:195px; display: none;" id="rpmValue2_row">
2924 <td class="txtalign_r" style="width:35%">
2925 <div id="rpmValue2" class="rpm-txt"></div>
2926 </td>
2927 <td style="width:50%">
2928 <div class="rpm-txt"> {RPM}</div>
2929 </td>
2930 </tr>
2931 </table>
2932 </div>
2933 <div class="clear"></div>
2934 </div>
2935 </div>
2936</div>
2937<!--Password Window-->
2938<div class="filterWinWrapper draggable" id="commandWinWrapper">
2939 <div class="filterHeaderWrap" id="commandHeaderWrap">
2940 <div class="filterHeader f18">{PASSWORD}</div>
2941 <div class="filterClose" onclick="document.getElementById('commandWinWrapper').style.display = 'none';"></div>
2942 <div class="clear"></div>
2943 </div>
2944 <div class="filterInfoHolder">
2945 <table>
2946 <tr>
2947 <td class="f15">{ENTER_PASS_TXT}</td>
2948 </tr>
2949 <tr>
2950 <td style="padding-top: 5px">
2951 <input type="password" class="form-control" id="repass" name="repass" style="width: 200px;"/></td>
2952 </tr>
2953 <tr>
2954 <td style="padding-top: 10px" class="fo11"><label style="font-weight:normal;color:#ffffff"><input type="checkbox" name="5minRemember" id="5minRemember"/> {REMEMBER_ME_TXT}</label>
2955 </td>
2956 </tr>
2957 </table>
2958 </div>
2959 <div class="filterFooter">
2960 <div class="btn btn-success pull-right" style="line-height:1;" onclick="Controls.submitPassword();">{OK_}</div>
2961 </div>
2962</div>
2963<!--POI Window-->
2964<div class="pbWrap draggable" id="POI_Window" style="display: none">
2965 <form id="pw_poiDetailsForm">
2966 <div class="pbHeader" id="pw_header"> {PLC_EDIT}
2967 </div>
2968 <div class="innerWrap">
2969 <div class="infoSection">
2970 <table cellspacing="5">
2971 <tr>
2972 <td class="cwhite">{LATITUDE}</td>
2973 <td>
2974 <input type="text" style="width: 90px;" class="form-control" name="latitude"
2975 id="pw_latitude"/></td>
2976 <td class="cwhite">{RADIUS}</td>
2977 <td style="width:100px">
2978 <input type="text" style="width: 40px;display:inline-block;" class="form-control" value="100"
2979 name="radius" id="pw_radius"/>
2980 <span class="cwhite" id="pw_metricUnit"></span>
2981 </td>
2982 </tr>
2983 <tr>
2984 <td class="cwhite">{LONGITUDE}</td>
2985 <td>
2986 <input type="text" style="width: 90px;" class="form-control" name="longitude"
2987 id="pw_longitude"/></td>
2988 <td class="cwhite">{COLOR}</td>
2989 <td>
2990 <input type="text" class="form-control" style="width: 55px; cursor: pointer;"
2991 id="pw_colorPickerStarter" name="color"/></td>
2992 </tr>
2993 <tr>
2994 <td class="cwhite">{TYPE}</td>
2995 <td colspan="3">
2996 <select class="form-control" style="line-height: 15px;" name="icontype"
2997 id="pw_icontype">
2998
2999 </select>
3000 </td>
3001 </tr>
3002 <tr>
3003 <td class="cwhite">{KEYWORDS}</td>
3004 <td colspan="3">
3005 <input type="text" name="keywords" class="form-control" style="width: 185px;"/>
3006 </td>
3007 </tr>
3008 </table>
3009 <div class="nameWrap">
3010 <div class="textHeader" style="color: white">{SHORT_NAME}</div>
3011 <input type="text" class="form-control" name="shortName"/>
3012
3013 <div class="textHeader" style="color: white">{DESC}</div>
3014 <textarea class="form-control" name="description" id="pw_description"></textarea></div>
3015 </div>
3016 <div class="buttonsSection">
3017 <div class="firstRow">
3018 <div class="btn btn-primary" id="pw_getAddressButton">{GET_ADDRESS}</div>
3019 </div>
3020 <div class="secondRow">
3021 <div id="pw_metricSelection"></div>
3022 <div class="buttonWrap">
3023 <div class="btn btn-danger" id="pw_cancelButton">{CANCEL}</div>
3024 <div class="btn btn-success" id="pw_saveButton">{SAVE}</div>
3025 </div>
3026 </div>
3027 </div>
3028 </div>
3029 </form>
3030</div>
3031<div id="pw_colorPickerWindow">
3032 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAvxJREFUeNp0lN9rW2Ucxj/vSU6S0yTtkjT9oa1r02lpddRZ3FRQBk4oikwp7qLuQsaYjMlQr2Qg3vgviCgOq+KFTqRu6oW/2KBR2jGWsh/adFtYOtulOUmaxi05Jznn640tzajP3cvL++F53vf5vkpEvgIG2UJSnEdqFjheaH8AzQht7K3kTTri7evLeS/wLBC7F+Jmp3Bz18AycIoWmi+O9szL0BLCNAsspBewajV6e3sAepSIpICRDRd2Afevd8HtAmMnEMat2ugLaZw1h1T/KKemkwRFMItFXj9ymOGHh+e8TVHsHM6f42i+XaiOMaRWRUoV9HCUy+F+ziwuUvr+B5Kzs5j5FXRd5/jxNwBoBq2cQLlJ8CZw0m+D6aGRC6FSeVozGmejj4DXxaegXF5lcvJTBgYS/x0WSYmIiJsVue0XuYk4l5FGUok91SbWm7qsdCPON19LMX1LRgaHBL8uE4dek01KaetuGo1pbL+FREDrAc8Ohd5Xwfmnjv7+l2jjr2BcucHRp8eIWXW6VaDpcTai3bGymBUI+NvQPQrNWKUSg8g7n7Ctc4KZD6f45cI57OllDjHCcy07twbV5T5yVfDV27DcOtnyXUa2nyTUc5CPPvuZm5fOc/WnJcJLNv3sxtViW4MM31OYNR8eT53MWoXdfR/zYPQgH5w6zcyVC1ycydLq7Wbv3sco/rHMttGhJtDGHQX9AwQC+0nllglHxrjfeJ6pb88wf/5Xzs3lWOzcQ+LFA8ytCZXH2xne/1ATqKmQVafAe2efYMB4FSvZx3e/f84tXxfpzhfojQ7izl5EbtucPnmA0V3xzZy55mYL/F3K8NYXx/jtx2sU3FaIDEHoUbhRJKQFmTzxEuP7hu+dqOZmLy0vkblksqe2j3y/l0xJyJfLNHKzbA9GmXgyQBdXuX5dJ5HYgVKqKZq5PrR23cYsmNwp3qVWKmOu5qgqwY9LvM1PONaJMiJ0xOO0tBibPRTU/34jtgO2DcoB1QCfjniDKLbU/L8DALwGW/0xW1RZAAAAAElFTkSuQmCC" style="position: absolute; top: 2px;"/>
3033 <div id="pw_colorPicHeading">
3034 {COLPIC}
3035 </div>
3036 <div id="pw_colorPickWrap"></div>
3037</div>
3038<!--Odometer Tuning Window-->
3039<div class="filterWinWrapper draggable" id="odoTuningWinWrapper" style="width: 430px;z-index:1055">
3040 <div class="filterHeaderWrap" id="odoTuningHeaderWrap">
3041 <div class="filterHeader f18">{ODO_TUNING}</div>
3042 <div class="filterClose" onclick="document.getElementById('odoTuningWinWrapper').style.display = 'none';"></div>
3043 <div class="clear"></div>
3044 </div>
3045 <div style="padding:5px;">
3046 <form id="odoTunerForm">
3047 <table>
3048 <tr>
3049 <td class="fo11 cwhite" colspan="3">{ODO_NEW_VALUE}</td>
3050 </tr>
3051 <tr>
3052 <td>
3053 <input type="text" class="form-control" id="odo" name="odo" style="width:200px;"/>
3054 </td>
3055 <td>
3056 </td>
3057 <td class="text_align_right">
3058 <div class="btn btn-primary" id="addOdoValueBtn">{ADD}
3059 </div>
3060 </td>
3061 </tr>
3062 <tr>
3063 <td colspan="3" class="cwhite">
3064 <table style="margin:10px 0;">
3065 <tr>
3066 <td>{DATE}</td>
3067 <td>
3068 <input type="text" class="form-control datepick" style="width: 110px;" name="odoDate" id="odoDate"/></td>
3069 <td>
3070 <?xml version="1.0" encoding="utf-8"?>
3071 <svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="20px" width="20px"
3072 x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
3073<g >
3074 <path fill="#FFFFFF" d="M12.6,1.1c0.4,0,0.9,0,1.3,0c0.3,0,0.7,0.1,1,0.1c2.4,0.3,4.6,1.3,6.4,3
3075 c3.2,3,4.4,6.7,3.7,11c-0.5,3.2-2.2,5.7-4.7,7.6c-1.8,1.3-3.8,2.1-6,2.3c-1.8,0.2-3.6-0.1-5.3-0.7c-1.9-0.7-3.5-1.9-4.9-3.4
3076 c-1.5-1.8-2.5-3.8-2.8-6.1c-0.1-0.4-0.1-0.7-0.1-1.1c0-0.4,0-0.9,0-1.3c0-0.1,0-0.1,0-0.2c0.1-0.5,0.1-0.9,0.2-1.4
3077 c0.6-3.1,2.2-5.6,4.8-7.5c1.6-1.2,3.4-1.9,5.4-2.2C12,1.2,12.3,1.1,12.6,1.1z M13.3,23.1c5.5,0,10-4.5,10-10c0-5.5-4.5-10-9.9-10
3078 C7.8,3,3.4,7.5,3.3,13C3.2,18.5,7.7,23.1,13.3,23.1z"/>
3079 <path fill="#FFFFFF" d="M19.5,17.8c-0.4,0.4-0.7,0.8-1.1,1.2c-0.3-0.3-0.6-0.6-1-0.9C16.3,17.1,15.2,16,14,15
3080 c-0.1-0.1-0.2-0.1-0.3-0.1c-0.6,0.1-1.1,0-1.5-0.4c-0.1-0.1-0.2-0.1-0.3-0.1c-1,0.3-2,0.7-3,1c0,0-0.1,0-0.1,0
3081 c-0.2-0.6-0.4-1.1-0.6-1.7c1.1-0.4,2.2-0.7,3.4-1.1c-0.5-0.4-0.9-0.9-1.4-1.3c0.4-0.4,0.7-0.8,1.1-1.2c0.4,0.4,0.8,0.7,1.2,1.1
3082 c0.1,0.1,0.2,0.1,0.3,0.1c0.6-0.2,1.1-0.1,1.6,0.2c0.1,0.1,0.2,0.1,0.3,0c0.3-0.1,0.6-0.2,1-0.3c0.2,0.6,0.4,1.1,0.6,1.7
3083 c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.3,0.3-0.1,0.5c1.3,1.2,2.7,2.4,4,3.6C19.3,17.6,19.4,17.7,19.5,17.8z"/>
3084 <path fill="#FFFFFF" d="M13,3.2c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,4.6,13,3.9,13,3.2z"/>
3085 <path fill="#FFFFFF" d="M13,20.9c0.2,0,0.3,0,0.5,0c0,0.7,0,1.3,0,2c-0.2,0-0.3,0-0.5,0C13,22.3,13,21.6,13,20.9z"
3086 />
3087 <path fill="#FFFFFF" d="M17,20.1c0.2-0.1,0.3-0.2,0.5-0.3c0.3,0.6,0.6,1.1,1,1.7c-0.2,0.1-0.3,0.2-0.5,0.3
3088 C17.7,21.2,17.3,20.6,17,20.1z"/>
3089 <path fill="#FFFFFF" d="M8.6,21.8c-0.2-0.1-0.3-0.2-0.5-0.3c0.3-0.6,0.7-1.1,1-1.7c0.2,0.1,0.3,0.2,0.5,0.3
3090 C9.3,20.6,8.9,21.2,8.6,21.8z"/>
3091 <path fill="#FFFFFF" d="M9.6,6.1C9.4,6.2,9.3,6.3,9.1,6.4c-0.3-0.6-0.6-1.1-1-1.7c0.2-0.1,0.3-0.2,0.5-0.3
3092 C8.9,5,9.3,5.5,9.6,6.1z"/>
3093 <path fill="#FFFFFF" d="M18,4.4c0.2,0.1,0.3,0.2,0.5,0.3c-0.3,0.6-0.6,1.1-1,1.7c-0.2-0.1-0.3-0.2-0.5-0.3
3094 C17.3,5.5,17.7,5,18,4.4z"/>
3095 <path fill="#FFFFFF" d="M20.4,9.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5
3096 C21.5,8.7,21,9,20.4,9.3z"/>
3097 <path fill="#FFFFFF" d="M4.6,8.4c0.1-0.2,0.2-0.3,0.3-0.5c0.5,0.3,1,0.6,1.6,0.9C6.4,9,6.3,9.1,6.2,9.3
3098 C5.6,9,5.1,8.7,4.6,8.4z"/>
3099 <path fill="#FFFFFF" d="M4.9,18.3c-0.1-0.2-0.2-0.3-0.3-0.5c0.5-0.3,1-0.6,1.6-0.9c0.1,0.2,0.2,0.3,0.3,0.5
3100 C5.9,17.7,5.4,18,4.9,18.3z"/>
3101 <path fill="#FFFFFF" d="M22,17.8c-0.1,0.2-0.2,0.3-0.3,0.5c-0.5-0.3-1-0.6-1.6-0.9c0.1-0.2,0.2-0.3,0.3-0.5
3102 C20.9,17.2,21.5,17.5,22,17.8z"/>
3103 <path fill="#FFFFFF" d="M21.5,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5
3104 C22.6,13.3,22,13.3,21.5,13.3z"/>
3105 <path fill="#FFFFFF" d="M3.4,13.3c0-0.2,0-0.3,0-0.5c0.6,0,1.1,0,1.7,0c0,0.2,0,0.3,0,0.5C4.6,13.3,4,13.3,3.4,13.3
3106 z"/>
3107</g>
3108</svg>
3109
3110 </td>
3111 <td>
3112 <!--<div id="odoHrsNUD" style="white-space: normal; width: 40px;"></div>-->
3113 <div class="form-group form-inline">
3114 <div class="input-group odoTime_hour pull-left" style="width: 60px">
3115 <input type="text" class="form-control" value="23" id="odohour" name="odohour" style="z-index: 1">
3116 <div class="input-group-btn-vertical">
3117 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
3118 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
3119 </div>
3120 </div>
3121 </div>
3122 </td>
3123 <td>
3124 <!--<div id="odoMinsNUD" style="white-space: normal; width: 40px;"></div>-->
3125 <div class="form-group form-inline">
3126 <div class="input-group odoTime_min pull-left marginLeft5" style="width: 60px;">
3127 <input type="text" class="form-control" value="59" id="odomin" name="odomin" style="z-index: 1">
3128 <div class="input-group-btn-vertical">
3129 <div class="btn btn-default"><i class="fa fa-caret-up"></i></div>
3130 <div class="btn btn-default"><i class="fa fa-caret-down"></i></div>
3131 </div>
3132 </div>
3133 </div>
3134 </td>
3135 </tr>
3136 </table>
3137 </td>
3138 </tr>
3139 <tr>
3140 <td class="fo11" colspan="3">
3141 <div id="odoTuningGrid" style="height: 250px; width: 100%;background-color: #fff;">
3142 <table class="table" id="odoTuningTable" style="width:100%;">
3143 <thead>
3144 <tr>
3145 <th>{DATE}</th>
3146 <th>{ODOMETER}</th>
3147 </tr>
3148 </thead>
3149 <tbody>
3150 </tbody>
3151 <tfoot>
3152 <tr style="display: none">
3153 <th>{DATE}</th>
3154 <th>{ODOMETER}</th>
3155 </tr>
3156 </tfoot>
3157 </table>
3158 </div>
3159 </td>
3160 </tr>
3161 </table>
3162 </form>
3163 </div>
3164
3165 <div class="filterFooter">
3166 <div id="odoMetric" style="display:inline-block"></div>
3167 <!--<button id="" class="button f13" style="padding:3px 20px; background-color:#b40000;" type="button" onclick="document.getElementById('filterWinWrapper').style.display = 'none';">{CLOSE}</button>-->
3168 <div class="pull-right" style="display:inline-block;">
3169 <div class="btn btn-success" onclick="document.getElementById('odoTuningWinWrapper').style.display = 'none';">{DONE}</div>
3170 <div class="btn btn-danger" onclick="odometerTuner.removeValue();">{REMOVE}</div>
3171 </div>
3172 <div class="clearfix"></div>
3173 </div>
3174</div>
3175<!-- Expired Reminder Modal -->
3176<div class="modal fade" id="expiredRemindersModal" role="dialog">
3177 <div class="modal-dialog modal-lg">
3178 <!-- Modal content-->
3179 <div class="modal-content">
3180 <div class="modal-header">
3181 <button type="button" class="close" data-dismiss="modal">×</button>
3182 <h4 class="modal-title">{EXPIRED} {REMINDERS}</h4>
3183 </div>
3184 <div class="modal-body">
3185 <div>
3186 <table class="table table-bordered" id="expiredRemindersTable" style="width:100%;background-color: transparent;">
3187 <thead>
3188 <tr>
3189 <th>{SDATE}</th>
3190 <th>{BASED_ON}</th>
3191 <th>{EDATE}</th>
3192 <th>{DISTANCE}</th>
3193 <th>{ENGINE_HOURS}</th>
3194 <th>{REMINDER_DATE}</th>
3195 <th>{REMARKS}</th>
3196 </tr>
3197 </thead>
3198 <tbody>
3199 </tbody>
3200 <tfoot>
3201 <tr>
3202 <th>{SDATE}</th>
3203 <th>{BASED_ON}</th>
3204 <th>{EDATE}</th>
3205 <th>{DISTANCE}</th>
3206 <th>{ENGINE_HOURS}</th>
3207 <th>{REMINDER_DATE}</th>
3208 <th>{REMARKS}</th>
3209 </tr>
3210 </tfoot>
3211 </table>
3212 </div>
3213 </div>
3214 <div class="modal-footer">
3215 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
3216 </div>
3217 </div>
3218 </div>
3219</div>
3220<!--Reminder Information Modal -->
3221<div class="modal fade" id="reminderExtra" role="dialog">
3222 <div class="modal-dialog modal-lg">
3223 <!-- Modal content-->
3224 <div class="modal-content">
3225 <div class="modal-header">
3226 <button type="button" class="close" data-dismiss="modal">×</button>
3227 <h4 class="modal-title">{REMINDERS}</h4>
3228 </div>
3229 <div class="modal-body">
3230 <ul class="nav nav-tabs">
3231 <li class="active"><a style="color: black" data-toggle="tab" href="#distanceRem">{DISTANCE}</a></li>
3232 <li><a style="color: black" data-toggle="tab" href="#periodRem">{DATE}</a></li>
3233 <li><a style="color: black" data-toggle="tab" href="#engineRem">{ENGINE_HOURS}</a></li>
3234 </ul>
3235 <div class="tab-content">
3236 <div id="distanceRem" class="tab-pane fade in active" style="margin-top:10px">
3237 <table class="table table-bordered" id="distanceRemT" style="width:100%;background-color: transparent;">
3238 <thead>
3239 <tr>
3240 <th>{SDATE}</th>
3241 <th>{DISTANCE} ({KILOMETERS_DU})</th>
3242 <th>{DISTANCE} {COVERED} ({KILOMETERS_DU})</th>
3243 <th>{REMARKS}</th>
3244 </tr>
3245 </thead>
3246 <tbody>
3247 </tbody>
3248 <tfoot>
3249 <tr>
3250 <th>{SDATE}</th>
3251 <th>{DISTANCE}</th>
3252 <th>{DISTANCE} {COVERED}</th>
3253 <th>{REMARKS}</th>
3254 </tr>
3255 </tfoot>
3256 </table>
3257 </div>
3258 <div id="periodRem" class="tab-pane fade" style="margin-top:10px">
3259 <table class="table table-bordered" id="periodRemT" style="width:100%;background-color: transparent;">
3260 <thead>
3261 <tr>
3262 <th>{SDATE}</th>
3263 <th>{EDATE}</th>
3264 <th>{CURRENT} {DATE}</th>
3265 <th>{REMINDER_DATE}</th>
3266 <th>{REMARKS}</th>
3267 </tr>
3268 </thead>
3269 <tbody>
3270 </tbody>
3271 <tfoot>
3272 <tr>
3273 <th>{SDATE}</th>
3274 <th>{EDATE}</th>
3275 <th>{CURRENT} {DATE}</th>
3276 <th>{REMINDER_DATE}</th>
3277 <th>{REMARKS}</th>
3278 </tr>
3279 </tfoot>
3280 </table>
3281 </div>
3282 <div id="engineRem" class="tab-pane fade" style="margin-top:10px">
3283 <table class="table table-bordered" id="engineRemT" style="width:100%;background-color: transparent;">
3284 <thead>
3285 <tr>
3286 <th>{SDATE}</th>
3287 <th>{ENGINE_HOURS}</th>
3288 <th>{CURRENT} {ENGINE_HOURS}</th>
3289 <th>{INPUT}</th>
3290 <th>{REMARKS}</th>
3291 </tr>
3292 </thead>
3293 <tbody>
3294 </tbody>
3295 <tfoot>
3296 <tr>
3297 <th>{SDATE}</th>
3298 <th>{ENGINE_HOURS}</th>
3299 <th>{CURRENT} {ENGINE_HOURS}</th>
3300 <th>{INPUT}</th>
3301 <th>{REMARKS}</th>
3302 </tr>
3303 </tfoot>
3304 </table>
3305 </div>
3306 </div>
3307 </div>
3308 <div class="modal-footer">
3309 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
3310 </div>
3311 </div>
3312 </div>
3313</div>
3314<!--TRACKER Modal AND GROUP Type-->
3315<div class="modal fade" id="createGroupType" role="dialog">
3316 <div class="modal-dialog">
3317 <!-- Modal content-->
3318 <div class="modal-content">
3319 <div class="modal-header">
3320 <button type="button" class="close" data-dismiss="modal">×</button>
3321 <h4 class="modal-title">{GROUP}</h4>
3322 </div>
3323 <div class="modal-body clearfix">
3324 <div class="col-sm-6 padl0">
3325 <!--<label class="radio-inline"><input type="radio" name="optradio" onchange="toggleCreateSelectGroup(true)" checked>{SELECT} {GROUP}</label>
3326 <label class="radio-inline"><input type="radio" name="optradio" onchange="toggleCreateSelectGroup(false)">{CREATE} {GROUP}</label>
3327 <hr style="margin:10px 0;">-->
3328 <div>
3329 <!--<label for="selectGroup">{SELECT} {GROUP}</label><div class="pull-right"><input type="text" id="searchTrackerGroup" class="form-control input-xs" placeholder="{SEARCH} {GROUP}" onkeyup="searchTrackerGroup(this)"></div>
3330 <select id="selectGroup" class="form-control" multiple style="height:385px;">
3331
3332 </select>-->
3333 <table class="table" id="groupTable" style="width:100%;background-color: transparent;">
3334 <thead>
3335 <tr>
3336 <th>{GROUP}</th>
3337 </tr>
3338 </thead>
3339 <tbody>
3340 </tbody>
3341 <tfoot>
3342 <tr>
3343 <th>{GROUP}</th>
3344 </tr>
3345 </tfoot>
3346 </table>
3347 </div>
3348 </div>
3349 <div class="col-sm-6" style="padding:0;">
3350 <table class="table" id="groupAssignedTrackers" style="width:100%;background-color: transparent;">
3351 <thead>
3352 <tr>
3353 <th>{ASSIGNED} {TRACKERS}</th>
3354 </tr>
3355 </thead>
3356 <tbody>
3357 </tbody>
3358 <tfoot>
3359 <tr>
3360 <th>{ASSIGNED} {TRACKERS}</th>
3361 </tr>
3362 </tfoot>
3363 </table>
3364 </div>
3365 <div class="clearfix"></div>
3366 <hr style="margin-top: 10px;margin-bottom: 10px"/>
3367 <div class="col-sm-6 padl0">
3368 <div class="form-inline">
3369 <input type="text" placeholder="{NEW} {GROUP}" id="groupType" class="form-control"/>
3370 <button type="button" class="btn btn-success" onclick="createGroupType(this)">{SAVE}</button>
3371 </div>
3372 </div>
3373 <div class="col-sm-6 padr0">
3374 <div class="btn btn-danger" onclick="removeGroup()">{REMOVE} {GROUPS}</div>
3375 <div class="btn btn-danger" onclick="removeTrackerFromGroup()">{REMOVE} {TRACKERS}</div>
3376 </div>
3377 </div>
3378 <div class="modal-footer">
3379 <button type="button" class="btn btn-primary pull-left" onclick="openTrackersForGroups()">{ASSIGN} {TRACKERS}</button>
3380 <!--<button type="button" class="btn btn-success" onclick="createGroupType(this)" style="display:none;">{SAVE}</button>-->
3381 <button type="button" class="btn btn-danger" data-dismiss="modal" onclick="$('#selectGroup option:selected').removeAttr('selected');$('#groupType').val('');$('#searchTrackerGroup').val('').keyup();">{CANCEL}</button>
3382 </div>
3383 </div>
3384 </div>
3385</div>
3386<div class="modal fade" id="trackerForReminderModal" role="dialog">
3387 <div class="modal-dialog">
3388 <!-- Modal content-->
3389 <div class="modal-content">
3390 <div class="modal-header">
3391 <button type="button" class="close" data-dismiss="modal">×</button>
3392 <h4 class="modal-title">{TRACKERS}</h4>
3393 </div>
3394 <div class="modal-body">
3395 <table class="table table-bordered" id="trackerForReminder" style="width:100%;background-color: transparent;">
3396 <thead>
3397 <tr>
3398 <th>{TRACKER_ID}</th>
3399 <th>{TRACKER_NAME}</th>
3400 </tr>
3401 </thead>
3402 <tbody>
3403 </tbody>
3404 <tfoot>
3405 <tr>
3406 <th>{TRACKER_ID}</th>
3407 <th>{TRACKER_NAME}</th>
3408 </tr>
3409 </tfoot>
3410 </table>
3411 </div>
3412 <div class="modal-footer">
3413 <div class="checkbox pull-left checkbox-success" style="margin:5px 0;">
3414 <input type="checkbox" id="checkAllTrackerForReminder"/>
3415 <label for="checkAllTrackerForReminder">{ENTIRE_FLEET}</label>
3416 </div>
3417 <!--<div style="display:none;" class="pull-left form-inline">
3418 <button type="button" class="btn btn-primary" data-target="#createGroupType" data-toggle="modal">{GROUP}</button>
3419 </div>-->
3420 <button type="button" class="btn btn-success" id="saveTrackerGroupAssign">{SAVE}</button>
3421 <button type="button" class="btn btn-primary" id="doneTrackerForRem" data-dismiss="modal">{DONE}</button>
3422 <button type="button" class="btn btn-danger" data-dismiss="modal" onclick="$('#unselectRemTrackers').click()">{CANCEL}</button>
3423 </div>
3424 </div>
3425 </div>
3426</div>
3427
3428<!--TRACKER Modal AND GROUP Type-->
3429<!--Photo upload modal-->
3430<div class="modal fade" id="imageUploadModal" role="dialog">
3431 <div class="modal-dialog">
3432 <!-- Modal content-->
3433 <div class="modal-content">
3434 <div class="modal-header">
3435 <button type="button" class="close" data-dismiss="modal">×</button>
3436 <h4 class="modal-title">{UPLOAD_PICTURE}</h4>
3437 </div>
3438 <div class="modal-body">
3439 <div id="FormContainer">
3440 <div class="col-sm-4">
3441 <form name="multiform" class="trackerGalleryForm" method="POST" enctype="multipart/form-data">
3442 <div class="form-group">
3443 <input type='file' accept="image/x-png, image/gif, image/jpeg" class="form-control" name="trackerGallery" style="display: none" onchange="changeImg(this, document.getElementById('image1'))"/>
3444 <img src="{IMAGEPATH}/default_profile.gif" onclick="$(this).prev().click()" height="94px" width="142px" id="image1">
3445 </div>
3446 <div class="form-group">
3447 <textarea class="form-control" name="imageDescription" placeholder="Description" required="required"></textarea>
3448 </div>
3449 </form>
3450 </div>
3451 </div>
3452 <div class="clearfix"></div>
3453 </div>
3454 <div class="modal-footer">
3455 <div class="btn btn-success pull-left" onclick="addForm($('#FormContainer'))" title="{ADD} {MORE}"><i class="fa fa-plus"></i></div>
3456 <button type="button" class="btn btn-danger" data-dismiss="modal">{CLOSE}</button>
3457 <button type="submit" class="btn btn-success" id="savekarle" onclick="uploadtrackerGallery()">{SAVE}</button>
3458 </div>
3459 </div>
3460 </div>
3461</div>
3462<!--Folder creation modal-->
3463<div class="modal fade" id="createFolderModal" role="dialog">
3464 <div class="modal-dialog" style="max-width: 350px">
3465 <!-- Modal content-->
3466 <div class="modal-content">
3467 <div class="modal-body" style="padding: 25px">
3468 <button type="button" class="close" data-dismiss="modal">×</button>
3469 <h4 class="modal-title" style="margin-bottom: 16px">{NEW} {FOLDER}</h4>
3470 <form name="" class="" method="POST">
3471 <div class="form-group">
3472 <input type="text" class="form-control" id="folder_name" name="folder" required/>
3473 </div>
3474 <div class="pull-right">
3475 <button type="button" class="btn btn-danger" data-dismiss="modal">{CANCEL}</button>
3476 <button type="button" class="btn btn-primary" onclick="uploadFolders()">{CREATE}</button>
3477 </div>
3478 </form>
3479 <div class="clearfix"></div>
3480 </div>
3481 </div>
3482 </div>
3483</div>
3484<div id="options_button" style="display: block">
3485 <div class="spin-icon" style="">
3486 <i class="fa fa-cogs fa-spin fa-1x"></i>
3487 </div>
3488 <div class="abc">
3489 <div class="form-group">
3490 <button type="button" class="btn btn-primary fullWidth" id="assignTrackerToGroup">
3491 <svg fill="#FFFFFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="addAccountBg">
3492 <path d="M0 0h24v24H0z" fill="none"/>
3493 <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM8 17.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zM9.5 8c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8zm6.5 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
3494 </svg>
3495 <div class="f16">{ASSIGN} {GROUP}</div>
3496 </button>
3497 </div>
3498 <div class="form-group">
3499 <button type="button" class="btn btn-primary fullWidth" id="edit" onclick="showTrackerMgmt(true);">
3500 <?xml version="1.0" encoding="utf-8"?>
3501 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3502 viewBox="0 0 26 26" enable-background="new 0 0 26 26" xml:space="preserve" class="addAccountBg">
3503<circle fill="#FFFFFF" cx="13.9" cy="13.4" r="11.5"/>
3504<g id="xov2zL.tif">
3505 <g>
3506 <path fill="#FFFFFF" d="M15.3,5.5c1.2,0,2.4,0,3.6,0c-0.3,0.3-0.6,0.7-1,1c1.2,0.7,2.2,1.7,2.9,2.9c0-0.1,0.1-0.1,0.1-0.2
3507 c0.3-0.3,0.6-0.6,0.8-0.8c0,1.2,0,2.4,0,3.6c-0.1,0-0.1,0.1-0.2,0.1c-0.6,0.6-1.2,1.3-1.9,1.9c-0.1,0.1-0.1,0.2-0.1,0.3
3508 c0,1.5,0,3.1,0,4.6c0,0.1,0,0.1,0,0.2c-3.8,0-7.7,0-11.5,0c0-3.8,0-7.6,0-11.5c0.1,0,0.1,0,0.2,0c1.4,0,2.8,0,4.2,0
3509 c0.4,0,0.7-0.1,1-0.4C14.1,6.7,14.7,6.1,15.3,5.5z M13.6,16.5C13.6,16.5,13.6,16.5,13.6,16.5c2.1-2.1,4.2-4.2,6.3-6.3
3510 c0.1-0.1,0.1-0.1,0-0.2c-0.6-1.2-1.5-2.1-2.7-2.7c-0.1-0.1-0.2-0.1-0.3,0c-2,2-4.1,4.1-6.1,6.1c0,0-0.1,0.1-0.1,0.1
3511 C11.9,14.4,12.9,15.4,13.6,16.5z M9.6,17.7c0.1,0,0.1,0,0.2,0c0.8,0,1.6,0,2.3,0c0.2,0,0.4-0.1,0.6-0.2c0.1-0.1,0.1-0.1,0-0.2
3512 c-0.6-1.2-1.5-2-2.6-2.6c-0.1,0-0.2-0.1-0.2,0c-0.1,0.1-0.3,0.2-0.3,0.4C9.5,15.8,9.6,16.8,9.6,17.7z"/>
3513 <path d="M15.3,5.5c-0.6,0.6-1.2,1.2-1.7,1.8c-0.3,0.3-0.6,0.4-1,0.4c-1.4,0-2.8,0-4.2,0c-0.1,0-0.1,0-0.2,0c0,3.8,0,7.6,0,11.5
3514 c3.8,0,7.6,0,11.5,0c0-0.1,0-0.1,0-0.2c0-1.5,0-3.1,0-4.6c0-0.1,0-0.2,0.1-0.3c0.6-0.6,1.2-1.3,1.9-1.9c0.1-0.1,0.1-0.1,0.2-0.1
3515 c0,2.7,0,5.4,0,8.1c0,0,0,0,0,0.1c-0.1,0.4-0.3,0.7-0.6,0.9c-0.2,0.1-0.4,0.2-0.6,0.3c-4.4,0-8.8,0-13.3,0c0,0,0,0-0.1,0
3516 c-0.6-0.1-1-0.5-1.2-1.1c0-0.1,0-0.1,0-0.2c0-4.4,0-8.8,0-13.3c0,0,0,0,0-0.1c0.1-0.6,0.4-0.9,1-1.1c0.1,0,0.2-0.1,0.3-0.1
3517 C9.9,5.5,12.6,5.5,15.3,5.5z"/>
3518 <path d="M21.8,8.4c-0.3,0.3-0.6,0.6-0.8,0.8c0,0-0.1,0.1-0.1,0.2c-0.8-1.2-1.7-2.2-2.9-2.9c0.3-0.3,0.7-0.7,1-1c0.1,0,0.2,0,0.2,0
3519 c0.2,0,0.4,0.1,0.6,0.1c1,0.2,1.7,0.8,1.9,1.8c0,0.2,0.1,0.5,0.1,0.7C21.8,8.2,21.8,8.3,21.8,8.4z"/>
3520 <path fill="#FFFFFF" d="M21.8,8.2c0-0.2-0.1-0.5-0.1-0.7c-0.2-1.1-0.9-1.6-1.9-1.8c-0.2,0-0.4-0.1-0.6-0.1c0.9,0,1.8,0,2.7,0
3521 C21.8,6.4,21.8,7.3,21.8,8.2z"/>
3522 <path fill="#FFFFFF" d="M6,20c0,0.1,0,0.1,0,0.2c0.2,0.6,0.6,1,1.2,1.1c0,0,0,0,0.1,0c-0.4,0-0.9,0-1.3,0C6,20.9,6,20.5,6,20z"/>
3523 <path fill="#FFFFFF" d="M20.5,21.3c0.2-0.1,0.4-0.1,0.6-0.3c0.3-0.2,0.5-0.5,0.6-0.9c0,0,0,0,0-0.1c0,0.4,0,0.9,0,1.3
3524 C21.3,21.3,20.9,21.3,20.5,21.3z"/>
3525 <path fill="#FFFFFF" d="M7.2,5.5C7.1,5.5,7,5.5,7,5.6C6.4,5.8,6.1,6.1,6,6.7c0,0,0,0,0,0.1c0-0.4,0-0.8,0-1.3
3526 C6.4,5.5,6.8,5.5,7.2,5.5z"/>
3527 <path d="M13.6,16.5c-0.7-1.2-1.7-2.1-2.9-2.9c0,0,0.1-0.1,0.1-0.1c2-2,4.1-4.1,6.1-6.1c0.1-0.1,0.2-0.1,0.3,0
3528 c1.2,0.6,2.1,1.5,2.7,2.7c0,0.1,0,0.1,0,0.2C17.8,12.4,15.7,14.4,13.6,16.5C13.6,16.5,13.6,16.5,13.6,16.5z"/>
3529 <path d="M9.6,17.7c0-0.9,0-1.9,0-2.8c0-0.1,0.2-0.3,0.3-0.4c0,0,0.2,0,0.2,0c1.2,0.6,2,1.5,2.6,2.6c0.1,0.1,0,0.2,0,0.2
3530 c-0.2,0.2-0.3,0.3-0.6,0.2c-0.8,0-1.6,0-2.3,0C9.7,17.7,9.6,17.7,9.6,17.7z"/>
3531 </g>
3532</g>
3533</svg>
3534 <div class="f16">{EDIT_TRACKER}</div>
3535 </button>
3536 </div>
3537 <div class="form-group">
3538 <button type="button" class="btn btn-primary fullWidth" onclick="gridSelectAll()">
3539 <?xml version="1.0" encoding="utf-8"?>
3540 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3541 viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" class="addAccountBg">
3542<circle fill="#FFFFFF" cx="14.5" cy="14.5" r="11.5"/>
3543<g>
3544 <path fill="#337ab7" d="M12.1,14c-0.6-0.6-1.2-1.3-1.9-2c0.3-0.3,0.6-0.6,1-0.9c0.3,0.3,0.6,0.6,1.1,1c0.6-0.7,1.3-1.4,1.9-2.2
3545 c0.4,0.4,0.7,0.8,1,1.1C14.1,12,13.1,13,12.1,14z"/>
3546</g>
3547<g>
3548 <path fill="#337ab7" d="M10.1,17.1c0.3-0.3,0.6-0.6,1-1c0.4,0.3,0.7,0.6,1.1,1c0.7-0.7,1.3-1.4,2-2.2c0.4,0.5,0.7,0.9,0.9,1.2
3549 c-0.9,0.9-2,1.9-3,3C11.5,18.5,10.8,17.8,10.1,17.1z"/>
3550</g>
3551<g>
3552 <path fill="#337ab7" d="M19,11.7c0,0.4,0,0.8,0,1.2c-1.1,0-2.2,0-3.3,0c0-0.4,0-0.7,0-1.2C16.7,11.7,17.8,11.7,19,11.7z"/>
3553</g>
3554<g>
3555 <path fill="#337ab7" d="M19,16.8c0,0.4,0,0.8,0,1.1c-1.1,0-2.2,0-3.3,0c0-0.4,0-0.7,0-1.1C16.7,16.8,17.8,16.8,19,16.8z"/>
3556</g>
3557<path fill="none" stroke="#337ab7" stroke-width="2" stroke-miterlimit="10" d="M19.9,21.8H9.4c-1.1,0-2-0.9-2-2V9.3
3558 c0-1.1,0.9-2,2-2h10.5c1.1,0,2,0.9,2,2v10.5C21.9,20.9,21,21.8,19.9,21.8z"/>
3559</svg>
3560 <div class="f16">{SELECT_ALL}</div>
3561 </button>
3562 </div>
3563 <div class="form-group">
3564 <button type="button" class="btn btn-primary fullWidth" onclick="unSelectAll()">
3565 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3566 viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" class="addAccountBg">
3567<circle fill="#FFFFFF" cx="14.5" cy="14.5" r="11.5"/>
3568<g>
3569 <path fill="#337ab7" d="M12.1,14c-0.6-0.6-1.2-1.3-1.9-2c0.3-0.3,0.6-0.6,1-0.9c0.3,0.3,0.6,0.6,1.1,1c0.6-0.7,1.3-1.4,1.9-2.2
3570 c0.4,0.4,0.7,0.8,1,1.1C14.1,12,13.1,13,12.1,14z"/>
3571</g>
3572<g>
3573 <path fill="#337ab7" d="M10.1,17.1c0.3-0.3,0.6-0.6,1-1c0.4,0.3,0.7,0.6,1.1,1c0.7-0.7,1.3-1.4,2-2.2c0.4,0.5,0.7,0.9,0.9,1.2
3574 c-0.9,0.9-2,1.9-3,3C11.5,18.5,10.8,17.8,10.1,17.1z"/>
3575</g>
3576<g>
3577 <path fill="#337ab7" d="M19,11.7c0,0.4,0,0.8,0,1.2c-1.1,0-2.2,0-3.3,0c0-0.4,0-0.7,0-1.2C16.7,11.7,17.8,11.7,19,11.7z"/>
3578</g>
3579<g>
3580 <path fill="#337ab7" d="M19,16.8c0,0.4,0,0.8,0,1.1c-1.1,0-2.2,0-3.3,0c0-0.4,0-0.7,0-1.1C16.7,16.8,17.8,16.8,19,16.8z"/>
3581</g>
3582<path fill="none" stroke="#337ab7" stroke-width="2" stroke-miterlimit="10" d="M19.9,21.8H9.4c-1.1,0-2-0.9-2-2V9.3
3583 c0-1.1,0.9-2,2-2h10.5c1.1,0,2,0.9,2,2v10.5C21.9,20.9,21,21.8,19.9,21.8z"/>
3584</svg>
3585 <div class="f16">{UNSELECT_ALL}</div>
3586 </button>
3587 </div>
3588 </div>
3589</div>
3590<div id="trackerSelectionCounter">
3591 <span id="close"><i class="fa fa-times"></i></span>
3592 <div style="display:table;margin-top:6px;">
3593 <div style="display:table-row">
3594 <div style="display:table-cell" class="padl10">
3595 <i class="fa fa-check fa-2x" style="color:green"></i>
3596 </div>
3597 <div style="display: table-cell;vertical-align: middle" class="padl10">{TOTAL_SELECTION}: </div>
3598 <div style="display: table-cell;vertical-align: middle" class="padl5" id="selectedTracker">0</div>
3599 </div>
3600 </div>
3601</div>
3602{##FOOTER_HTML}
3603<!--<script type="text/javascript" src="{JSPATH}/jquery.min.js"></script>-->
3604<script type="text/javascript" src="{JSPATH}/jquery-ui.js"></script>
3605<script type="text/javascript" src="{JSPATH}/bootstrap.min.js"></script>
3606<script type="text/javascript" src="{JSPATH}/dataTables.min.js"></script>
3607<script type="text/javascript" src="{JSPATH}/dataTables.bootstrap.js"></script>
3608<script>$g = window.$g; $s = window.$s;</script>
3609<script type="text/javascript" src="{PHPPATH}/getpage.php?mode={##ACCOUNTMODE}&fx=getJS&fn=languages"></script>
3610<script type="text/javascript" src="{JSPATH}/jquery.form.js"></script>
3611<script type="text/javascript" src="{JSPATH}/fnsv5-common.js"></script>
3612<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false{GOOGLE_CLIENTID}&language={##GOOGLELANGUAGE}&v=3.22&libraries=places"></script>
3613
3614<!--this is the change to use latest G Map API
3615<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?{GOOGLE_CLIENTID}&language={##GOOGLELANGUAGE}&v=3.31&libraries=places"></script>-->
3616<script type="text/javascript" src="{JSPATH}/typeahead.bundle.js"></script>
3617<script type="text/javascript" src="{JSPATH}/ColorPicker.js"></script>
3618<script type="text/javascript" src="{JSPATH}/google-initialize.js"></script>
3619<script type="text/javascript" src="{JSPATH}/mapOverlays-google.js"></script>
3620<script type="text/javascript" src="{JSPATH}/mapOverlays-common.js"></script>
3621<script type="text/javascript" src="{JSPATH}/maps-all.js"></script>
3622<script type="text/javascript" src="{JSPATH}/markerclusterer.min.js"></script>
3623<script type="text/javascript" src="{JSPATH}/mapView.js"></script>
3624<script src="{JSPATH}/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
3625<script type="text/javascript" src="{JSPATH}/critical-alerts.js"></script>
3626<script type="text/javascript" src="{JSPATH}/d3.v3.min.js"></script>
3627<script type="text/javascript" src="{JSPATH}/rmp-gauge.js"></script>
3628<script type="text/javascript" src="{JSPATH}/fleet/fleet_reports.js"></script>
3629<script src="{JSPATH}/bootstrap-image-gallery.min.js"></script>
3630
3631
3632<script>
3633
3634function eventFire(el, etype){
3635 console.log("inside event fire1");
3636 if (el.fireEvent) {
3637 el.fireEvent('on' + etype);
3638 } else {
3639 var evObj = document.createEvent('Events');
3640 evObj.initEvent(etype, true, false);
3641 el.dispatchEvent(evObj);
3642 }
3643}
3644
3645
3646
3647function gettidfromimei(imei1){
3648 var ajaxReq = new AsyncRequestDispatcher();
3649 ajaxReq.send({
3650 type: "GET",
3651 url: $g.PHPPATH + "/getpage.php?mode=" + $s.globals.ACCOUNTMODE + "&fx=getTrackerIDFromIMEI&imei1="+imei1,
3652 sCallback: reqSuccess,
3653 fCallback: reqError
3654 });
3655 function reqSuccess(data) {
3656 data = data.trim();
3657 console.log("data imei tid : ");
3658 console.log(data);
3659 if(data == "\r\n" || data == "FAIL") return;
3660 else{
3661 eventFire(document.getElementById('r'+data), 'click');
3662 }
3663 }
3664 function reqError() {
3665 console.log("error getting imei");
3666 }
3667}
3668
3669
3670
3671
3672
3673 $(document).ready(function(){
3674 $(".slider").mCustomScrollbar({mouseWheel:{scrollAmount:180}});
3675 $("#trackerManagWrapperModal .modal-body").css({"max-height":$(window).height()-250+"px"});
3676 $("#filtermodal .modal-body").css({"max-height":$(window).height()-200+"px"});
3677
3678 setTimeout(function () {
3679 var culoc1 = new URL(window.location.href);
3680 var culoc2 = culoc1.searchParams.get("imei1");
3681 console.log("inside event fire");
3682 console.log(culoc2);
3683 if(culoc2)
3684 gettidfromimei(culoc2);
3685 },1000);
3686
3687
3688 });
3689 $(window).resize(function(){
3690 $('.draggable').css("top","0px");
3691 $("#trackerManagWrapperModal .modal-body").css({"max-height":$(window).height()-250+"px"});
3692 $("#filtermodal .modal-body").css({"max-height":$(window).height()-200+"px"});
3693 });
3694</script>
3695<script>
3696 var format = sessionStorage.getItem("caltype");
3697 if(format=="gregorian")
3698 {
3699 $("#shdate").css("display","none");
3700 $("#ehdate").css("display","none");
3701
3702
3703 $("#sdate").datepicker("setDate", new Date());
3704 $("#edate").datepicker("setDate",new Date());
3705 }
3706 if(format=="hijri"){
3707
3708
3709 $("#sdate").css("display","none");
3710 $("#edate").css("display","none");
3711
3712 }
3713
3714 //Initialize globals
3715 {##ACCOUNT_GLOBALS}
3716 //var initData = {##LOGIN_INITIALIZE};
3717 var systemConfig = window.systemConfig;
3718 var mode = window.mode;
3719 var KMLDomain = window.KMLDomain;
3720 //var upref = window.upref;
3721 var upref = window.upref || systemConfig;
3722 var username = (window.upref && window.upref.username) || "admin";
3723 var refreshInterval = parseInt(window.systemConfig.refreshInterval) * 1000;
3724 var features = features;
3725 var fmeters = new Array(), tmeters = new Array(), ebmeter, ibmeter, ibmeterDisplay, rpmSensor, rpmGauge2, digitalInputs = new Array();
3726 var notification, rightPopWindow, pvalid, poiPermission = false, alertsPermission = false;
3727 var map, markerCluster, markerClusterOSM, isClusteringON = true, mapType, kmlLayer, alertButtonStatus = true, slowMode = false, fastArrow = true, pan = true;
3728 var reminderGrid,etaObj, selectedTrackerID = null, etaEnable = false;
3729 var alertsGrid;
3730 var eventGrid, eventsData, eventsGridDS, resyncEvents = false;
3731 var curEvGrid, showAlertsFlag = true, alertWinWrEl, curEvGridDSAllow = false, alertParabola, evWinTimer = null,metricSelect;
3732 var adminGrid, gshowFlag = 0, distributedRows = 100;
3733 var odosGrid, odoTuningWindow, mapObj,poiListLoaded=false;
3734 var mapperObj = {}, evMapperObj = {},poiData={};
3735 var eventsCount = 1; //Used as row ID for Grid
3736 var trackerGroupObject = new Object();
3737 var curID, prevID, snailTracker, hybridTracker = null, snailMode = false, trackerFences = {};
3738 var trackerCard, recentEvWindow, resizeWindow, resizeParentWindow, sm_metric,search_speed_metric, trackerUpdater, trd, eventsWindow;
3739 var markerLabelColor = ["#FFFFFF", "#FFFFFF", "#000000", "#FFFFFF", "#FFFFFF"];
3740 var lang = {"VT": "{VEH_TRACK}", "PT": "{PER_TRACK}", "AT": "{ASS_TRACK}", "OT": "{OFF_TRACK}"};
3741 var defaultMetrics = upref.metricSystem || systemConfig.metricSystem;
3742 var enableClusterMap=parseInt(JSON.parse(upref.settings).enableClustering);
3743 var poiList=[],poiMapper=[];/*,countImg=2*/;
3744 //var cssProperties = [], numericUDs = [];
3745 //alert(JSON.ify(upref));
3746 {##TRACKER_ICONS}
3747 {##EVENTS_LIST}
3748 var currencyInfo={##GET_CURRENCIES_LIST};
3749 function snailTrack() {
3750 // curID = getIDs();
3751 curID=CommonFunctions.getSelectedRowIds('mapTable').toString();
3752 if (prevID == curID) {
3753 return;
3754 }
3755 else prevID = curID;
3756
3757 $(window).trigger('tracker-selected', [curID]);
3758 /*var ev = document.createEvent("Event");
3759 ev.initEvent("clearBox", true, false);
3760 document.getElementById("ttab-1").dispatchEvent(ev);*/
3761
3762 //var enEv = document.createEvent("Event");
3763 //enEv.initEvent("enableNav", true, false);
3764 //document.getElementById("popWindow").dispatchEvent(enEv);
3765 CommonFunctions.emptyDataTable('eventsTable');//Clear all events from grid
3766 // eventsCount = 1; //Initialize eventCount to one
3767 //If snailTracker is present - Remove All markers from the map
3768 if (snailTracker) {
3769 var cellObj=$("#r"+snailTracker.row.tid).find(':checkbox').is(':checked');
3770 if (cellObj) {
3771 setGroupView(snailTracker.row.tid);
3772 hybridTracker = null;
3773 }
3774 snailTracker.removeAllOverlays();
3775 CommonFunctions.emptyDataTable('eventsTable');
3776 //eventGrid.clearAll();
3777 //eventsGridDS.clearAll();
3778 }
3779
3780 //Remove current marker from group view, if exists
3781 if (trackerGroupObject[curID]) {
3782 removeFromGroupView(curID);
3783 hybridTracker = curID;
3784 }
3785 //Go back if latitude & longitude info is not available
3786 if (!mapperObj[curID].hasOwnProperty('latitude') || !mapperObj[curID].hasOwnProperty('longitude')) {
3787 notification.animate();
3788 }
3789
3790 //Hide all sensors
3791 document.getElementById("ibatDisplay").style.display = "none";
3792 for (var i = 0; i <= 5; i++) {
3793 document.getElementById("fm" + i).style.display = "none";
3794 document.getElementById("tm" + i).style.display = "none";
3795 }
3796
3797 $("#digitalInput_label").css("display", "none");
3798 $(".digitalInput_css").css("display","none");
3799
3800 //remove all previous geofences if available
3801 Geofence.removeFences();
3802 //Create marker
3803 snailTracker = new MapsAll(map, mapperObj[curID], evMapperObj[curID], 0, false);
3804 zoomIn(17);
3805 if(mapperObj[curID].evSt){
3806 $('.tabSlider[data-src="contentbox3"]').attr('inactive-img-src','{IMAGEPATH}/reports.svg');
3807 $('.tabSlider[data-src="contentbox3"]').one('click',function(){
3808 $('.tabSlider[data-src="contentbox3"]').attr('inactive-img-src','{IMAGEPATH}/mapPanel/alerts.svg');
3809 mapperObj[curID].evSt=false;
3810 });
3811 }
3812 //plot geofences if required
3813 Geofence.checkNplot();
3814 //console.log(JSON.ify(mapperObj[curID]));
3815
3816 document.getElementById("ltpic").src = "{PHPPATH}/getpage.php?mode=" + $s.globals.ACCOUNTMODE + "&fx=getTrackerImage&tid=" + curID;
3817 snailMode = true;
3818 if (markerCluster) {
3819 markerCluster.redraw();
3820 }
3821 resetETA();
3822 var trackerLocationEl=document.getElementById('location1');
3823 /*if(curID && curID != rId && !trackersMapper[curID].isChecked) {
3824 unmarkTracker(selectedTrackerID);
3825 if(etaObj) etaObj.removeAllOverlays();
3826 }*/
3827 /*var tracker = mapperObj[curID];
3828 if(!tracker.markerObj) markTracker(curID, true, false);*/
3829 if($('.tabSliderActive').attr('data-src')=='contentbox6') {
3830 var pos = mapperObj[curID].etaPosition;
3831 if (pos) {
3832 mapUtils.createStoredDestinationMarker(pos.latitude, pos.longitude);
3833 getETA();
3834 }
3835 }
3836 mapUtils.getLocationAddress(trackerLocationEl, mapperObj[curID].latitude, mapperObj[curID].longitude);
3837 $(".tabSlider[data-src='contentbox1']").trigger('click');
3838 if(enable_poi_Searching_by_radius)
3839 {
3840 $("#searchByRadius").show();
3841 }
3842 else $("#searchByRadius").hide();
3843 }
3844
3845</script>
3846</body>
3847</html>