Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
26010 amit.gupta 1
<!DOCTYPE html>
2
<html lang="en">
28451 tejbeer 3
<head>
4
<meta charset="utf-8">
5
<meta name="viewport"
6
	content="width=device-width, initial-scale=1, maximum-scale=1">
7
<meta name="description" content="Smart Dukaan FOCO Dashboard">
8
<meta name="author" content="smartdukaan">
9
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
10
<link rel="shortcut icon" href="assets/images/icons/favicon.png">
26010 amit.gupta 11
 
28451 tejbeer 12
<title>Smart Dukaan - FOCO Dashboard</title>
26010 amit.gupta 13
 
28451 tejbeer 14
<!-- Bootstrap CSS -->
15
<!-- bootstrap theme -->
16
<!--external css-->
17
<!-- font icon -->
18
<link href="resources/css/elegant-icons-style.css" rel="stylesheet" />
19
<link href="resources/css/font-awesome.min.css" rel="stylesheet" />
20
<!-- full calendar css-->
21
<!-- owl carousel -->
22
<link rel="stylesheet" href="resources/css/owl.carousel.css"
23
	type="text/css">
24
<link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
25
<!-- Custom styles -->
26
<link href="resources/css/widgets.css" rel="stylesheet">
27
<link href="resources/css/multi.min.css?v=${cssVersion}" type="text/css"
28
	rel="stylesheet">
29
<link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
30
<link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
31
<link href="resources/css/style-responsive.css" rel="stylesheet" />
32
<link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
33
<link type="text/css" href="resources/css/bootstrap.css"
34
	rel="stylesheet">
35
<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
36
<link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
37
<link rel="stylesheet" type="text/css"
38
	href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
39
<link rel="stylesheet" type="text/css"
40
	href="resources/js/chosen.min.css" />
41
<link href="resources/css/bootstrap-duallistbox.css" rel="stylesheet" />
42
<link rel="stylesheet" type="text/css"
43
	href="resources/css/bootstrap-multiselect.css" />
44
<link rel="stylesheet" type="text/css"
45
	href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css" />
46
<link rel='stylesheet'
47
	href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
48
	integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ'
49
	crossorigin='anonymous'>
50
 
51
<style type="text/css">
52
.loading {
53
	display: none;
54
}
55
 
56
.breadcrumb {
57
	padding: 0 15px;
58
}
59
 
60
.stars-outer {
61
	display: inline-block;
62
	position: relative;
63
	font-family: FontAwesome;
64
}
65
 
66
.stars-outer::before {
67
	content: "\f006 \f006 \f006 \f006 \f006";
68
}
69
 
70
.stars-inner {
71
	position: absolute;
72
	top: 0;
73
	left: 0;
74
	white-space: nowrap;
75
	overflow: hidden;
76
	width: 0;
77
}
78
 
79
.stars-inner::before {
80
	content: "\f005 \f005 \f005 \f005 \f005";
81
	color: #f8ce0b;
82
}
83
 
84
.table-striped>tbody>tr:nth-child(odd)>td {
85
	background: white;
86
	background-color: #dae5f4;
87
}
88
 
89
.table-striped>tbody>tr:nth-child(even)>td {
90
	background: #f2f2f2;
91
	background-color: #b8d1f3;
92
}
93
 
94
.btn:hover {
95
	color: grey;
96
	text-decoration: none;
97
}
98
 
99
.btn-primary:hover {
100
	color: grey;
101
	text-decoration: none;
102
}
103
 
104
.sale-details {
105
	cursor: pointer;
106
}
107
 
108
.popover {
109
	min-width: 18%;
110
}
111
 
112
.fa-2x {
113
	font-size: 1.4em;
114
}
115
 
116
.cover {
117
	object-fit: cover;
118
	width: 100%;
119
	height: 90px;
120
	padding: 8px;
121
}
122
 
