Subversion Repositories SmartDukaan

Rev

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