Subversion Repositories SmartDukaan

Rev

Rev 27239 | Rev 27455 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
27231 tejbeer 1
<!DOCTYPE html>
2
<html lang="en">
3
  <head>
4
    <meta charset="utf-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6
    <meta name="description" content="Smart Dukaan FOCO Dashboard">
7
    <meta name="author" content="smartdukaan">
8
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">--> 
9
	<link rel="shortcut icon" href="assets/images/icons/favicon.png">
10
 
11
    <title>Smart Dukaan - FOCO Dashboard</title>
12
 
13
    <!-- Bootstrap CSS -->    
14
    <!-- bootstrap theme -->
15
    <!--external css-->
16
    <!-- font icon -->
17
    <link href="resources/css/elegant-icons-style.css" rel="stylesheet" />
18
    <link href="resources/css/font-awesome.min.css" rel="stylesheet" />    
19
    <!-- full calendar css-->
20
    <!-- owl carousel -->
21
    <link rel="stylesheet" href="resources/css/owl.carousel.css" type="text/css">
22
	<link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
23
    <!-- Custom styles -->
24
	<link href="resources/css/widgets.css" rel="stylesheet">
25
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
26
    <link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
27
    <link href="resources/css/style-responsive.css" rel="stylesheet" />
28
	<link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
29
    <link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
30
	<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
31
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
32
	<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
33
 
34
	<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css" />
35
	<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
36
	<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
37
	<style type="text/css">
38
		.loading {
39
  			display: none;
40
		}
41
		.breadcrumb {
42
    		padding: 0 15px;
43
    	}
44
 
45
    	.stars-outer {
46
		  display: inline-block;
47
		  position: relative;
48
		  font-family: FontAwesome;
49
		}
50
 
51
		.stars-outer::before {
52
		  content: "\f006 \f006 \f006 \f006 \f006";
53
		}
54
 
55
		.stars-inner {
56
		  position: absolute;
57
		  top: 0;
58
		  left: 0;
59
		  white-space: nowrap;
60
		  overflow: hidden;
61
		  width: 0;
62
		}
63
 
64
		.stars-inner::before {
65
		  content: "\f005 \f005 \f005 \f005 \f005";
66
		  color: #f8ce0b;
67
		}
68
 
69
 
70
	.table-striped > tbody > tr:nth-child(odd) > td{
71
  		background: white;
72
  		background-color: #dae5f4;
73
	}
74
	.table-striped > tbody > tr:nth-child(even) > td{
75
  		background:  #f2f2f2;
76
  		background-color: #b8d1f3;
77
	}
78
 
79
	.btn:hover{
80
  		color: grey;
81
  		text-decoration: none;
82
	}
83
	.btn-primary:hover{
84
  		color: grey;
85
  		text-decoration: none;
86
	}
87
	.sale-details{
88
		cursor:pointer;
89
	}
90
 
91
	.popover {
92
		min-width:18%;
93
	}
94
	.fa-2x {
95
		font-size:1.4em;
96
	}
97
	.cover {
98
	  object-fit: cover;
99
	  width: 100%;
100
	  height: 90px;
101
	  padding: 8px;
102
	}
103
	.info-box .notifications i {
104
    display: inline-block;
105
    margin-top:0px;
106
    height: 25px;
107
    font-size: 16px;
108
    line-height: 25px;
109
    width: 25px;
110
    float: none;
111
    text-align: center;
112
    padding-right: 0px;
113
    color:#768399;
114
  }
115
 
116
	#preview {
117
	  position: relative;
118
	  color: #fff;
119
	  float: left;
120
	  width: 100%;
121
	  -webkit-border-radius: 10px;
122
	  -moz-border-radius: 10px;
123
	  border-radius: 10px;
124
	  clear: both;
125
	}
126
	#canvas-preview{
127
	  width: 100%;
128
	  position: relative;
129
	  top:-15px;
130
	}
131
	#preview-textfield{
132
	  position: absolute; top: -10px; left: 0; right: 0;
133
	  text-align: center; font-size: 2em; font-weight: bold;
134
	  color: white; font-family: 'Amaranth', sans-serif;
135
	}
136
 
137
	#descriptionMenu {
138
	 list-style: desc !important
139
	 list-style-type:square;
140
	 text-align:left;
141
	}
142
 
143
 
144
	</style>
145
  </head>
146
 
147
  <body style="zoom:90%;background-color:#f7f7f7">
148
  <!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
149
  <!-- container section start -->
150
  <section id="container">
151
 
152
 
153
      <header class="header dark-bg">
154
            <div class="toggle-nav">
155
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
156
            </div>
157
 
158
            <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
159
            <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
160
 
161
            <div class="top-nav notification-row">
162
                <!-- notificatoin dropdown start-->
163
                <ul class="nav pull-right top-menu">
164
	                <li class="dropdown">
165
	            		<a data-toggle="dropdown" class="dropdown-toggle" href="#">
166
	                        <img style="height:38px" src="/resources/images/icons/care1.jpg" />
167
	                        <span class="username" style="font-size:15px">CARE</span>
168
	                        <b class="caret"></b>
169
	                    </a>
170
	                    <ul class="dropdown-menu extended logout">
171
	                        <div class="log-arrow-up"></div>
172
	                        <li class="eborder-top">
27244 tejbeer 173
	                            <a class=" " href=" "><i></i>Create Ticket</a>
27231 tejbeer 174
	                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
175
	                        </li>
176
	                        <li></li>
177
	                    </ul>
178
	                </li>
179
 
180
                    <li class="dropdown" style="margin-top:3px;">
27239 tejbeer 181
                        <a href="javascript:void(0);"  id="" style="color:#D3181F" class="" data-toggle="popover">
