Subversion Repositories SmartDukaan

Rev

Rev 32771 | Rev 33624 | 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">
28524 amit.gupta 32
	<link rel="stylesheet" type="text/css" href="resources/js/daterangepicker.css" />
27231 tejbeer 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>
32779 shampa 375
		                       Fin Services</span>
27231 tejbeer 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>
32779 shampa 661
 
27231 tejbeer 662
                      </ul>
663
                  </li>
664
 
665
              </ul>
666
              <!-- sidebar menu end-->
667
          </div>
668
      </aside>
669
      <!--sidebar end-->
670
 
671
	<!--main content start-->
672
	<section id="main-content">
673
		<section class="wrapper">
674
          	<!--overview start-->
675
			<div class="row">
676
				<div class="col-lg-12">
677
					<h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
678
					<ol class="breadcrumb">
679
						<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
680
						<li><i class="fa fa-laptop"></i>Dashboard</li>						  	
681
					</ol>
682
				</div>
683
			</div>
684
			<!-- overview end -->
685
			<div class="row">
686
				<div class="col-lg-6">
687
					<div class="row">
688
						<div class="col-lg-7">
689
							<div class="info-box blue-bg">
690
								<i class="fa fa-chart-line"></i>
691
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
692
								<div class="row">
693
									<div class="col-lg-4 row">
694
										<div style="margin-top:0px" class="count currency">$salesMap.get("lmtdSale")</div>
695
										<div class="title">LMTD</div>						
696
									</div>						
697
									<div class="col-lg-4 row">
698
										<div style="margin-top:0px" class="count currency">$salesMap.get("mtdSale")</div>
699
										<div class="title">MTD</div>						
700
									</div>						
701
									<div class="col-lg-3 row">
702
										<div style="margin-top:0px" class="count currency">$salesMap.get("todaySale")</div>
703
										<div class="title">Today&apos;s</div>
704
									</div>
705
								</div>
706
							</div>
707
						</div>
708
						<div class="col-lg-5 row">
709
							<div class="info-box brown-bg">
710
 
711
								<div class="col-lg-12">
712
									<div class="col-lg-6">
713
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
714
										<div style="margin-top:0px" class="count">
715
											<span class="currency">$salesMap.get("currentRate")</span>/day
716
										</div>
717
										<img src="${salesMap.get('currentTypeImage')}" width="60px" class="target-slide">
718
									</div>
719
									<div class="col-lg-6 row">
720
									<h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
721
										<div style="margin-top:0px" class="count currency">
722
											<span class="currency">$salesMap.get("requiredRate")</span>/day
723
										</div>
724
										<img src="${salesMap.get('requiredTypeImage')}" width="60px" class="target-slide">
725
									</div>						
726
								</div>
727
							</div>
728
						</div>
729
						<div class="col-lg-8">
730
						<div class="info-box purple-bg">
731
							<div class="col-lg-12 row">
732
								<i class="fa fa-coins"></i>
733
								<h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
734
								<div class="row">
735
									<div class="col-lg-4 row">
736
										<div  style="margin-top:0px" class="count currency">$investments.get("today")</div>
737
										<div class="title">current</div>						
738
									</div>
739
									<div class="col-lg-3">
740
										<div  style="margin-top:0px" class="count">$investments.get("minimum")</div>
741
										<div class="title">min</div>						
742
									</div>
743
									<div class="col-lg-3 row" 
744
									#if(!$isInvestmentOk)
745
									style="color:mediumvioletred"
746
									#end
747
									>
748
										#if($investments.get("short")<=0)
749
										<div style="margin-top:0px" class="count">&gt;100%</div>
750
										<div class="title">OK</div>
751
										#else						
752
										<div style="margin-top:0px" class="count currency">$investments.get("short")%</div>
753
										<div class="title">short</div>
754
										#end
755
									</div>
756
								</div>
757
							</div>
758
						</div>
759
					</div>
760
					<div class="col-lg-4 row">
761
						<div class="info-box green-bg">
762
							<i class="fa fa-cubes"></i>
763
							<div class="count currency">$investments.get("inStock")</div>
764
							<div class="title">Total Stock</div>						
765
						</div>
766
					</div>
767
				</div>
768
				<div class="row">
769
					#foreach($brandStockPrice in $brandStockPrices)
770
					<div class="col-lg-3">
771
						<div class="card card-default">
772
							<span class="card-body" style="padding-bottom:0px">
773
								<table>
774
									<thead>
775
										<tr><td colspan="2">Current Stock</td></tr>
776
									</thead>
777
									<tbody>
778
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
779
										<tr><th>Value</th><td><span class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
780
									</tbody>
781
								</table>
782
								#if($brandStockPrice.getAgedValue()>0)