123
.info-box .notifications i {
124
	display: inline-block;
125
	margin-top: 0px;
126
	height: 25px;
127
	font-size: 16px;
128
	line-height: 25px;
129
	width: 25px;
130
	float: none;
131
	text-align: center;
132
	padding-right: 0px;
133
	color: #768399;
134
}
135
 
136
#preview {
137
	position: relative;
138
	color: #fff;
139
	float: left;
140
	width: 100%;
141
	-webkit-border-radius: 10px;
142
	-moz-border-radius: 10px;
143
	border-radius: 10px;
144
	clear: both;
145
}
146
 
147
#canvas-preview {
148
	width: 100%;
149
	position: relative;
150
	top: -15px;
151
}
152
 
153
#preview-textfield {
154
	position: absolute;
155
	top: -10px;
156
	left: 0;
157
	right: 0;
158
	text-align: center;
159
	font-size: 2em;
160
	font-weight: bold;
161
	color: white;
162
	font-family: 'Amaranth', sans-serif;
163
}
164
</style>
165
 
166
<script type="text/javascript">
27545 tejbeer 167
	function getWarehousePartners(warehouseId){
26418 tejbeer 168
 
27545 tejbeer 169
		doGetAjaxRequestHandler(context + "/getWarehousePartners?warehouseId="+warehouseId,
26418 tejbeer 170
			function(response) {
171
				$('#' + "main-content").html(response);
172
				console.log(response)
173
			});
174
	}
27509 tejbeer 175
 
176
		function getWarehouseBrandStock(warehouseId){
177
 
178
		doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandStock?warehouseId="+warehouseId,
179
			function(response) {
180
				$('#' + "main-content").html(response);
181
				console.log(response)
182
			});
183
	}
27529 tejbeer 184
 
185
 
27591 tejbeer 186
	function getWarehouseWiseBrandPartnerSale(brand){
27556 tejbeer 187
 
27591 tejbeer 188
		doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandPartnerSale?brand="+brand,
27556 tejbeer 189
			function(response) {
190
				$('#' + "main-content").html(response);
191
				console.log(response)
192
			});
193
	}
194
 
27594 tejbeer 195
	function getWarehouseWiseAccessoriesBrandPartnerSale(brand){
196
	doGetAjaxRequestHandler(context + "/getWarehouseWiseAccesoriesBrandPartnerSale?brand="+brand,
197
			function(response) {
198
				$('#' + "main-content").html(response);
199
				console.log(response)
200
			});
201
	}
27556 tejbeer 202
 
27594 tejbeer 203
 
27529 tejbeer 204
</script>
28451 tejbeer 205
 
206
 
27529 tejbeer 207
<script type="text/javascript">
208
	function getWarehouseWiseData(){
209
		doGetAjaxRequestHandler(context + "/getWarehouseWiseData",
210
			function(response) {
211
				$('#' + "main-content").html(response);
212
				console.log(response)
213
				if(response == 'true'){
27628 tejbeer 214
 
27529 tejbeer 215
				  window.location.href = $('.dashboardload').attr('href');
216
				 }
217
			});
218
	}
219
 
27628 tejbeer 220
   function	getPartnersStat(){
221
      doGetAjaxRequestHandler(context + "/getPartnersStatData",
222
			function(response) {
223
				if(response == 'true'){
224
				  window.location.href = $('.dashboardload').attr('href');
28048 amit.gupta 225
				}
27628 tejbeer 226
		});
227
   }
228
 
26418 tejbeer 229
 
27529 tejbeer 230
</script>
231
 
232
 
26010 amit.gupta 233
 
28451 tejbeer 234
</head>
26010 amit.gupta 235
 
28451 tejbeer 236
<body style="background-color: #f7f7f7">
237
	<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
238
	<!-- container section start -->
239
	<section id="container">
240
 
241
 
242
		<header class="header dark-bg">
243
			<div class="toggle-nav">
244
				<div class="icon-reorder tooltips"
245
					data-original-title="Toggle Navigation" data-placement="bottom">
246
					<i class="icon_menu"></i>