27231 tejbeer 182
                            <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
183
                        </a>
184
                    </li> 
185
 
186
                    <li class="dropdown" style="margin-top:5px;">
187
                        <a href="javascript:void(0);"  class="download_reports btn btn-link" style="color:#D3181F">
188
                            <i title="reports" class="far fa-list-alt fa-2x"></i>
189
                        </a>
190
                    </li> 
191
 
192
 
193
                    <li id="wallet_bar" class="dropdown">
194
                        <a data-toggle="dropdown" class=" " href="javascript:void(0);">
195
                            <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
196
                        </a>
197
                    </li> 
198
 
199
                    <li id="cart_bar" class="dropdown">
200
                        <a  class="" href="javascript:void(0);">
201
                            <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
202
                            <span class="badge bg-important"></span>
203
                        </a>
204
                    </li>
205
 
206
 
207
                    <!-- alert notification start-->
208
                    <!--<li id="alert_notificatoin_bar" class="dropdown">
209
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
210
 
211
                            <i class="icon-bell-l"></i>
212
                            <span class="badge bg-important">0</span>
213
                        </a>
214
                        <ul class="dropdown-menu extended notification">
215
                            <div class="notify-arrow notify-arrow-blue"></div>
216
                            <li>
217
                                <p class="blue">You have no new notifications</p>
218
                            </li>
219
                            <li>
220
                                <a href="#">
221
                                    <span class="label label-primary"><i class="icon_profile"></i></span> 
222
                                    Friend Request
223
                                    <span class="small italic pull-right">5 mins</span>
224
                                </a>
225
                            </li>
226
                            <li>
227
                                <a href="#">
228
                                    <span class="label label-warning"><i class="icon_pin"></i></span>  
229
                                    John location.
230
                                    <span class="small italic pull-right">50 mins</span>
231
                                </a>
232
                            </li>
233
                            <li>
234
                                <a href="#">
235
                                    <span class="label label-danger"><i class="icon_book_alt"></i></span> 
236
                                    Project 3 Completed.
237
                                    <span class="small italic pull-right">1 hr</span>
238
                                </a>
239
                            </li>
240
                            <li>
241
                                <a href="#">
242
                                    <span class="label label-success"><i class="icon_like"></i></span> 
243
                                    Mick appreciated your work.
244
                                    <span class="small italic pull-right"> Today</span>
245
                                </a>
246
                            </li>
247
                            <li>
248
                                <a href="#">See all notifications</a>
249
                            </li>
250
                        </ul>
251
                    </li>
252
                    -->
253
                    <!-- alert notification end -->
254
					<li class="dropdown">
255
                        <ul class="dropdown-menu extended">
256
                            <div class="log-arrow-up"></div>
257
                            <li class="eborder-top">
258
                                <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
259
                            </li>
260
                        </ul>
261
                    </li>
262
                    <!-- user login dropdown start-->
263
                    <li class="dropdown">
264
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
265
                            <span class="profile-ava">
266
                                <img class="avatar-custom" id="photo" alt="" src="">
267
                            </span>
268
                            <span class="username" id="fofo_name"></span>
269
                            <b class="caret"></b>
270
                        </a>
271
                        <ul class="dropdown-menu extended logout">
272
                            <div class="log-arrow-up"></div>
273
                            <li class="eborder-top">
274
                                <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My Profile</a>
27244 tejbeer 275
                                <a class=" ">SD Mobile App</a>
27231 tejbeer 276
                                <a class="user-manual" target="_blank"  href="http://www.smartdukaan.com/Dealer-Guideline.pdf">Franchise Manual Sd Policies</a>
277
                                 #if($isAdmin)
278
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
279
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change Password</a>
280
                            	#end
281
                            </li>
282
                            <li>
283
                                <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id = "logout"></i> Log Out</a>
284
                            </li>
285
                        </ul>
286
                    </li>
287
                    <!-- user login dropdown end -->
288
                </ul>
289
                <!-- notificatoin dropdown end-->
290
            </div>
291
      </header>      
292
      <!--header end-->
293
 
294
      <!--sidebar start-->
295
      <aside>
296
          <div id="sidebar"  class="nav-collapse ">
297
              <!-- sidebar menu start-->
298
              <ul class="sidebar-menu">                
299
              	  <li class="active">
300
                      <a class="" href="${rc.contextPath}/dashboard">
301
                          <i class="icon_house_alt"></i>
302
                          <span>Dashboard</span>
303
                      </a>
304
                  </li>
305
                  <li>
306
	                  <a href="javascript:;" class="punch-in-outs">
307
                          <i class="icon_document_alt"></i>
308
                          <span>Punch IN/OUT</span>
309
	                  </a>
310
	              </li>
311
              	  #if(!$isAdmin)
312
                  	  <li>
313
		                  <a href="javascript:;" class="schemes">
314
	                          <i class="icon_document_alt"></i>
315
	                          <span>Scheme</span>
316
		                  </a>
317
	                  </li>
318
	              #elseif($isAdmin)
319
		              <li class="sub-menu">
320
			              <a href="javascript:;" class="">
321
		                       <i class="icon_document_alt"></i>
322
		                       <span>Scheme</span>
323
		                       <span class="menu-arrow arrow_carrot-right"></span>
324
			              </a>
325
 
326
			              <ul class="sub">
327
					          <li><a class="create-scheme" href="javascript:void(0);">Create</a></li>
328
		                  		<li><a class="schemes" href="javascript:void(0);">History</a></li>
329
		                  		<li><a class="schemes-update" href="javascript:void(0);">Update Scheme</a></li>
330
			                    <li><a class="schemes-download-page" href="javascript:void(0);">Export</a></li>