783
								<p style="color:#d15a57;font-weight:700" title="Focus Stock">
784
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
785
								</p>
786
								#else
787
								<p>&nbsp;</p>
788
								#end
789
							</span>
790
							<span class="card-img">
791
								<img src="${brandStockPrice.getBrandUrl()}" class="cover">
792
							</span>
793
						</div>
794
					</div>
795
					#end
796
				</div>
797
 
798
			<div class="row">
799
 
800
					<div class="col-lg-3">
801
						<div class="card card-default">
802
							<span class="card-body" style="padding-bottom:0px">
803
								<table>
804
									<thead>
805
										<tr><td colspan="2">Current Stock</td></tr>
806
									</thead>
807
									<tbody>
808
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
809
									</tbody>
810
								</table>
811
							</span>
812
							<span class="card-img">
813
								<img src="resources/images/accessories.jpg" style = "padding:8px">
814
							</span>
815
						</div>
816
					</div>
817
 
818
				</div>
819
 
820
				<div class="row">
821
 
822
					<div class="col-lg-8">
823
					<canvas id="bar-chart" width="518" height="420"></canvas>
824
					</div>
825
 
826
				</div>
827
			</div>
828
 
829
			<div class="col-lg-6">
830
				#if($activatedImeis > 0)
831
					<div class="row col-lg-12 info-box white-bg">
832
						#parse("dashboard-activated-imeis.vm")
833
					</div>
834
				#end
835
				#if($sales)
836
				#if(!$offers.isEmpty())
837
				#foreach( $offer in $offers )
838
					<div class="row col-lg-12 info-box white-bg" style="margin-bottom:1px">
839
						<h3 style="margin-top:-2px;font-size:17px; margin-bottom:3px;color:#c70db8;font-weight:bold">
840
							$offer.getName() - $offer.getStartDateTime() to $offer.getEndDateTime()
841
						</h3>
842
						    #if($offer.getShortAmount() == 0 && $offer.getAmountType() == "amount" )
843
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have earn Rs. <span class="currency">$offer.getMargin()</span>. Happy Selling!</h4>
844
 
845
						     #elseif($offer.getShortAmount() == 0 && $offer.getAmountType() == "percentage" )
846
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;"> Congratulations you have secured $offer.getMargin()%. Happy Selling!</h4>
847
 
848
						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
849
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
850
						      Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> to earn additional Rs. <span class="currency">$offer.getMargin()</span>
851
						    </h4>
852
 
853
						     #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() == $offer.getValue())
854
						     <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
855
						      Sell  <span class="currency">$offer.getShortAmount()</span> units  to earn additional Rs. <span class="currency">$offer.getMargin()</span>
856
						    </h4>
857
 
858
						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount()== $offer.getValue())
859
						       <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
860
							     Sell  <span class="currency">$offer.getShortAmount()</span> units to earn additional $offer.getMargin()%
861
 
862
							  </h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
863
						     #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() == $offer.getValue())
864
					         <h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
865
							   Sell stock worth Rs <span class="currency">$offer.getShortAmount()</span>  to earn additional $offer.getMargin()%
866
					         </h4>
867
 
868
							#elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
869
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
870
						    Sell stock worth Rs.<span class="currency">$offer.getShortAmount()</span> more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
871
						    </h4>
872
						    #elseif($offer.getAmountType() == "amount" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
873
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
874
						    Sell <span class="currency">$offer.getShortAmount()</span> unit more to earn additional Rs. <span class="currency">$offer.getMargin()</span>
875
						    </h4>
876
						    #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="quantity" && $offer.getShortAmount() != 0)
877
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
878
							Sell  <span class="currency">$offer.getShortAmount()</span> unit more to earn additional $offer.getMargin()%
879
 
880
							</h4>
881
							 #elseif($offer.getAmountType() == "percentage" && $offer.getTargetType()=="value" && $offer.getShortAmount() != 0)
882
							<h4 style= "color:green;margin-top:0px;margin-bottom:0px;">
883
							Sell stock worth Rs<span class="currency">$offer.getShortAmount()</span> more to earn additional $offer.getMargin()%
884
 
885
							</h4>
886
 
887
						   #end
888
 
27455 tejbeer 889
                              <p style="float:right;font-size:15px; margin:0px 0px 0px; " id="description-offer" data-offerid = "$offer.getId()" data-toggle="modal" data-target="#offerDescription"  data-backdrop="static" data-keyboard="false"><a href="#">All terms & conditions</a></p>
890
 
27231 tejbeer 891
					</div>
892
					#end
893
				#end
894
				#end
27456 tejbeer 895
			<div class="offer-margin-container">
896
	             <div  class="modal  text-center" id="offerDescription">