247
				</div>
248
			</div>
249
			<div class="top-nav notification-row">
250
				<!-- notificatoin dropdown start-->
251
				<ul class="nav pull-right top-menu">
252
					<!-- user login dropdown start-->
253
					<li class="dropdown"><a data-toggle="dropdown"
254
						class="dropdown-toggle" href="#"> <span class="profile-ava">
255
								<img class="avatar-custom" id="photo" alt="" src="">
256
						</span> <span class="username" id="fofo_name"></span> <b class="caret"></b>
257
					</a>
258
						<ul class="dropdown-menu extended logout">
259
							<div class="log-arrow-up"></div>
260
							<li class="eborder-top"><a class="change-auth-user-password"
261
								href="javascript:void(0);"><i class=""></i>Change Password</a></li>
262
							<li><a href="${rc.contextPath}/logout"><i
263
									class="icon_key_alt" id="logout"></i> Log Out</a></li>
264
						</ul></li>
265
					<!-- user login dropdown end -->
266
				</ul>
267
				<!-- notificatoin dropdown end-->
268
			</div>
269
		</header>
270
		<!--header end-->
271
 
272
		<!--sidebar start-->
273
		<aside>
274
			<div id="sidebar" class="nav-collapse ">
275
				<!-- sidebar menu start-->
276
				<ul class="sidebar-menu">
277
					<li class="active"><a class="dashboardload"
278
						href="${rc.contextPath}/dashboard"> <i class="icon_house_alt"></i>
279
							<span>Dashboard</span>
280
					</a></li>
281
					<li><a class="product-compare-info" href="javascript:void(0);">Product
282
							Compare</a></li>
283
					<!--<li><a class="web-listing" href="javascript:void(0);">Web Listing</a></li>
26958 tejbeer 284
                  <li><a class="banner-listing" href="javascript:void(0);">Banner Listing</a></li>
28111 amit.gupta 285
                  <li><a class="view-invoices" href="javascript:void(0);">View Invoices</a></li>-->
28451 tejbeer 286
					#foreach($menuItem in $menu)
287
					<li class="sub-menu"><a href="javascript:;" class=""> <i
288
							class="icon_document_alt"></i> <span>$menuItem.getDisplayText()</span>
289
							<span class="menu-arrow arrow_carrot-right"></span>
290
					</a>
291
						<ul class="sub">
292
							#foreach($subMenu in $menuItem.getSubMenus())
293
							<li><a class="$subMenu.getActionClass()"
294
								href="javascript:void(0);">$subMenu.getDisplayText()</a></li> #end
295
						</ul></li> #end
296
				</ul>
297
				<!-- sidebar menu end-->
298
			</div>
299
		</aside>
300
		<!--sidebar end-->
26010 amit.gupta 301
 
28451 tejbeer 302
		<!--main content start-->
303
		<section id="main-content">
304
			<section class="wrapper">
305
				<!--overview start-->
306
				<div class="row">
307
					<div class="col-lg-12">
308
						<h3 class="page-header">
309
							<i class="fa fa-laptop"></i> Dashboard
310
						</h3>
311
						<ol class="breadcrumb">
312
							<li><i class="fa fa-home"></i><a
313
								href="${rc.contextPath}/dashboard">Home</a></li>
314
							<li><i class="fa fa-laptop"></i>Dashboard</li>
315
						</ol>
316
					</div>
26010 amit.gupta 317
				</div>
28451 tejbeer 318
				<!-- overview end -->
319
 
320
				#if($warehousePartnerDetailMap)
26418 tejbeer 321
				<div class="row">
28451 tejbeer 322
 
323
					<div class="col-lg-6">
324
 
325
						<div class="row col-lg-4">
326
							<h3 style="margin-top: -2px; margin-bottom: 24px">
327
								<strong>Partner Wise Report</strong>
328
							</h3>
329
						</div>
330
 
331
						<div style="float: right">
332
							<span style="margin-right: 10px">Last Fetch :-