331
			                     <li><a class="price_drop" href="javascript:void(0);">Pricedrop</a></li>
332
			                     <li><a class="unsettled-payments" href="javascript:void(0);">Unsettled Payments</a></li>
333
			                     <li><a class="add-wallet-request" href="javascript:void(0);">Add to Wallet Request</a></li>
334
			                     <li><a class="add-wallet-approve" href="javascript:void(0);">Approved Request</a></li>
335
			                    <li><a class="add-wallet-rejected" href="javascript:void(0);">Rejected Request</a></li>
336
			                    <li><a class="wallet-edit" href="javascript:void(0);">Wallet Edit</a></li>
337
			                    <li><a class="scheme_offer" href="javascript:void(0);">Offers</a></li>
338
			                     <li><a class="offer_history" href="javascript:void(0);">Offer History</a></li>
339
 
340
		               	  </ul>
341
		             </li>
342
		             <li class="sub-menu">
343
			              <a href="javascript:;" class="">
344
		                       <i class="icon_document_alt"></i>
345
		                       <span>Role Mgmt</span>
346
		                       <span class="menu-arrow arrow_carrot-right"></span>
347
			              </a>
348
			              <ul class="sub">
349
			              	  <li><a class="create-api" href="javascript:void(0);">Create Api</a></li>
350
			              	  <li><a class="edit-api" href="javascript:void(0);">Edit Api</a></li>
351
			              	  <li><a class="delete-api" href="javascript:void(0);">Delete Api</a></li>
352
			              	  <li><a class="create-role" href="javascript:void(0);">Create Role</a></li>
353
			              	  <li><a class="rename-role" href="javascript:void(0);">Rename Role</a></li>
354
			              	  <li><a class="create-duplicate-role" href="javascript:void(0);">Create Duplicate Role</a></li>
355
			              	  <li><a class="delete-role" href="javascript:void(0);">Delete Role</a></li>
356
					          <li><a class="add-remove-api" href="javascript:void(0);">Add/Remove Api</a></li>
357
					          <li><a class="add-remove-role" href="javascript:void(0);">Add/Remove Role</a></li>
358
		               	  </ul>
359
		             </li>
360
 
361
 
362
		               <li class="sub-menu">
363
			              <a href="javascript:;" class="hygiene">
364
		                       <i class="icon_document_alt"></i>
365
		                       <span>Hygiene</span>
366
		                       <span></span>
367
			              </a>
368
		             </li>
369
 
370
               	   #end
371
 
372
		              <li class="sub-menu">
373
			              <a href="javascript:;" class="">
374
		                       <i class="icon_document_alt"></i>
375
		                       <span>Fin Services</span>
376
		                       <span class="menu-arrow arrow_carrot-right"></span>
377
			              </a>
378
		              <ul class="sub">
379
		               	     <li><a class="partner-service" href="javascript:void(0);">Partner Service</a></li>
380
		               	     </ul>
381
		               	    </li>
382
	              #if($isAdmin)
383
                  	<li class="sub-menu">
384
	                    	<a href="javascript:;" class="">
385
	                        <i class="icon_document_alt"></i>
386
	                        <span>Retailer</span>
387
	                        <span class="menu-arrow arrow_carrot-right"></span>
388
	                     </a>
389
	                     <ul class="sub">
390
	                         <li><a class="retailer-info" href="javascript:void(0);">Info</a></li>
391
	                         <li><a class="promoter-info" href="javascript:void(0);">Promoter</a></li>
392
	                         <li><a class="active-store" href="javascript:void(0);">Live Store</a></li>
393
	                          <li><a class="inactive-store" href="javascript:void(0);">Inactive Store</a></li>
394
	                         <li><a class="send-notification" href="javascript:void(0);">Send Notification</a></li>
395
	                          <li><a class="send-message" href="javascript:void(0);">Send Message</a></li>
396
	                           <li><a class="notification-panel" href="javascript:void(0);">Notification Panel</a></li>
397
	                     </ul>
398
                  	</li>
399
 
400
 
401
                  	             <li class="sub-menu">
402
			              <a href="javascript:;" class="">
403
		                       <i class="icon_document_alt"></i>
404
		                       <span>Refferals</span>
405
		                       <span class="menu-arrow arrow_carrot-right"></span>
406
			              </a>
407
 
408
			              <ul class="sub">
409
 
410
			                    <li><a class="pending-refferal" href="javascript:void(0);">Pending Referral</a></li>
411
			                     <li><a class="validate-refferal" href="javascript:void(0);">Validate Referral</a></li>
412
			                    <li><a class="refferal-approve" href="javascript:void(0);">Approve Referral</a></li>
413
			                    <li><a class="refferal-transferred" href="javascript:void(0);">Transferred Referral</a></li>
414
		               	  </ul>
415
		             </li>
416
                  	<li class="sub-menu">
417
	                    	<a href="javascript:;" class="">
418
	                        <i class="icon_document_alt"></i>
419
	                        <span>Warehouse</span>
420
	                        <span class="menu-arrow arrow_carrot-right"></span>
421
	                     </a>
422
	                     <ul class="sub">
423
	                         <li><a class="create-warehouse" href="javascript:void(0);">Create</a></li>
424
	                         <li><a class="warehouses" href="javascript:void(0);">Warehouses</a></li>
425
	                         <li><a class="scan-in-items" href="javascript:void(0);">Scan In</a></li>
426
	                         <li><a class="instruction-items" href="javascript:void(0);">Instruction Items</a></li>
427
	                         <li><a class="scan-out-items" href="javascript:void(0);">Scan Out</a></li>
428
	                         <li><a class="add-remove-warehouse" href="javascript:void(0);">Add Remove Warehouses</a></li>
429
	                     </ul>
430
                  	</li>