27231 tejbeer 897
					<div class="modal-dialog">
30601 amit.gupta 898
						<div class="modal-content">
899
 
900
						</div>
901
					</div>
902
				 </div>
27456 tejbeer 903
			</div>
27231 tejbeer 904
				<div class="row col-lg-12 info-box white-bg">
905
					#parse("performance.vm")
906
				</div>
907
				<div class="row col-lg-12 info-box white-bg">
30601 amit.gupta 908
					#parse("performance-weekly.vm")
909
				</div>
910
				<div class="row col-lg-12 info-box white-bg">
27231 tejbeer 911
					<div class="col-lg-4">
30601 amit.gupta 912
						<h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
913
						</h3>
27231 tejbeer 914
					</div>
915
					<div class="col-lg-4">
30601 amit.gupta 916
						<div class="btn-group message-filter">
917
							<button data-messagetype="notification" type="button" class="btn btn-default"
918
									aria-label="Notifications" title="Notifications">
919
								<span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button>
920
							<button data-messagetype="announcement" type="button" class="btn btn-default"
921
									aria-label="Announcements" title="Announcements">
922
								<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
27231 tejbeer 923
							<button data-messagetype="scheme" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
924
								<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
925
							</button>
926
 
927
							<button data-messagetype="marketing" type="button" class="btn btn-default" aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
928
								 <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
929
							</button>
930
						</div>
931
					</div>
932
				    <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
933
					</div>
934
				</div>
935
			</div>
936
		</div>
937
		</section>
938
    	<div class="text-center">
939
          <div class="credits">
940
          	<p>All rights reserved.&copy;2017, Smart Dukaan</p>
941
          </div>
942
		</div>
943
	</section>
944
 
945
	<script type="text/javascript">
946
		context="${rc.contextPath}";
947
		webApiScheme="$webApiScheme";
948
		webApiRoot="$webApiRoot";
949
		webApiHost="$webApiHost";
950
		webApiPort="$webApiPort";
951
	</script>
952
	#parse("include-scripts.vm")
953
 
954
	<script type="text/javascript">
955
 
27875 amit.gupta 956
	$(document).on("click", "p.description-offer",
27231 tejbeer 957
			function(e) {
27455 tejbeer 958
			var offerid = $(this).data('offerid');
959
			console.log(offerid);
960
			doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
961
					+ offerid, function(response) {
962
				$('.offer-margin-container .modal-content').html(response);
27231 tejbeer 963
			});
27455 tejbeer 964
 
965
 
966
	});
27231 tejbeer 967
 
968
 
969
 
27758 amit.gupta 970
			$(document).on("click", ".cancel-description",
27231 tejbeer 971
			function(e) {
972
	    		$("#descriptionMenu").empty();
973
			});
974
 
975
 
27758 amit.gupta 976
				$(document).on("click", "#cancel-model",
27231 tejbeer 977
			function(e) {
978
	    		$("#descriptionMenu").empty();
979
			});
980
 
981
 
982
</script>  
983
  <script>
984
 
985
      //knob
986
      $(function() {
987
        /*$(".knob").knob({
988
          'draw' : function () { 
989
            $(this.i).val(this.cv + '%')
990
          }
991
        });*/
992
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
993
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
994
        $('.currency').each(function(index, ele) {
995
			if (!isNaN(parseInt($(ele).html()))) {
996
				$(ele).html(numberToComma($(ele).html()));
997
			}
998
		});
999
      });
1000
 
1001
      $(function() {
1002
    	 	var profile = localStorage.getItem('profile');
1003
    	 	if (profile){
1004
    			$("#photo").attr("src",JSON.parse(profile).image_url);
1005
    			$("#fofo_name").text(JSON.parse(profile).name);
1006
    	 	}
1007
    	 	else{
1008
    	 		$("#photo").attr("src","");
1009
    			$("#fofo_name").text("Welcome, User");
1010
    	 	}
1011
    	});
1012
 