333
								$rctPartneStat.getLastCreatedTimestamp().format($dateTimeFormatter)</span>
334
							<button class="btn btn-primary fetchPartnersData"
335
								onclick="getPartnersStat()" type="button">Fetch</button>
336
						</div>
337
						<table class="table table-striped table-advance table-hover">
338
							<tbody>
339
								<tr>
340
									<th>W/H Location</th>
341
									<th>Partners</th>
342
									<th>LMS</th>
343
									<th>LMTD</th>
344
									<th>MTD</th>
345
									<th>Today Tertiary</th>
346
									<th>Tickets</th>
347
								</tr>
348
								#foreach($name in $warehousePartnerDetailMap.keySet())
349
								<tr onclick="getWarehousePartners($name)">
350
									<td>$warehouseMap.get($name)</td>
351
									<td>$warehousePartnerDetailMap.get($name).getCount()</td>
352
									<td class="currency">$warehousePartnerDetailMap.get($name).getLms()</td>
353
									<td class="currency">$warehousePartnerDetailMap.get($name).getLmtd()</td>
354
									<td class="currency">$warehousePartnerDetailMap.get($name).getMtd()</td>
355
									<td class="currency">$warehousePartnerDetailMap.get($name).getTodayTertiary()</td>
356
 
357
									<td>$warehousePartnerDetailMap.get($name).getTicket()</td>
358
 
359
								</tr>
360
								#end
361
 
362
							</tbody>
363
						</table>
27628 tejbeer 364
					</div>
28451 tejbeer 365
 
366
					<div class="col-lg-4">
367
						<div class="row col-lg-8">
368
							<h3 style="margin-top: -2px; margin-bottom: 24px">
369
								<strong>Warehouse Wise Report</strong>
370
							</h3>
26418 tejbeer 371
						</div>
28451 tejbeer 372
 
373
						<div style="float: right">
374
							<span style="margin-right: 10px">Last Fetch :-
375
								$reporticoDate.getLastCreatedTimestamp().format($dateTimeFormatter)</span>
376
							<button class="btn btn-primary fetchWarehouseData"
377
								onclick="getWarehouseWiseData()" type="button">Fetch</button>
378
						</div>
379
						<table class="table table-striped table-advance table-hover">
380
							<tbody>
381
								<tr>
382
									<th>W/H Location</th>
383
									<th>Total Stock</th>
384
									<th>Total Value</th>
385
									<th>Pending Indent</th>
386
									<th>Tertiary</th>
387
								</tr>
388
								#foreach($key in $warehouseStockMap.keySet())
389
 
390
								<tr
391
									onclick="getWarehouseBrandStock($warehouseStockMap.get($key).getWarehouseId())">
392
									<td>$warehouseMap.get($key)</td>
393
									#if($warehouseStockMap.get($key).getStockQty())
394
									<td>$warehouseStockMap.get($key).getStockQty()</td>
395
									<td class="currency">$warehouseStockMap.get($key).getStockValue()</td>
396
									#else
397
									<td>0</td>
398
									<td>0</td> #end
399
									#if($warehouseStockMap.get($key).getPendingIndent())
400
									<td>$warehouseStockMap.get($key).getPendingIndent()</td> #else
401
									<td>0</td> #end
402
 
403
									<td>$warehouseStockMap.get($key).getTertiary()</td>
404
 
405
								</tr>
406
 
407
								#end
408
 
409
 
410
							</tbody>
411
						</table>
412
 
413
 
414
 
415
 
27558 tejbeer 416
					</div>
28451 tejbeer 417
				</div>
418
 
419
				#end #if($warehousePartnerDetailMap)
420
 
421
				<div class="row col-lg-6">
422
					<ul class="nav nav-tabs" style="margin: 5px">
423
						<li class="brandlms"><a class="pa">Lms</a></li>
424
 
425
						<li class="mobile_based"><a class="ba">Mobile</a></li>