431
                  	<li class="sub-menu">
432
	                    	<a href="javascript:;" class="">
433
	                        <i class="icon_document_alt"></i>
434
	                        <span>Vendor</span>
435
	                        <span class="menu-arrow arrow_carrot-right"></span>
436
	                     </a>
437
	                     <ul class="sub">
438
	                         <li><a class="create-vendor" href="javascript:void(0);">Create</a></li>
439
	                         <li><a class="vendors" href="javascript:void(0);">Vendors</a></li>
440
	                     </ul>
441
                  	</li>
442
                  	<li class="sub-menu">
443
	                    <a href="javascript:;" class="">
444
	                        <i class="icon_document_alt"></i>
445
	                        <span>Item</span>
446
	                        <span class="menu-arrow arrow_carrot-right"></span>
447
	                     </a>
448
	                     <ul class="sub">
449
	                         <li><a class="create-item" href="javascript:void(0);">Create</a></li>
450
	                         <li><a class="scan-in-partner-items" href="javascript:void(0);">Scan In</a></li>
451
                             <li><a class="scan-out-partner-items" href="javascript:void(0);">Scan Out</a></li>
452
	                     </ul>
453
                  	</li>
454
                  #end
455
                  	<li class="sub-menu">
456
	                    	<a href="javascript:;" class="">
457
	                        <i class="icon_document_alt"></i>
458
	                        <span>Returns</span>
459
	                        <span class="menu-arrow arrow_carrot-right"></span>
460
	                     </a>
461
	                     <ul class="sub">
462
                          		<li><a class=" " href="javascript:void(0);">Approved Returns</a></li>
463
                        		<li><a class=" " href="javascript:void(0);">View Debit Notes</a></li>
464
                        		<li><a class=" " href="javascript:void(0);">Pending Returns</a></li>
465
                      		#if($isAdmin)
466
                          		<li><a class=" " href="javascript:void(0);">View Returns</a></li>
467
                        		<li><a class=" " href="javascript:void(0);">Completed Returns</a></li>
468
                        	#end
469
	                     </ul>
470
                  	</li>
471
                  	<li class="sub-menu">
472
	                    	<a href="javascript:;" class="">
473
	                          <i class="icon_document_alt"></i>
474
	                          <span>Prebooking</span>
475
	                          <span class="menu-arrow arrow_carrot-right"></span>
476
	                      </a>
477
	                      <ul class="sub">
478
	                      		#if($isAdmin)
27237 tejbeer 479
	                          		<li><a class="" href="javascript:void(0);">Create Listing</a></li>
480
	                          		<li><a class="" href="javascript:void(0);">Listings</a></li>
27231 tejbeer 481
	                        	#end
27237 tejbeer 482
	                          	<li><a class="" href="">Create Order</a></li>
483
	                          	<li><a class="" href="">Orders</a></li>
27231 tejbeer 484
	                      </ul>
485
                  	</li>
486
	                <li class="sub-menu">
487
	                    <a href="javascript:;" class="">
488
	                    	<i class="icon_document_alt"></i>
489
	                    	<span>Recharge</span>
490
	                    	<span class="menu-arrow arrow_carrot-right"></span>
491
		                </a>
492
		                <ul class="sub">
493
		                	#if($isAdmin)
494
		                    	<li><a class="create-mobile-recharge-commission" href="javascript:void(0);">Mobile Commission</a></li>
495
    	                      	<li><a class="create-dth-recharge-commission" href="javascript:void(0);">Dth Commission</a></li>
496
        	                  	<li><a class="recharge-commissions" href="javascript:void(0);">Commissions</a></li>
497
        	                  	<li><a class="recharge-provider-balance" href="javascript:void(0);">Provider Balance</a></li>
498
        	                  	<li><a class="recharge-provider-wallet-add-money" href="javascript:void(0);">Provider Add Money</a></li>
499
        	                  	<li><a class="recharge-provider-wallet-add-moneys" href="javascript:void(0);">Provider Wallet History</a></li>
500
        	                  	<li><a class="daily-recharges" href="javascript:void(0);">Daily Recharges</a></li>
501
        	                #end  	
502
	                        <li><a class=" " href="javascript:void(0);">Mobile Recharge</a></li>                          
503
	                        <li><a class=" " href="javascript:void(0);">Dth Recharge</a></li>
504
	                        <li><a class=" " href="javascript:void(0);">Mob Recharge History</a></li>
505
	                     	<li><a class=" " href="javascript:void(0);">DTH Recharge History</a></li>
506
	                  	</ul>
507
	                </li> y
508
	              #if($isAdmin)
509
				  <li class="sub-menu">
510
                      <a href="javascript:;" class="">
511
                          <i class="icon_document_alt"></i>
512
                          <span>Stock Allocation</span>
513
                          <span class="menu-arrow arrow_carrot-right"></span>
514
                      </a>
515
                       <ul class="sub">
516
                           <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>   
517
                            <li><a class="notify_cancel" href="javascript:void(0);">Notified Cancel Order</a></li> 
518
                           <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>   
519
                           <li><a class="create_indent" href="javascript:void(0);">Edit Allocation</a></li>
520
                            <li><a class="focused_model" href="javascript:void(0);">Focused Model</a></li>
521
                             <li><a class="partners_allocation" href="javascript:void(0);">Partner Allocation</a></li>
522
                               <li><a class="partner-po" href="javascript:void(0);">Create PO</a></li>
523
                      </ul>
524
                  </li>
525
                  #else
526
                  <li>
527
	                  <a href="javascript:;" class="">
528
                          <i class="icon_document_alt"></i>
529
                          <span>Monthly Planning</span>
530
	                  </a>
531
                  </li>
532
                  #end       
