Subversion Repositories SmartDukaan

Rev

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

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