426
						<li class="accessories_based"><a class="la">Accessories</a></li>
427
 
428
					</ul>
429
 
430
					<div class="row" id="chart-filter">
431
						<div class="col-lg-2 form-group">
432
							<span><b> Warehouse </b> </span> <select
433
								class="form-control input-sm" id="warehouseId"
434
								name="warehouseMap" placeholder="Warehouse">
435
								<option value="" disabled selected>Warehouse</option>
436
								#if($warehouseId.contains(0))
437
								<option value="0" selected>All</option> #else
438
								<option value="0" selected>All</option> #end #foreach($wm
439
								in$warehouseMap.entrySet()))
440
								#if($warehouseId.contains($wm.getKey()))
441
								<option value="$wm.getKey()" selected>$wm.getValue()</option>
442
								#else
443
								<option value="$wm.getKey()">$wm.getValue()</option> #end #end
444
							</select>
445
						</div>
446
 
447
						<div class="col-lg-2 form-group">
448
 
449
							<div class="input-group">
450
								<span><b> From: </b> </span><input type="date"
451
									class="form-control date-set" value="${date}" />
452
 
453
							</div>
454
						</div>
455
 
28452 tejbeer 456
						<div class="col-lg-2 form-group" style="margin-left: 49px">
28451 tejbeer 457
							<span><b> Partners </b> </span><select
458
								class="form-control input-sm" id="fofo-users" name="fofo-users"
459
								placeholder="Partners" multiple="multiple">
460
								<option value="" disabled selected>Partners</option>
461
 
462
								#foreach($fofoId in $customRetailersMap.keySet())
463
								#if($fofoIds.contains($fofoId))
464
								<option value="$fofoId" selected>$customRetailersMap.get($fofoId).getBusinessName()</option>
465
								#else
466
								<option value="$fofoId">$customRetailersMap.get($fofoId).getBusinessName()</option>
467
								#end #end
468
							</select>
469
						</div>
470
 
471
					</div>
472
 
473
 
474
					<div class="row reportContainer" style="margin: 5px"></div>
475
 
476
				</div>
477
 
478
				#end
479
 
480
 
481
 
482
 
26063 amit.gupta 483
				<div class="col-lg-6">
28451 tejbeer 484
 
485
					#if($authUserTicketCount)
486
					<div class="row col-lg-8">
487
						<h3 style="margin-top: -2px; margin-bottom: 24px">
488
							<strong>Auth User Tickets</strong>
489
						</h3>
27556 tejbeer 490
					</div>
28451 tejbeer 491
 
492
					<table class="table table-striped table-advance table-hover"
493
						style="width: 65%">
494
						<tbody>
495
							<tr>
496
								<th>Auth User</th>
497
								<th>Tickets</th>
498
 
499
							</tr>
500
							#foreach($authUserTicket in $authUserTicketCount.entrySet())
501
 
502
							<tr>
503
								<td>$authUserTicket.getKey().getName()</td>
504
								<td>$authUserTicket.getValue()</td>
505
 
506
							</tr>
507
 
508
							#end
509
 
510
 
511
						</tbody>
512
					</table>
513
 
27701 tejbeer 514
					<div class="row col-lg-4">
28451 tejbeer 515
						<h3 style="margin-top: -2px; margin-bottom: 24px">
516
							<strong>Reports</strong>
517
						</h3>
27701 tejbeer 518
					</div>
27599 tejbeer 519
					<div class="row col-lg-12 info-box white-bg">
28451 tejbeer 520
						<table class="table table-striped reports-table"
521
							style="display: none">
522
							<tbody>
523
								<div class="list-group">
524
									#foreach($reporticoProjectEntry in
525
									$reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
526
									$reporticoProjectEntry.getValue()) <a
527
										href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
528
										class="list-group-item" #if($reporticoUrlInfo.getParamsList())
529
										data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
530
										#end>
531
										<h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
532
										<p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
533
									</a> #end #end
27701 tejbeer 534
								</div>