533
				  <li class="sub-menu">
534
                      <a href="javascript:;" class="">
535
                          <i class="icon_document_alt"></i>
536
                          <span>GRN</span>
537
                          <span class="menu-arrow arrow_carrot-right"></span>
538
                      </a>
539
                      <ul class="sub">
540
                          <li><a class="" href="javascript:void(0);">New</a></li>
541
                          <li><a class="" href="javascript:void(0);">History</a></li>
542
                          <li><a class="" href="javascript:void(0);">Pending</a></li>
543
                      </ul>
544
                  </li>
545
                  <li class="sub-menu">
546
                      <a href="javascript:;" class="">
547
                          <i class="icon_desktop"></i>
548
                          <span>Inventory</span>
549
                          <span class="menu-arrow arrow_carrot-right"></span>
550
                      </a>
551
                      <ul class="sub">
552
                          <li><a class="" href="javascript:void(0);">Good</a></li>
553
                          <li><a class="" href="javascript:void(0);">Bad</a></li>
554
                          <li><a class="" href="javascript:void(0);">Raise PO</a></li>
555
 
556
 
557
                      </ul>
558
                  </li>
559
                  <li  class="sub-menu">
560
                    <a href="javascript:;" class="">
561
                          <i class="icon_genius"></i>
562
                          <span>Catalog</span>
563
                          <span class="menu-arrow arrow_carrot-right"></span>
564
                      </a>
565
                  <ul class="sub">
566
                  <li><a class="" href="javascript:void(0);">Catalog</a></li>
567
 
568
                  #if($isAdmin)
569
                  <li><a class="product-detail" href="javascript:void(0);">Product Detail</a></li>
570
                  <li><a class="feature" href="javascript:void(0);">Feature</a></li>
571
                  <li><a class="content" href="javascript:void(0);">Content</a></li>
572
                  <li><a class="live_demo_billing" href="javascript:void(0);">Live Demo Billing</a></li>
573
                  #end
574
                    </ul>
575
                  </li>
576
                  <li class="sub-menu">
577
                  	<a href="javascript:;" class="">
578
                  		<i class="icon_table"></i>
579
                  		<span>Item Aging</span>
580
                  		<span class="menu-arrow arrow_carrot-right"><span>
581
                  	</a>
582
                  	<ul class="sub">
583
                  		<li><a class="download_reports" href="javascript:void(0);">Download Reports</a></li>
584
                  		<li><a class="download_aging_report" href="javascript:void(0);">Download</a></li>
585
                  		<li><a class="item_aging" href="javascript:void(0);">View</a></li>
586
                  	</ul>
587
                  </li>
588
 
589
                  <li class="sub-menu">
590
                  	<a href="javascript:;" class="">
591
                  		<i class="icon_table"></i>
592
                  		<span>Item Ledger</span>
593
                  		<span class="menu-arrow arrow_carrot-right"><span>
594
                  	</a>
595
                  	<ul class="sub">
596
                  		<li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
597
                  	</ul>
598
                  </li>
599
 
600
                 	<li class="sub-menu">
601
                  		<a href="javascript:;" class="">
602
                      		<i class="icon_table"></i>
603
                          	<span>Sale</span>
604
                          	<span class="menu-arrow arrow_carrot-right"></span>
605
                      </a>
606
                      <ul class="sub">
607
                      	  <!--<li><a class="create-order" href="javascript:void(0);">Create Sale Order</a></li>-->
608
                          #if($isAdmin)
609
		                    <li><a class="search-order" href="javascript:void(0);">Search Order</a></li>
610
		                       <li><a class="upload-target" href="javascript:void(0);">Create Partner Target</a></li>
611
		                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
612
 
613
        	             #end
614
 
615
        	                <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
616
                          <li><a class="sale-history" href="javascript:void(0);">History</a></li>
617
                           <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>
618
                           <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
619
                      </ul>
620
                  </li>
621
                   #if($isAdmin)
622
 
623
 
624
		             <li class="sub-menu">
625
			              <a href="javascript:;" class="">
626
		                       <i class="icon_document_alt"></i>
627
		                       <span>Lead</span>
628
		                        <span class="menu-arrow arrow_carrot-right"></span>
629
			              </a>
630
			             <ul class="sub">                          
631
                          <li><a class="lead" href="#">Lead</a></li>
632
                          <li><a class="lead-close" href="#">Closed Lead</a></li>
633
                         </ul>
634
		             </li>
635
                   <li class="sub-menu">
636
                      <a href="javascript:;" class="">
637
                          <i class="icon_documents_alt"></i>
638
                          <span>Ticket</span>
639
                          <span class="menu-arrow arrow_carrot-right"></span>
640
 
641
                      </a>
642
                      <ul class="sub">                          
643
                          <li><a class="create-ticket-category" href="#">Create Category</a></li>
644
                           <li><a class="create-ticket-sub-category" href="#">Create Sub Category</a></li>
645
                           <li><a class="create-region" href="#">Create Region</a></li>
646
                           <li><a class="create-partner-region" href="#">Add Partner Region</a></li>
647
                           <li><a class="create-position" href="#">Create Position</a></li>
648
                            <li><a class="my-ticket" href="#">My Assigned Ticket</a></li>
649
                             <li><a class="manager-ticket" href="#">Manager Ticket</a></li>
650
                      </ul>
651
                  </li>
652
                 #end
653
                  <li class="sub-menu"  style = "margin-bottom:20px">
654
                      <a href="javascript:;" class="">
655
                          <i class="icon_documents_alt"></i>
656
                          <span>Support</span>
657
                          <span class="menu-arrow arrow_carrot-right"></span>
658
                      </a>
659
                      <ul class="sub" style = "margin-bottom:20px">                          