1013
    	$(function() {
1014
    	 	var bag = localStorage.getItem('bag');
1015
    	 	console.log(bag);
1016
    	 	if (bag){
1017
    	 	console.log("yes");
1018
    	 		//$("#cart_bar").find('span').text(10);
1019
    	 		$("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
1020
    	 	}
1021
    	 	else{
1022
    	 		$("#cart_bar").find('span').text(0);
1023
    	 	}
1024
    	});
1025
 
1026
    	$("#logout").click(function(){
1027
    		localStorage.profile = undefined;
1028
    	});
1029
	#set($partnerInvestment = $investments.get("investment"))	
1030
	saleAmount = numberToComma($partnerInvestment.getSalesAmount());
1031
	minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
1032
	totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
1033
	shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
1034
	grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
1035
	unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
1036
	inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
1037
	walletAmount = numberToComma($partnerInvestment.getWalletAmount());
1038
	shortAmount = numberToComma($partnerInvestment.getShortInvestment());
1039
	minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
1040
 	isInvestmentOk = $isInvestmentOk;
1041
	starTotal = 5;
1042
	ratings = {
1043
		current : $currentMonthRating,
1044
		last: $lastMonthRating,
1045
		tilldate: $ratingTillDate
1046
	}; 
1047
	for(const rating in ratings) {  
1048
	  // 2
1049
	  const starPercentage = (ratings[rating] / starTotal) * 100;
1050
	  // 3
1051
	  const starPercentageRounded = `${starPercentage}%`;
1052
	  // 4
1053
	  document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded; 
1054
	}
1055
 
1056
	hasGift=$hasGift;
1057
	giftItemId = $giftItemId;
1058
	monthDays=$monthDays;
1059
	dayOfMonth = $dayOfMonth;
1060
	$(function(){
1061
		$('#links_bar').popover({
1062
			container:".notification-row",
1063
			template:`<div class="popover">
1064
							<div class="arrow"></div>
1065
							<div class="popover-inner">
1066
								<h4 class="popover-title">
1067
								</h4>
1068
								<div class="popover-content"><p></p></div>
1069
							</div>
1070
						</div>`,
1071
		    html: true,
1072
		    content: `<div class="container-fluid">
1073
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
1074
		    				<div class="row">
1075
							    <div class="col-lg-3">
1076
								    <a href="/spicemoney/getToken" target="_blank" href="">
1077
								    	<img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
1078
								    </a>
1079
								</div>
1080
							</div>
1081
		    			</div>`,
1082
		    placement: "bottom",
1083
		    trigger: "focus"
1084
		});
1085
	});
1086
 
1087
	function showAttendanceModal() {
1088
		var today = new Date().getTime();
1089
		if ($.cookie("punchIn") == undefined) {
1090
			document.cookie = "punchIn=" + today;
1091
		}
1092
		if (today >= parseInt($.cookie("punchIn"))) {
1093
			doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function(response) {
1094
				if(response == 'true'){
1095
					$('#punchInOutModal').modal('hide');
1096
					clearInterval(stopInterval);
1097
				} else{
1098
			      	$("#punch-in-out-model").html(response);
1099
					$('#punchInOutModal').modal('show');
1100
					var time = today + 30 * 60 * 1000
1101
					document.cookie = "punchIn=" + time;
1102
				}
1103
			});	
1104
		}
1105
	}
1106
	var stopInterval;
1107
	$(document).ready(function(){
1108
		 stopInterval = setInterval(showAttendanceModal, 100000000);
1109
 
1110
		 $('div.message-filter').on('click', 'button', function() {
1111
			messageType = $(this).data("messagetype");
1112
			if($(this).hasClass('btn-pressed')) {
1113
				messageType="";
1114
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1115
			} else {
1116
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1117
				$(this).addClass('btn-pressed').removeClass('btn-default');
1118
			}
1119
			notifyTypeChange(messageType);
1120
		});
1121
		notifyTypeChange("");
1122
 
1123
	});	
1124
	$(function(){
1125
		if (navigator.geolocation) {
1126
	        navigator.geolocation.getCurrentPosition(showPosition);
1127
	    } else { 
1128
	        console.log("Geolocation is not supported by browser.");
1129
	    }
1130
		loaderDialogObj = bootbox.dialog({
1131
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1132
		    show: false	
1133
		});
1134
 
1135
		messageType = $(this).data("messagetype");
1136
		if($(this).hasClass('btn-pressed')) {
1137
			messageType="";
1138
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1139
		} else {
1140
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1141
			$(this).addClass('btn-pressed').removeClass('btn-default');
1142
		}
1143
		notifyTypeChange(messageType);
1144
	});
1145
 
1146
 
1147
 
1148
new Chart(document.getElementById("bar-chart"), 
1149
 $chartMap
1150
);
1151
</script>
1152
    <div id="punchInOutModal" class="modal" role="dialog">
1153
	  <div class="modal-dialog">
1154
 
1155
	    <!-- Modal content-->
1156
	    <div class="modal-content">
1157
	      <div class="modal-header">
1158
	        <button type="button" class="close" data-dismiss="modal">&times;</button>
1159
	        <h4 class="modal-title">Punch In Out</h4>
1160
	      </div>
1161
	   <div class="modal-body">
1162
	   <div id="punch-in-out-model">
1163
 
1164
      </div>
1165
      </div>
1166
    </div>
1167
   </div>
1168
 </div>
1169
 
1170
  </body>
1171
</html>