28451 tejbeer 535
							</tbody>
27701 tejbeer 536
						</table>
28451 tejbeer 537
 
27701 tejbeer 538
					</div>
28451 tejbeer 539
 
540
 
541
					<div class="row col-lg-12 info-box white-bg">
27599 tejbeer 542
						<div class="col-lg-4">
28451 tejbeer 543
							<h3 style="margin-top: -2px; margin-bottom: 24px">
544
								<strong>My Messages</strong>
545
							</h3>
27599 tejbeer 546
						</div>
547
						<div class="col-lg-4">
28451 tejbeer 548
							<div class="btn-group message-filter">
549
								<button data-messagetype="notification" type="button"
550
									class="btn btn-default" aria-label="Notifications"
551
									title="Notifications">
552
									<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
553
								</button>
554
								<button data-messagetype="announcement" type="button"
555
									class="btn btn-default" aria-label="Announcements"
556
									title="Announcements">
557
									<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
558
								</button>
559
								<button data-messagetype="scheme" type="button"
560
									class="btn btn-default" aria-label="SmartDukaan Schemes"
561
									title="SmartDukaan Schemes">
27599 tejbeer 562
									<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
563
								</button>
28451 tejbeer 564
								<button data-messagetype="marketing" type="button"
565
									class="btn btn-default" aria-label="SmartDukaan Schemes"
566
									title="SmartDukaan Schemes">
567
									<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
568
								</button>
27599 tejbeer 569
							</div>
570
						</div>
28451 tejbeer 571
						<div class="col-lg-12 row notification-container"
572
							style="max-height: 500px; overflow-y: scroll;"></div>
27599 tejbeer 573
					</div>
574
				</div>
28451 tejbeer 575
 
576
				</div>
577
				</div>
578
				#end 
579
 
580
				#if(!$authUserTicketCount)
581
 
582
				<div class="row">
27556 tejbeer 583
					<div class="row col-lg-4">
28451 tejbeer 584
						<h3 style="margin-top: -2px; margin-bottom: 24px">
585
							<strong>Reports</strong>
586
						</h3>
26010 amit.gupta 587
					</div>
26063 amit.gupta 588
					<div class="row col-lg-12 info-box white-bg">
28451 tejbeer 589
						<table class="table table-striped reports-table"
590
							style="display: none">
591
							<tbody>
592
								<div class="list-group">
593
									#foreach($reporticoProjectEntry in
594
									$reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
595
									$reporticoProjectEntry.getValue()) <a
596
										href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
597
										class="list-group-item" #if($reporticoUrlInfo.getParamsList())
598
										data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
599
										#end>
600
										<h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
601
										<p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
602
									</a> #end #end
26063 amit.gupta 603
								</div>
28451 tejbeer 604
							</tbody>
26063 amit.gupta 605
						</table>
28451 tejbeer 606
 
26063 amit.gupta 607
					</div>
28451 tejbeer 608
 
26063 amit.gupta 609
				</div>
28451 tejbeer 610
				<div>
611
					<div class="col-lg-12">
612
						<div class="row col-lg-12 info-box white-bg">
613
							<div class="col-lg-4">
614
								<h3 style="margin-top: -2px; margin-bottom: 24px">
615
									<strong>My Messages</strong>
616
								</h3>
26063 amit.gupta 617
							</div>
28451 tejbeer 618
							<div class="col-lg-4">
619
								<div class="btn-group message-filter">
620
									<button data-messagetype="notification" type="button"
621
										class="btn btn-default" aria-label="Notifications"
622
										title="Notifications">
623
										<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
624
									</button>
625
									<button data-messagetype="announcement" type="button"
626
										class="btn btn-default" aria-label="Announcements"
627
										title="Announcements">
628
										<span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
629
									</button>
630
									<button data-messagetype="scheme" type="button"
631
										class="btn btn-default" aria-label="SmartDukaan Schemes"
632
										title="SmartDukaan Schemes">
633
										<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
634
									</button>