660
                          <li><a class="contact-us" href="#">Contact Us</a></li>
661
                      </ul>
662
                  </li>
663
 
664
              </ul>
665
              <!-- sidebar menu end-->
666
          </div>
667
      </aside>
668
      <!--sidebar end-->
669
 
670
	<!--main content start-->
671
	<section id="main-content">
672
		<section class="wrapper">
673
          	<!--overview start-->
674
			<div class="row">
675
				<div class="col-lg-12">
676
					<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
677
					<ol class="breadcrumb">
678
						<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
679
						<li><i class="fa fa-laptop"></i>Dashboard</li>						  	
680
					</ol>
681
				</div>
682
			</div>
683
			<!-- overview end -->
684
			<div class="row">
685
				<div class="col-lg-6">
686
					<div class="row">
687
						<div class="col-lg-7">
688
							<div class="info-box blue-bg">
689
								<i class="fa fa-chart-line"></i>
690
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
691
								<div class="row">
692
									<div class="col-lg-4 row">
693
										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
694
										<div class="title">LMTD</div>						
695
									</div>						
696
									<div class="col-lg-4 row">
697
										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
698
										<div class="title">MTD</div>						
699
									</div>						
700
									<div class="col-lg-3 row">
701
										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
702
										<div class="title">Today&apos;s</div>
703
									</div>
704
								</div>
705
							</div>
706
						</div>
707
						<div class="col-lg-5 row">
708
							<div class="info-box brown-bg">
709
 
710
								<div class="col-lg-12">
711
									<div class="col-lg-6">
712
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
713
										<div style="margin-top:0px" class="count">
714
											<span class="currency">$salesMap.get("currentRate")</span>/day
715
										</div>
716
										<img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
717
									</div>
718
									<div class="col-lg-6 row">
719
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
720
										<div style="margin-top:0px" class="count currency">
721
											<span class="currency">$salesMap.get("requiredRate")</span>/day
722
										</div>
723
										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
724
									</div>						
725
								</div>
726
							</div>
727
						</div>
728
						<div class="col-lg-8">
729
						<div class="info-box purple-bg">
730
							<div class="col-lg-12 row">
731
								<i class="fa fa-coins"></i>
732
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
733
								<div class="row">
734
									<div class="col-lg-4 row">
735
										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
736
										<div class="title">current</div>						
737
									</div>
738
									<div class="col-lg-3">
739
										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
740
										<div class="title">min</div>						
741
									</div>
742
									<div class="col-lg-3 row" 
743
									#if(!$isInvestmentOk)
744
									style="color:mediumvioletred"
745
									#end
746
									>
747
										#if($investments.get("short")<=0)
748
										<div style="margin-top:0px" class="count">&gt;100%</div>
749
										<div class="title">OK</div>
750
										#else						
751
										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
752
										<div class="title">short</div>
753
										#end
754
									</div>
755
								</div>
756
							</div>
757
						</div>
758
					</div>
759
					<div class="col-lg-4 row">
760
						<div class="info-box green-bg">
761
							<i class="fa fa-cubes"></i>
762
							<div class="count currency">$investments.get("inStock")</div>
763
							<div class="title">Total Stock</div>						
764
						</div>
765
					</div>
766
				</div>
767
				<div class="row">
768
					#foreach($brandStockPrice in $brandStockPrices)
769
					<div class="col-lg-3">
770
						<div class="card card-default">
771
							<span class="card-body" style="padding-bottom:0px">
772
								<table>
773
									<thead>
774
										<tr><td colspan="2">Current Stock</td></tr>
775
									</thead>
776
									<tbody>
777
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
778
										<tr><th>Value</th><td><span class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
779
									</tbody>
780
								</table>
781
								#if($brandStockPrice.getAgedValue()>0)
782
								<p style="color:#d15a57;font-weight:700" title="Focus Stock">
783
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
784
								</p>
785
								#else
786
								<p>&nbsp;</p>
787
								#end
788
							</span>
789
							<span class="card-img">
790
								<img src="${brandStockPrice.getBrandUrl()}" class="cover">
791
							</span>
792
						</div>
793
					</div>
794
					#end
795
				</div>
796
 
797
			<div class="row">
798
 
799
					<div class="col-lg-3">
800
						<div class="card card-default">
801
							<span class="card-body" style="padding-bottom:0px">
802
								<table>
803
									<thead>
804
										<tr><td colspan="2">Current Stock</td></tr>
805
									</thead>
806
									<tbody>
807
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
808
									</tbody>
809
								</table>
810
							</span>
811
							<span class="card-img">
812
								<img src="resources/images/accessories.jpg" style = "padding:8px">
813
							</span>
814
						</div>
815
					</div>
816
 
817
				</div>
818
 
819
				<div class="row">
820
 
821
					<div class="col-lg-8">
822
					<canvas id="bar-chart" width="518" height="420"></canvas>
823
					</div>
824
 
825
				</div>
826
			</div>
827
 
828
			<div class="col-lg-6">
829
				#if($activatedImeis > 0)
830
					<div class="row col-lg-12 info-box white-bg">
831
						#parse("dashboard-activated-imeis.vm")
832
					</div>
833
				#end
834
				#if($sales)
835
				#if(!$offers.isEmpty())
836
				#foreach( $offer in $offers )
837
					<div class="row col-lg-12 info-box white-bg" style="margin-bottom:1px">
838
						<h3 style="margin-top:-2px;font-size:17px; margin-bottom:3px;color:#c70db8;font-weight:bold">
839
							$offer.getName() - $offer.getStartDateTime() to $offer.getEndDateTime()
840
						</h3>
841
						    #if($offer.getShortAmount() == 0 && $offer.getAmountType() == "amount" )
842
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have earn Rs. <span class="currency">$offer.getMargin()</span>. Happy Selling!</h4>
843
 
844
						     #elseif($offer.getShortAmount() == 0 && $offer.getAmountType() == "percentage" )
845
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have secured $offer.getMargin()%. Happy Selling!</h4>
846
 
847
						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
848
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
849
						      Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> to earn additional Rs. <span class="currency">$offer.getMargin()</span>
850
						    </h4>
851
 
852
						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() == $offer.getValue())
853
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
854
						      Sell  <span class="currency">$offer.getShortAmount()</span> units  to earn additional Rs. <span class="currency">$offer.getMargin()</span>
855
						    </h4>
856
 
857
						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount()== $offer.getValue())
858
						       <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
859
							     Sell  <span class="currency">$offer.getShortAmount()</span> units to earn additional $offer.getMargin()%
860
 
861
							  </h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
862
						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
863
					         <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
864
							   Sell stock worth Rs <span class="currency">$offer.getShortAmount()</span>  to earn additional $offer.getMargin()%
865
					         </h4>
866
 
867
							#elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
868
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
869
						    Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
870
						    </h4>
871
						    #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
872
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
873
						    Sell <span class="currency">$offer.getShortAmount()</span> unit more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
874
						    </h4>
875
						    #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
876
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
877
							Sell  <span class="currency">$offer.getShortAmount()</span> unit more to earn additional $offer.getMargin()%
878
 
879
							</h4>
880
							 #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
881
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
882
							Sell stock worth Rs<span class="currency">$offer.getShortAmount()</span> more to earn additional $offer.getMargin()%
883
 
884
							</h4>
885
 
886
						   #end
887
 
888
                           <p style="float:right;font-size:15px; margin:0px 0px 0px; " id="description-offer" data-description = "$offer.getDescription()" data-toggle="modal" data-target="#offerDescription"  data-backdrop="static" data-keyboard="false"><a href="#">All terms & conditions</a></p>
889
 
890
					</div>
891
					#end
892
				#end
893
				#end
894
				    <div  class="modal  text-center" id="offerDescription">
895
					<div class="modal-dialog">
896
				    <div class="modal-content" >
897
				     <div class="modal-header">
898
					        <button type="button" class="close" id = "cancel-model" data-dismiss="modal">&times;</button>
899
					        <h4 class="modal-title">Terms & Conditions</h4>
900
 
901
 
902
				      </div>
903
                    <div class="modal-body1">
904
                      <ul id="descriptionMenu">
905
 
906
						    </ul>
907
                    </div>	
908
	              <div class="modal-footer">
909
					        <button type="button" data-dismiss="modal" class="btn btn-default cancel-description">Cancel</button>
910
 
911
				   </div>
912
				    </div>
913
				    </div>
914
				    </div>
915
				<div class="row col-lg-12 info-box white-bg">
916
					#parse("performance.vm")
917
				</div>
918
				<div class="row col-lg-12 info-box white-bg">
919
					<div class="col-lg-4">
920
					<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
921
					</h3>
922
					</div>
923
					<div class="col-lg-4">
924
						<div class="btn-group message-filter"> 
925
							<button data-messagetype="notification" type="button" class="btn btn-default" aria-label="Notifications" title="Notifications">
926
							<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button> 
927
							<button data-messagetype="announcement" type="button" class="btn btn-default" aria-label="Announcements" title="Announcements">
928
							<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button> 
929
							<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
930
								<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
931
							</button>
932
 
933
							<button data-messagetype="marketing" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
934
								 <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
935
							</button>
936
						</div>
937
					</div>
938
				    <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
939
					</div>
940
				</div>
941
			</div>
942
		</div>
943
		</section>
944
    	<div class="text-center">
945
          <div class="credits">
946
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
947
          </div>
948
		</div>
949
	</section>
950
 
951
	<script type="text/javascript">
952
		context="${rc.contextPath}";
953
		webApiScheme="$webApiScheme";
954
		webApiRoot="$webApiRoot";
955
		webApiHost="$webApiHost";
956
		webApiPort="$webApiPort";
957
	</script>
958
	#parse("include-scripts.vm")
959
 
960
	<script type="text/javascript">
961
 
962
	$("#description-offer").live(
963
			"click",
964
			function(e) {
965
			var des = $(this).data('description');
966
			var nameArr= []
967
			     console.log(nameArr);
968
 
969
	        nameArr = des.split(',');
970
	        console.log(nameArr);
971
	    	for (x of nameArr) {
972
              $("#descriptionMenu").append('<li style="padding:5px;list-style:square;">'+x+'</li>');
973
            }
974
 
975
			});
976
 
977
 
978
 
979
			$(".cancel-description").live(
980
			"click",
981
			function(e) {
982
	    		$("#descriptionMenu").empty();
983
			});
984
 
985
 
986
				$("#cancel-model").live(
987
			"click",
988
			function(e) {
989
	    		$("#descriptionMenu").empty();
990
			});
991
 
992
 
993
</script>  
994
  <script>
995
 
996
      //knob
997
      $(function() {
998
        /*$(".knob").knob({
999
          'draw' : function () { 
1000
            $(this.i).val(this.cv + '%')
1001
          }
1002
        });*/
1003
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
1004
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
1005
        $('.currency').each(function(index, ele) {
1006
			if (!isNaN(parseInt($(ele).html()))) {
1007
				$(ele).html(numberToComma($(ele).html()));
1008
			}
1009
		});
1010
      });
1011
 