635
									<button data-messagetype="marketing" type="button"
636
										class="btn btn-default" aria-label="SmartDukaan Schemes"
637
										title="SmartDukaan Schemes">
638
										<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
639
									</button>
640
								</div>
641
							</div>
642
							<div class="col-lg-12 row notification-container"
643
								style="max-height: 500px; overflow-y: scroll;"></div>
26063 amit.gupta 644
						</div>
26010 amit.gupta 645
					</div>
646
				</div>
28451 tejbeer 647
				#end
648
			</section>
649
			<div class="text-center">
650
				<div class="credits">
651
					<p>All rights reserved.&copy;2017, Smart Dukaan</p>
652
				</div>
26010 amit.gupta 653
			</div>
654
		</section>
655
 
28451 tejbeer 656
		<script type="text/javascript">
26010 amit.gupta 657
		context="${rc.contextPath}";
658
		webApiScheme="$webApiScheme";
659
		webApiRoot="$webApiRoot";
660
		webApiHost="$webApiHost";
661
		webApiPort="$webApiPort";
26287 amit.gupta 662
		#if($authId)
26286 amit.gupta 663
			retailers = $retailers;
664
			warehouses = $warehouses;
26287 amit.gupta 665
	        authId = $authId;
26286 amit.gupta 666
		#end
28451 tejbeer 667
 
668
 
669
 
670
 
26010 amit.gupta 671
	</script>
28451 tejbeer 672
		#parse("include-scripts.vm")
26010 amit.gupta 673
 
28451 tejbeer 674
		<script>
675
 
26010 amit.gupta 676
      //knob
677
      $(function() {
678
        /*$(".knob").knob({
679
          'draw' : function () { 
680
            $(this.i).val(this.cv + '%')
681
          }
682
        });*/
683
        $.fn.dataTable.moment( 'DD/MM/YYYY' );
684
        $.fn.dataTable.moment( 'DD/MM/YYYY hh:mm' );
685
        $('.currency').each(function(index, ele) {
686
			if (!isNaN(parseInt($(ele).html()))) {
687
				$(ele).html(numberToComma($(ele).html()));
688
			}
689
		});
690
      });
691
 
692
      $(function() {
693
    	 	var profile = localStorage.getItem('profile');
694
    	 	if (profile){
695
    			$("#photo").attr("src",JSON.parse(profile).image_url);
696
    			$("#fofo_name").text(JSON.parse(profile).name);
697
    	 	}
698
    	 	else{
699
    	 		$("#photo").attr("src","");
700
    			$("#fofo_name").text("Welcome, User");
701
    	 	}
702
    });
703
 
704
 
705
 
706
	$(function(){
707
		dateRangeCallback(moment(),moment());
708
		loaderDialogObj = bootbox.dialog({
709
		    message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
27341 amit.gupta 710
		    show: false	
26010 amit.gupta 711
		});
712
	});
26062 tejbeer 713
 
26166 amit.gupta 714
	$(document).ready(function(){
28451 tejbeer 715
 
716
	   $(".brandlms").click();
717
 
718
	    $('div.message-filter').on('click', 'button', function() {
26062 tejbeer 719
			messageType = $(this).data("messagetype");
720
			if($(this).hasClass('btn-pressed')) {
721
				messageType="";
722
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
723
			} else {
724
				$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
725
				$(this).addClass('btn-pressed').removeClass('btn-default');
726
			}
727
			notifyTypeChange(messageType);
728
		});
729
		notifyTypeChange("");
26166 amit.gupta 730
	});
26062 tejbeer 731
 
28451 tejbeer 732
 
733
    $(document).on("click", ".mobile_based",
734
            function () {  
735
    	 $("#chart-filter").hide();
736
            $(".ba").css("color", "blue");
737
            $(".ba").css("background-color", "white");   
738
           $(".la").css("color", "white"); 
739
            $(".la").css("background-color", "#C0C0C0");
740
             $(".pa").css("color", "white"); 
741
            $(".pa").css("background-color", "#C0C0C0");  
742
             $(".pd").css("color", "white");
743
            $(".pd").css("background-color", "#C0C0C0");                   
744
             doGetAjaxRequestHandler(context + "/getMobileBrandWise", function (response) {
745
                    $('.reportContainer').html(response);
746
                });              
747
        }); 