1012
      $(function() {
1013
    	 	var profile = localStorage.getItem('profile');
1014
    	 	if (profile){
1015
    			$("#photo").attr("src",JSON.parse(profile).image_url);
1016
    			$("#fofo_name").text(JSON.parse(profile).name);
1017
    	 	}
1018
    	 	else{
1019
    	 		$("#photo").attr("src","");
1020
    			$("#fofo_name").text("Welcome, User");
1021
    	 	}
1022
    	});
1023
 
1024
    	$(function() {
1025
    	 	var bag = localStorage.getItem('bag');
1026
    	 	console.log(bag);
1027
    	 	if (bag){
1028
    	 	console.log("yes");
1029
    	 		//$("#cart_bar").find('span').text(10);
1030
    	 		$("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
1031
    	 	}
1032
    	 	else{
1033
    	 		$("#cart_bar").find('span').text(0);
1034
    	 	}
1035
    	});
1036
 
1037
    	$("#logout").click(function(){
1038
    		localStorage.profile = undefined;
1039
    	});
1040
	#set($partnerInvestment = $investments.get("investment"))	
1041
	saleAmount = numberToComma($partnerInvestment.getSalesAmount());
1042
	minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
1043
	totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
1044
	shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
1045
	grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
1046
	unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
1047
	inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
1048
	walletAmount = numberToComma($partnerInvestment.getWalletAmount());
1049
	shortAmount = numberToComma($partnerInvestment.getShortInvestment());
1050
	minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
1051
 	isInvestmentOk = $isInvestmentOk;
1052
	starTotal = 5;
1053
	ratings = {
1054
		current : $currentMonthRating,
1055
		last: $lastMonthRating,
1056
		tilldate: $ratingTillDate
1057
	}; 
1058
	for(const rating in ratings) {  
1059
	  // 2
1060
	  const starPercentage = (ratings[rating] / starTotal) * 100;
1061
	  // 3
1062
	  const starPercentageRounded = `${starPercentage}%`;
1063
	  // 4
1064
	  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded; 
1065
	}
1066
 
1067
	hasGift=$hasGift;
1068
	giftItemId = $giftItemId;
1069
	monthDays=$monthDays;
1070
	dayOfMonth = $dayOfMonth;
1071
	$(function(){
1072
		$('#links_bar').popover({
1073
			container:".notification-row",
1074
			template:`<div class="popover">
1075
							<div class="arrow"></div>
1076
							<div class="popover-inner">
1077
								<h4 class="popover-title">
1078
								</h4>
1079
								<div class="popover-content"><p></p></div>
1080
							</div>
1081
						</div>`,
1082
		    html: true,
1083
		    content: `<div class="container-fluid">
1084
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
1085
		    				<div class="row">
1086
							    <div class="col-lg-3">
1087
								    <a href="/spicemoney/getToken" target="_blank" href="">
1088
								    	<img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
1089
								    </a>
1090
								</div>
1091
							</div>
1092
		    			</div>`,
1093
		    placement: "bottom",
1094
		    trigger: "focus"
1095
		});
1096
	});
1097
 
1098
	function showAttendanceModal() {
1099
		var today = new Date().getTime();
1100
		if ($.cookie("punchIn") == undefined) {
1101
			document.cookie = "punchIn=" + today;
1102
		}
1103
		if (today >= parseInt($.cookie("punchIn"))) {
1104
			doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function(response) {
1105
				if(response == 'true'){
1106
					$('#punchInOutModal').modal('hide');
1107
					clearInterval(stopInterval);
1108
				} else{
1109
			      	$("#punch-in-out-model").html(response);
1110
					$('#punchInOutModal').modal('show');
1111
					var time = today + 30 * 60 * 1000
1112
					document.cookie = "punchIn=" + time;
1113
				}
1114
			});	
1115
		}
1116
	}
1117
	var stopInterval;
1118
	$(document).ready(function(){
1119
		 stopInterval = setInterval(showAttendanceModal, 100000000);
1120
 
1121
		 $('div.message-filter').on('click', 'button', function() {
1122
			messageType = $(this).data("messagetype");
1123
			if($(this).hasClass('btn-pressed')) {
1124
				messageType="";
1125
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1126
			} else {
1127
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1128
				$(this).addClass('btn-pressed').removeClass('btn-default');
1129
			}
1130
			notifyTypeChange(messageType);
1131
		});
1132
		notifyTypeChange("");
1133
 
1134
	});	
1135
	$(function(){
1136
		if (navigator.geolocation) {
1137
	        navigator.geolocation.getCurrentPosition(showPosition);
1138
	    } else { 
1139
	        console.log("Geolocation is not supported by browser.");
1140
	    }
1141
		dateRangeCallback(moment(),moment());
1142
		loaderDialogObj = bootbox.dialog({
1143
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1144
		    show: false	
1145
		});
1146
 
1147
		messageType = $(this).data("messagetype");
1148
		if($(this).hasClass('btn-pressed')) {
1149
			messageType="";
1150
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1151
		} else {
1152
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1153
			$(this).addClass('btn-pressed').removeClass('btn-default');
1154
		}
1155
		notifyTypeChange(messageType);
1156
	});
1157
 
1158
 
1159
 
1160
new Chart(document.getElementById("bar-chart"), 
1161
 $chartMap
1162
);
1163
</script>
1164
    <div id="punchInOutModal" class="modal" role="dialog">
1165
	  <div class="modal-dialog">
1166
 
1167
	    <!-- Modal content-->
1168
	    <div class="modal-content">
1169
	      <div class="modal-header">
1170
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
1171
	        <h4 class="modal-title">Punch In Out</h4>
1172
	      </div>
1173
	   <div class="modal-body">
1174
	   <div id="punch-in-out-model">
1175
 
1176
      </div>
1177
      </div>
1178
    </div>
1179
   </div>
1180
 </div>
1181
 
1182
  </body>
1183
</html>