748
 
749
    $(document).on("click", ".accessories_based",
750
            function () {
751
    	   $("#chart-filter").hide();
752
          $(".ba").css("color", "white"); 
753
          $(".ba").css("background-color", "#C0C0C0");   
754
           $(".pa").css("color", "white"); 
755
            $(".pa").css("background-color", "#C0C0C0");   
756
           $(".la").css("color", "blue"); 
757
            $(".la").css("background-color", "white");
758
            $(".pd").css("color", "white");
759
            $(".pd").css("background-color", "#C0C0C0");
760
             doGetAjaxRequestHandler(context + "/getAccessoriesBrandWise", function (response) {
761
                    $('.reportContainer').html(response);
762
                });    
763
   }); 
764
 
765
 
766
 
767
    $(document).on("click", ".brandlms",
768
            function () {
769
 
770
    	 $(".pa").css("color", "blue"); 
771
         $(".pa").css("background-color", "white");
772
       $(".ba").css("color", "white"); 
773
       $(".ba").css("background-color", "#C0C0C0");  
774
        $(".pd").css("color", "white"); 
775
         $(".pd").css("background-color", "#C0C0C0");  
776
        $(".la").css("color", "white"); 
777
         $(".la").css("background-color", "#C0C0C0");
778
 
779
         $("#chart-filter").show();
780
 
781
     	var warehouseId = $('#warehouseId').val();
782
        	var date = $('.date-set').val();
783
        	var fofoIds =    $('#fofo-users').val();
784
        	console.log(warehouseId)
785
 
786
        	console.log(date)
787
             doGetAjaxRequestHandler(context + "/getMobileLMSGraph?warehouseId="+warehouseId+"&date="+date+"&fofoIds="+fofoIds, function (response) {
788
                    $('.reportContainer').html(response);
789
                });    
790
   });
791
 
26166 amit.gupta 792
	/*$(function(){
26062 tejbeer 793
		messageType = $(this).data("messagetype");
794
		if($(this).hasClass('btn-pressed')) {
795
			messageType="";
796
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
797
		} else {
798
			$('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
799
			$(this).addClass('btn-pressed').removeClass('btn-default');
800
		}
801
		notifyTypeChange(messageType);
26166 amit.gupta 802
	});*/
28451 tejbeer 803
 
804
	 $('#fofo-users').multiselect({
805
 		includeSelectAllOption: true,
806
     		multiple:true,
807
     		maxHeight: 200,
808
     		buttonWidth: '180px',
809
     		numberDisplayed: 1,
810
     	nonSelectedText: 'Users',
811
     	nSelectedText: ' - Users Selected',
812
     	allSelectedText: 'All Users Selected',
813
     	enableFiltering: true,
814
	        enableCaseInsensitiveFiltering : true
815
     });
816
 
26010 amit.gupta 817
</script>
28451 tejbeer 818
		<div id="report-modal" class="modal" role="dialog"
819
			data-backdrop="static" data-keyboard="false">
820
			<div class="modal-dialog">
821
 
822
				<!-- Modal content-->
823
				<div class="modal-content">
824
					<div class="modal-header">
825
						<button type="button" class="close" data-dismiss="modal">&times;</button>
826
						<h4 class="modal-title"></h4>
827
					</div>
828
					<div class="modal-body"></div>
829
					<div class="modal-footer">
830
						<button type="button" data-dismiss="modal"
831
							class="btn btn-default download-report">Download</button>
832
					</div>
833
				</div>
834
			</div>
26063 amit.gupta 835
		</div>
28451 tejbeer 836
</body>
26010 amit.gupta 837
</html>