Subversion Repositories SmartDukaan

Rev

Rev 30492 | Rev 30623 | 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">
27875 amit.gupta 3
<head>
30485 tejbeer 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">
27875 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
 
27875 amit.gupta 13
    <!-- Bootstrap CSS -->
21627 kshitij.so 14
    <!-- bootstrap theme -->
15
    <!--external css-->
16
    <!-- font icon -->
27875 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">
27875 amit.gupta 22
    <link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
21627 kshitij.so 23
    <!-- Custom styles -->
27875 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">
30165 manish 27
    <link href="resources/css/brand-logo.css?v=${cssVersion}" rel="stylesheet">
27875 amit.gupta 28
    <link href="resources/css/style-responsive.css?v=${cssVersion}" rel="stylesheet"/>
29
    <link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
24066 amit.gupta 30
    <link type="text/css" href="resources/css/bootstrap.css" rel="stylesheet">
27875 amit.gupta 31
    <!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
24066 amit.gupta 32
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
28524 amit.gupta 33
    <link rel="stylesheet" type="text/css" href="resources/js/daterangepicker/daterangepicker.css"/>
27624 tejbeer 34
 
27875 amit.gupta 35
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css"/>
36
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css"/>
37
    <link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
38
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
30492 amit.gupta 39
    <style>
27596 tejbeer 40
 
30017 amit.gupta 41
        <!--
42
        Small desktops-- >
43
 
44
        @media (max-width: 1280px) {
45
            div.count {
46
                font-size: 18px;
47
            }
48
        }
49
 
50
 
27875 amit.gupta 51
        .current-margin {
52
            cursor: pointer;
53
        }
21627 kshitij.so 54
 
27875 amit.gupta 55
        .margin-calculator {
56
            cursor: pointer;
57
        }
25654 amit.gupta 58
 
27875 amit.gupta 59
        .Vivo:hover {
60
            border-radius: 40px;
61
            background: blue;
62
        }
21627 kshitij.so 63
 
27875 amit.gupta 64
 
65
        .Samsung:hover {
66
            border-radius: 4px;
67
            background: blue;
68
        }
69
 
70
        .Vivo:hover {
71
            border-radius: 4px;
72
            background: mediumblue;
73
        }
74
 
75
        .Oppo:hover {
76
            border-radius: 4px;
77
            background: green;
78
        }
79
 
80
        .Lava:hover {
81
            border-radius: 4px;
82
            background: salmon;
83
        }
84
 
85
        .Live:hover {
86
            border-radius: 4px;
87
            background: coral;
88
        }
89
 
90
        .Nokia:hover {
91
            border-radius: 4px;
92
            background: blue;
93
        }
94
 
95
        .Realme:hover {
96
            border-radius: 4px;
97
            background: yellow;
98
        }
99
 
100
        .Tecno:hover {
101
            border-radius: 4px;
102
            background: DarkTurquoise;
103
        }
104
 
105
        .Samsung {
106
 
107
            -moz-border-radius: 4px;
108
            border-radius: 4px;
109
            border: solid 5px black;
110
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
111
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
112
            background-image: linear-gradient(#4682B4, #dae5f4);
113
            color: #FFF;
114
            padding: 8px 12px;
115
            text-decoration: none;
116
            cursor: pointer;
117
 
118
 
119
        }
120
 
121
        .Vivo {
122
            -moz-border-radius: 4px;
123
            border-radius: 4px;
124
            border: solid 5px black;
125
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
126
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
127
            background-image: linear-gradient(#4682B4, #dae5f4);
128
            color: #FFF;
129
            padding: 8px 12px;
130
            text-decoration: none;
131
            cursor: pointer;
132
 
133
        }
134
 
135
        .Oppo {
136
            -moz-border-radius: 4px;
137
            border-radius: 4px;
138
            border: solid 5px black;
139
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
140
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
141
            background-image: linear-gradient(#4682B4, #dae5f4);
142
            color: #FFF;
143
            padding: 8px 12px;
144
            text-decoration: none;
145
            cursor: pointer;
146
 
147
        }
148
 
149
        .Lava {
150
 
151
            -moz-border-radius: 4px;
152
            border-radius: 4px;
153
            border: solid 5px black;
154
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
155
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
156
            background-image: linear-gradient(#4682B4, #dae5f4);
157
            color: #FFF;
158
            padding: 8px 12px;
159
            text-decoration: none;
160
            cursor: pointer;
161
 
162
        }
163
 
164
        .Realme {
165
            -moz-border-radius: 4px;
166
            border-radius: 4px;
167
            border: solid 5px black;
168
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
169
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
170
            background-image: linear-gradient(#4682B4, #dae5f4);
171
            color: #FFF;
172
            padding: 8px 12px;
173
            text-decoration: none;
174
            cursor: pointer;
175
 
176
        }
177
 
178
        .Tecno {
179
            -moz-border-radius: 4px;
180
            border-radius: 4px;
181
            border: solid 5px black;
182
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
183
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
184
            background-image: linear-gradient(#4682B4, #dae5f4);
185
            color: #FFF;
186
            padding: 8px 12px;
187
            text-decoration: none;
188
            cursor: pointer;
189
 
190
        }
191
 
192
        .Nokia {
193
            -moz-border-radius: 4px;
194
            border-radius: 4px;
195
            border: solid 5px black;
196
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
197
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
198
            background-image: linear-gradient(#4682B4, #dae5f4);
199
            color: #FFF;
200
            padding: 8px 12px;
201
            text-decoration: none;
202
            cursor: pointer;
203
 
204
        }
205
 
206
        .Live {
207
 
208
            -moz-border-radius: 4px;
209
            border-radius: 4px;
210
            border: solid 5px black;
211
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
212
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
213
            background-image: linear-gradient(#4682B4, #dae5f4);
214
            color: #FFF;
215
            padding: 8px 12px;
216
            text-decoration: none;
217
            cursor: pointer;
218
        }
219
 
220
        #accesoriesStock:hover {
221
            cursor: pointer;
222
            border-radius: 4px;
223
            background: white;
224
        }
225
 
226
        #accesoriesStock {
227
 
228
            -moz-border-radius: 4px;
229
            border-radius: 4px;
230
            border: solid 5px black;
231
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
232
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
233
            background-image: linear-gradient(#4682B4, #dae5f4);
234
            color: #FFF;
235
            padding: 14px 3px 18px 3px;
236
            text-decoration: none;
237
            object-fit: cover;
238
            width: 100%;
239
            height: 90px;
240
 
241
        }
242
 
243
        .loading {
244
            display: none;
245
        }
246
 
247
        .breadcrumb {
248
            padding: 0 15px;
249
        }
250
 
30232 amit.gupta 251
        .purple-bg {
252
 
253
            background-image: linear-gradient(#800080, #DDA0DD);
254
            box-shadow: 6px 5px 6px purple;
255
        }
256
 
27875 amit.gupta 257
        .stars-outer {
258
            display: inline-block;
259
            position: relative;
260
            font-family: FontAwesome;
261
        }
262
 
263
        .stars-outer::before {
264
            content: "\f006 \f006 \f006 \f006 \f006";
265
        }
266
 
267
        .stars-inner {
268
            position: absolute;
269
            top: 0;
270
            left: 0;
271
            white-space: nowrap;
272
            overflow: hidden;
273
            width: 0;
274
        }
275
 
276
        .stars-inner::before {
277
            content: "\f005 \f005 \f005 \f005 \f005";
278
            color: #f8ce0b;
279
        }
280
 
281
 
282
        .table-striped > tbody > tr:nth-child(odd) > td {
283
            background: white;
284
            background-color: #dae5f4;
285
        }
286
 
287
        .table-striped > tbody > tr:nth-child(even) > td {
288
            background: #f2f2f2;
289
            background-color: #b8d1f3;
290
        }
291
 
292
        .btn:hover {
293
            color: grey;
294
            text-decoration: none;
295
        }
296
 
297
        .btn-primary:hover {
298
            color: grey;
299
            text-decoration: none;
300
        }
301
 
302
        .sale-details {
303
            cursor: pointer;
304
        }
305
 
306
        .fa-2x {
307
            font-size: 1.4em;
308
        }
309
 
310
        .cover {
311
            object-fit: cover;
28151 amit.gupta 312
            width: 92%;
27875 amit.gupta 313
            height: 90px;
314
        }
315
 
316
        .info-box .notifications i {
317
            display: inline-block;
318
            margin-top: 0px;
319
            height: 25px;
320
            font-size: 16px;
321
            line-height: 25px;
322
            width: 25px;
323
            float: none;
324
            text-align: center;
325
            padding-right: 0px;
326
            color: #768399;
327
        }
328
 
329
        #preview {
330
            position: relative;
331
            color: #fff;
332
            float: left;
333
            width: 100%;
334
            -webkit-border-radius: 10px;
335
            -moz-border-radius: 10px;
336
            border-radius: 10px;
337
            clear: both;
338
        }
339
 
340
        #canvas-preview {
341
            width: 100%;
342
            position: relative;
343
            top: -15px;
344
        }
345
 
346
        #preview-textfield {
347
            position: absolute;
348
            top: -10px;
349
            left: 0;
350
            right: 0;
351
            text-align: center;
352
            font-size: 2em;
353
            font-weight: bold;
354
            color: white;
355
            font-family: 'Amaranth', sans-serif;
356
        }
357
 
358
        #descriptionMenu {
359
            list-style: desc !important;
360
            list-style-type: square;
361
            text-align: left;
362
        }
363
 
364
        .messagebutton {
365
            margin-left: 1px;
366
 
367
        }
368
 
369
 
370
    </style>
371
</head>
372
 
373
<body style="background-color:#f7f7f7">
374
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
375
<!-- container section start -->
376
<section id="container">
377
 
378
 
379
    <header class="header dark-bg indian-flag">
380
        <div class="toggle-nav">
381
            <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i
382
                    class="icon_menu"></i></div>
383
        </div>
384
        <a href="${rc.contextPath}/dashboard" class="logo" style="margin-top: 7px"> <img
385
                src="resources/images/SmartDukaan-135x45.jpg" alt="smartDukaan" width="140"
386
                height="45">$fofoStore.getCode()</a>
387
 
29163 manish 388
        <a href="#"><img src="${partnerTypeImage}" width="60px"></a>
30232 amit.gupta 389
 
390
        <span style="color:red">$partnerType</span>
391
 
28727 amit.gupta 392
        <div class="btn-group message-filter" style="margin:14px;">
27875 amit.gupta 393
            <button data-messagetype="notification" type="button" class="btn btn-default notifi"
394
                    aria-label="Notifications">
395
                <span class="notify1 Notificat">Notification</span></button>
396
            <button data-messagetype="announcement" type="button" class="btn btn-default price"
397
                    aria-label="Announcements">
398
                <span class="notify Price">Price-Drop</span></button>
399
            <button data-messagetype="scheme" type="button" class="btn btn-default schem"
400
                    aria-label="SmartDukaan Schemes">
401
                <span class="notify Scheme">Schemes</span>
402
            </button>
403
 
404
            <button data-messagetype="marketing" type="button" class="btn btn-default mark"
405
                    aria-label="SmartDukaan Schemes">
406
                <span class="notify market">Marketing</span>
407
            </button>
408
        </div>
409
 
410
 
411
        <div class="top-nav notification-row">
412
            <!-- notificatoin dropdown start-->
413
            <ul class="nav pull-right top-menu">
414
                <li class="dropdown">
415
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
416
                        <img style="height:38px" src="/resources/images/icons/care1.jpg"/>
417
                        <span class="username" style="font-size:15px">CARE</span>
418
                        <b class="caret"></b>
419
                    </a>
420
                    <ul class="dropdown-menu extended logout">
421
                        <div class="log-arrow-up"></div>
422
                        <li class="eborder-top">
423
                            <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
424
                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
425
                        </li>
426
                        <li></li>
427
                    </ul>
428
                </li>
429
 
430
                <li class="dropdown" style="margin-top:3px;">
431
                    <a href="javascript:void(0);" id="links_bar" style="color:#D3181F" class="btn btn-link"
432
                       data-toggle="popover">
433
                        <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
434
                    </a>
435
                </li>
436
 
437
                <li class="dropdown" style="margin-top:5px;">
438
                    <a href="javascript:void(0);" class="download_reports btn btn-link" style="color:#D3181F">
439
                        <i title="reports" class="far fa-list-alt fa-2x"></i>
440
                    </a>
441
                </li>
442
 
443
 
444
                <li id="wallet_bar" class="dropdown">
445
                    <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
446
                        <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
447
                    </a>
448
                </li>
449
 
450
                <li id="cart_bar" class="dropdown">
451
                    <a class="cart_icon_header" href="javascript:void(0);">
452
                        <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
453
                        <span class="badge bg-important"></span>
454
                    </a>
455
                </li>
456
 
457
 
458
                <!-- alert notification start-->
459
                <!--<li id="alert_notificatoin_bar" class="dropdown">
460
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
461
 
462
                        <i class="icon-bell-l"></i>
463
                        <span class="badge bg-important">0</span>
464
                    </a>
465
                    <ul class="dropdown-menu extended notification">
466
                        <div class="notify-arrow notify-arrow-blue"></div>
467
                        <li>
468
                            <p class="blue">You have no new notifications</p>
469
                        </li>
470
                        <li>
471
                            <a href="#">
472
                                <span class="label label-primary"><i class="icon_profile"></i></span>
473
                                Friend Request
474
                                <span class="small italic pull-right">5 mins</span>
475
                            </a>
476
                        </li>
477
                        <li>
478
                            <a href="#">
479
                                <span class="label label-warning"><i class="icon_pin"></i></span>
480
                                John location.
481
                                <span class="small italic pull-right">50 mins</span>
482
                            </a>
483
                        </li>
484
                        <li>
485
                            <a href="#">
486
                                <span class="label label-danger"><i class="icon_book_alt"></i></span>
487
                                Project 3 Completed.
488
                                <span class="small italic pull-right">1 hr</span>
489
                            </a>
490
                        </li>
491
                        <li>
492
                            <a href="#">
493
                                <span class="label label-success"><i class="icon_like"></i></span>
494
                                Mick appreciated your work.
495
                                <span class="small italic pull-right"> Today</span>
496
                            </a>
497
                        </li>
498
                        <li>
499
                            <a href="#">See all notifications</a>
500
                        </li>
501
                    </ul>
502
                </li>
503
                -->
504
                <!-- alert notification end -->
505
                <li class="dropdown">
506
                    <ul class="dropdown-menu extended">
507
                        <div class="log-arrow-up"></div>
508
                        <li class="eborder-top">
509
                            <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
510
                        </li>
511
                    </ul>
512
                </li>
513
                <!-- user login dropdown start-->
514
                <li class="dropdown">
515
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
27519 amit.gupta 516
                            <span class="profile-ava">
517
                                <img class="avatar-custom" id="photo" alt="" src="">
518
                            </span>
27875 amit.gupta 519
                        <span class="username" id="fofo_name"></span>
520
                        <b class="caret"></b>
521
                    </a>
522
                    <ul class="dropdown-menu extended logout">
523
                        <div class="log-arrow-up"></div>
524
                        <li class="eborder-top">
525
                            <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My
526
                                Profile</a>
527
                            <a href="${rc.contextPath}/mobileapp" class="btn btn-default" target="_blank">SD Mobile
528
                                App</a>
529
                            <a class="user-manual" target="_blank"
530
                               href="http://www.smartdukaan.com/Dealer-Guideline.pdf">Franchise Manual Sd Policies</a>
531
                            #if($isAdmin)
27519 amit.gupta 532
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
27875 amit.gupta 533
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change
534
                                    Password</a>
535
                            #end
536
                        </li>
537
                        <li>
538
                            <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id="logout"></i> Log Out</a>
539
                        </li>
540
                    </ul>
541
                </li>
542
                <!-- user login dropdown end -->
543
            </ul>
544
            <!-- notificatoin dropdown end-->
545
        </div>
546
    </header>
547
    <!--header end-->
21627 kshitij.so 548
 
27875 amit.gupta 549
    <!--sidebar start-->
550
    <aside>
551
        <div id="sidebar" class="nav-collapse ">
552
            <!-- sidebar menu start-->
553
            <ul class="sidebar-menu">
554
                <li class="active">
555
                    <a class="" href="${rc.contextPath}/dashboard">
556
                        <i class="icon_house_alt"></i>
557
                        <span>Dashboard</span>
558
                    </a>
559
                </li>
560
                <li>
561
                    <a href="javascript:;" class="punch-in-outs">
562
                        <i class="icon_document_alt"></i>
563
                        <span>Punch IN/OUT</span>
564
                    </a>
565
                </li>
566
                <li class="sub-menu">
29728 manish 567
                    <a href="javascript:;">
27875 amit.gupta 568
                        <i class="icon_document_alt"></i>
569
                        <span>Margins</span>
29728 manish 570
                        <span class="menu-arrow arrow_carrot-right"></span>
27875 amit.gupta 571
                    </a>
30232 amit.gupta 572
                    <ul class="sub">
29735 manish 573
                        <li><a class="schemes" href="javascript:void(0);">Model Wise Margin</a></li>
29846 amit.gupta 574
                        <li><a class="partner-price-circular" href="javascript:void(0);">NLC/Price Circular</a></li>
30232 amit.gupta 575
 
29728 manish 576
                    </ul>
27875 amit.gupta 577
                </li>
30232 amit.gupta 578
 
28136 tejbeer 579
                <li class="sub-menu">
29725 manish 580
                    <a href="javascript:;" class="partner-service">
27875 amit.gupta 581
                        <i class="icon_document_alt"></i>
30232 amit.gupta 582
                        <span>Fin Services</span>
27875 amit.gupta 583
                    </a>
584
                </li>
585
                <li class="sub-menu">
586
                    <a href="javascript:;" class="">
587
                        <i class="icon_document_alt"></i>
588
                        <span>Returns</span>
589
                        <span class="menu-arrow arrow_carrot-right"></span>
590
                    </a>
591
                    <ul class="sub">
592
                        <li><a class="approved-returns" href="javascript:void(0);">Approved Returns</a></li>
593
                        <li><a class="view-debit-note" href="javascript:void(0);">View Debit Notes</a></li>
594
                        <li><a class="pending-returns" href="javascript:void(0);">Pending Returns</a></li>
595
                    </ul>
596
                </li>
597
                <li class="sub-menu">
598
                    <a href="javascript:;" class="">
599
                        <i class="icon_document_alt"></i>
600
                        <span>Prebooking</span>
601
                        <span class="menu-arrow arrow_carrot-right"></span>
602
                    </a>
603
                    <ul class="sub">
604
                        <li><a class="create-prebooking-order" href="javascript:void(0);">Create Order</a></li>
605
                        <li><a class="prebooking-orders" href="javascript:void(0);">Orders</a></li>
606
                    </ul>
607
                </li>
608
                <li class="sub-menu">
609
                    <a href="javascript:;" class="">
610
                        <i class="icon_document_alt"></i>
611
                        <span>Recharge</span>
612
                        <span class="menu-arrow arrow_carrot-right"></span>
613
                    </a>
614
                    <ul class="sub">
615
                        <li><a class="create-mobile-recharge" href="javascript:void(0);">Mobile Recharge</a></li>
616
                        <li><a class="create-dth-recharge" href="javascript:void(0);">Dth Recharge</a></li>
617
                        <li><a class="mobile-recharges" href="javascript:void(0);">Mob Recharge History</a></li>
618
                        <li><a class="dth-recharges" href="javascript:void(0);">DTH Recharge History</a></li>
619
                    </ul>
620
                </li>
621
                <li>
622
                    <a href="javascript:;" class="create_indent">
623
                        <i class="icon_document_alt"></i>
624
                        <span>Monthly Planning</span>
625
                    </a>
626
                </li>
627
                <li class="sub-menu">
628
                    <a href="javascript:;" class="">
629
                        <i class="icon_document_alt"></i>
630
                        <span>GRN</span>
631
                        <span class="menu-arrow arrow_carrot-right"></span>
632
                    </a>
633
                    <ul class="sub">
634
                        <li><a class="new_grn" href="javascript:void(0);">New</a></li>
635
                        <li><a class="grn_history" href="javascript:void(0);">History</a></li>
636
                        <li><a class="pending_grn" href="javascript:void(0);">Pending</a></li>
637
                    </ul>
638
                </li>
29937 amit.gupta 639
 
27875 amit.gupta 640
                <li class="sub-menu">
641
                    <a href="javascript:;" class="">
642
                        <i class="icon_genius"></i>
29725 manish 643
                        <span>My Stocks</span>
27875 amit.gupta 644
                        <span class="menu-arrow arrow_carrot-right"></span>
645
                    </a>
646
                    <ul class="sub">
29725 manish 647
                        <li><a class="catalog" href="javascript:void(0);">My Stocks</a></li>
648
                        <li><a class="product-compare-info" href="javascript:void(0);">Compare Product</a></li>
27875 amit.gupta 649
                    </ul>
650
                </li>
30232 amit.gupta 651
 
652
 
653
                <li class="sub-menu">
27875 amit.gupta 654
                    <a href="javascript:void(0);" class="">
655
                        <i class="icon_table"></i>
30165 manish 656
                        <span>Reports</span>
27875 amit.gupta 657
                        <span class="menu-arrow arrow_carrot-right"></span>
658
                    </a>
30232 amit.gupta 659
                    <ul class="sub">
30165 manish 660
                        <li><a class="collection-summary" href="javascript:void(0);">Daily Collections</a></li>
30232 amit.gupta 661
                        <li><a class="franchisee_sales" href="javascript:void(0);">My Sales</a></li>
662
                        <li><a class="wallet_statement" href="javascript:void(0);">Wallet Statement</a></li>
663
                        <li><a class="pending-indent" href="javascript:void(0);">Order Status</a></li>
664
                        <li><a class="scheme-payout-report" href="javascript:void(0);">Schemes PayOut</a></li>
665
                        <li><a class="smartdukaan-billing-statement" href="javascript:void(0);">Billing statement</a>
666
                        </li>
667
                        <li><a class="price-drop-report" href="javascript:void(0);">Price Drop</a></li>
668
                        <li><a class="item_aging" href="javascript:void(0);">Ageing</a></li>
669
                        <li><a class="download_reports" href="javascript:void(0);">Reports</a></li>
670
 
27875 amit.gupta 671
                    </ul>
672
                </li>
30232 amit.gupta 673
 
27875 amit.gupta 674
                <li class="sub-menu">
675
                    <a href="javascript:;" class="">
676
                        <i class="icon_table"></i>
677
                        <span>Item Ledger</span>
678
                        <span class="menu-arrow arrow_carrot-right"></span>
679
                    </a>
680
                    <ul class="sub">
681
                        <li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
682
                    </ul>
683
                </li>
30232 amit.gupta 684
 
685
 
686
                <li class="sub-menu">
28339 tejbeer 687
                    <a href="javascript:;" class="">
688
                        <i class="icon_table"></i>
689
                        <span>Online Order</span>
690
                        <span class="menu-arrow arrow_carrot-right"></span>
691
                    </a>
692
                    <ul class="sub">
693
                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
30232 amit.gupta 694
                        <li><a class="billed_order_item" href="javascript:void(0);">Billed Order</a></li>
695
                        <li><a class="unsettled_order_item" href="javascript:void(0);">Raise Claim</a></li>
696
 
697
                        <li><a class="claim_raised_order_item" href="javascript:void(0);">Pending Claim</a></li>
698
 
699
                        <li><a class="settled_order_item" href="javascript:void(0);">Settled Order</a></li>
700
 
701
                    </ul>
28339 tejbeer 702
                </li>
27875 amit.gupta 703
 
704
                <li class="sub-menu">
705
                    <a href="javascript:;" class="">
706
                        <i class="icon_table"></i>
707
                        <span>Sale</span>
708
                        <span class="menu-arrow arrow_carrot-right"></span>
709
                    </a>
710
                    <ul class="sub">
30232 amit.gupta 711
 
27875 amit.gupta 712
                        <li><a class="sale-history" href="javascript:void(0);">History</a></li>
713
                        <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>
714
                        <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
715
                    </ul>
716
                </li>
717
                <li class="sub-menu" style="margin-bottom:20px">
718
                    <a href="javascript:;" class="">
719
                        <i class="icon_documents_alt"></i>
720
                        <span>Support</span>
721
                        <span class="menu-arrow arrow_carrot-right"></span>
722
                    </a>
723
                    <ul class="sub" style="margin-bottom:20px">
724
                        <li><a class="contact-us" href="#">Contact Us</a></li>
725
                    </ul>
726
                </li>
727
 
728
            </ul>
729
            <!-- sidebar menu end-->
730
        </div>
731
    </aside>
732
    <!--sidebar end-->
733
 
734
    <!--main content start-->
735
    <section id="main-content">
736
        <section class="wrapper">
737
            <!--overview start-->
738
            <div class="row">
739
                <div class="col-lg-12">
740
                    <h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
741
                    <ol class="breadcrumb">
742
                        <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
743
                        <li><i class="fa fa-laptop"></i>Dashboard</li>
744
                    </ol>
745
                </div>
746
            </div>
747
            <!-- overview end -->
748
            <div class="row">
749
                <div class="col-lg-6">
750
                    <div class="row">
751
                        <div class="col-lg-7">
752
                            <div class="info-box blue-bg">
753
                                <i class="fa fa-chart-line"></i>
754
                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
755
                                <div class="row">
756
                                    <div class="col-lg-4 row">
757
                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
758
                                            "lmtdSale")</div>
759
                                        <div class="title">LMTD</div>
760
                                    </div>
761
                                    <div class="col-lg-4 row">
762
                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
763
                                            "mtdSale")</div>
764
                                        <div class="title">MTD</div>
765
                                    </div>
766
                                    <div class="col-lg-3 row">
767
                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
768
                                            "todaySale")</div>
769
                                        <div class="title">Today&apos;s</div>
770
                                    </div>
771
 
772
                                    <div class="col-lg-1 row" style="margin-left: -20px;margin-top: 20px;">
773
                                        <i class="fk_more fa fa-angle-double-down" id="blue-dropdown"
774
                                           style="cursor:pointer;font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i>
775
                                    </div>
776
                                </div>
777
 
778
                                <div class="row monthsaleContainer" style="margin:5px">
779
                                </div>
780
                            </div>
781
                        </div>
30232 amit.gupta 782
 
27875 amit.gupta 783
                        <div class="col-lg-5 row">
784
                            <div class="info-box brown-bg">
785
 
786
                                <div class="col-lg-12">
787
                                    <div class="col-lg-6">
788
                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
789
                                        <div style="margin-top:0px" class="count">
790
                                            <span class="currency">$salesMap.get("currentRate")</span>/day
791
                                        </div>
792
                                        <img src="${salesMap.get('currentTypeImage')}" width="60px"
793
                                             class="target-slide">
794
                                    </div>
795
                                    <div class="col-lg-6 row">
796
                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
797
                                        <div style="margin-top:0px" class="count currency">
798
                                            <span class="currency">$salesMap.get("requiredRate")</span>/day
799
                                        </div>
800
                                        <img src="${salesMap.get('requiredTypeImage')}" width="60px"
801
                                             class="target-slide">
802
                                    </div>
803
                                </div>
804
                            </div>
805
                        </div>
29721 manish 806
                        <div class="col-lg-7">
27875 amit.gupta 807
                            <div class="info-box purple-bg">
808
                                <div class="col-lg-12 row">
809
                                    <i class="fa fa-coins"></i>
810
                                    <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
811
                                    <div class="row">
812
                                        <div class="col-lg-4 row">
813
                                            <div style="margin-top:0px" class="count currency">$investments.get(
814
                                                "today")</div>
30232 amit.gupta 815
                                            <div class="title">current</div>
27887 amit.gupta 816
                                            <div class="col-lg-1 row" style="margin-left: -20px;margin-top: -6px;">
30232 amit.gupta 817
                                                <i class="fk_more fa fa-angle-double-down flash" id="purple-dropdown"
818
                                                   style="cursor:pointer;font-size: 27px;width: 145px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 4px; margin-left: 16px;"></i>
819
                                            </div>
820
                                        </div>
27887 amit.gupta 821
 
30232 amit.gupta 822
                                        <div class="col-lg-3">
823
                                            <div style="margin-top:0px" class="count">$investments.get("minimum")</div>
824
                                            <div class="title">min</div>
825
                                        </div>
27978 tejbeer 826
                                        <div class="col-lg-2 row"
27875 amit.gupta 827
                                            #if(!$isInvestmentOk)
27914 tejbeer 828
                                             style="color:red; background: white;"
27875 amit.gupta 829
                                            #end
830
                                        >
831
                                            #if($investments.get("short")<=0)
832
                                                <div style="margin-top:0px" class="count">&gt;100%</div>
833
                                                <div class="title">OK</div>
834
                                            #else
27888 amit.gupta 835
                                                <div style="margin-top:0px" class="count">$investments.get(
27875 amit.gupta 836
                                                    "short")%
837
                                                </div>
838
                                                <div class="title">short</div>
839
                                            #end
840
                                        </div>
841
                                    </div>
30232 amit.gupta 842
                                    <div class="row investmentContainer" style="margin:5px">
843
                                    </div>
27875 amit.gupta 844
                                </div>
845
                            </div>
846
                        </div>
30232 amit.gupta 847
 
29731 manish 848
                        <div class="col-lg-5 row">
30232 amit.gupta 849
                            <div class="info-box orange-bg"
850
                                 style="background-image: linear-gradient(#ff7f50 ,orange); box-shadow: 6px 5px 6px #ff7f50;">
28410 tejbeer 851
                                <i class="fa fa-chart-line"></i>
28431 tejbeer 852
                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Online Sales</strong></h3>
28410 tejbeer 853
                                <div class="row">
854
                                    <div class="col-lg-3 row" style="margin:5px">
30232 amit.gupta 855
                                        <div style="margin-top:0px; margin-left:24px;"
856
                                             class="count currency">$countOrder</div>
28413 tejbeer 857
                                        <button style=" border-radius: 18px; background: navajowhite;">
30232 amit.gupta 858
                                            <div class="title pending_order_dashboard"
859
                                                 style="cursor: pointer; color:black;">Pending Order
860
                                            </div>
28413 tejbeer 861
                                        </button>
28410 tejbeer 862
                                    </div>
30232 amit.gupta 863
 
28412 tejbeer 864
                                    <div class="col-lg-4 row" style="margin:5px">
30232 amit.gupta 865
                                        #if($onlineDeliveredOrderSum)
28413 tejbeer 866
 
30232 amit.gupta 867
                                            <div style="margin-top:0px; margin-left:37px;"
868
                                                 class="count currency">$onlineDeliveredOrderSum</div>
869
 
870
                                        #else
871
 
872
                                            <div style="margin-top:0px; margin-left:20px;" class="count currency">0
873
                                            </div>
874
 
875
                                        #end
876
                                        <button style="border-radius: 18px; margin-top: 4px; background: navajowhite;">
877
                                            <div class="title total_sale_dashboard"
878
                                                 style="cursor: pointer; color:black;">Online Sales
879
                                            </div>
28413 tejbeer 880
                                        </button>
28410 tejbeer 881
                                    </div>
30232 amit.gupta 882
                                </div>
28410 tejbeer 883
                            </div>
884
                        </div>
27875 amit.gupta 885
                    </div>
30232 amit.gupta 886
 
887
 
888
                    <div class="row">
889
                        <div class="col-lg-9">
890
                            <div class="info-box pink-bg" style="height: 160px;">
891
                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>ORDER SUMMARY</strong></h3>
892
 
893
                                <div class="col-lg-3 row">
894
                                    <h3 style="margin-top:-2px;margin-bottom:12px;"><strong
895
                                            style="font-size: 16px; cursor:pointer; margin-left: 9px;"
896
                                            class="pndg-status">Pending</strong></h3>
897
                                    #if($submittedCount && $submittedValue)
898
                                        <div class="col-lg-3">
899
                                            <div style="margin-top:0px" class="count currency">$submittedCount</div>
900
                                            <div class="title">Qty</div>
901
                                        </div>
902
                                        <div class="col-lg-4">
903
                                            <div style="margin-top:0px" class="count currency">$submittedValue</div>
904
                                            <div class="title" style="margin-left:5px;">Value</div>
905
                                        </div>
906
                                    #else
907
                                        <div class="col-lg-3">
908
                                            <div style="margin-top:0px" class="count currency">0</div>
909
                                            <div class="title">Qty</div>
910
                                        </div>
911
                                        <div class="col-lg-4">
912
                                            <div style="margin-top:0px" class="count currency">0</div>
913
                                            <div class="title" style="margin-left:5px;">Value</div>
914
                                        </div>
915
 
916
                                    #end
917
 
918
 
29721 manish 919
                                </div>
30232 amit.gupta 920
 
921
                                <div class="col-lg-3">
922
                                    <h3 style="margin-top:-2px;margin-bottom:12px"><strong
923
                                            style="font-size: 19px; cursor:pointer; margin-left: 15px;"
924
                                            class="billed-status">Billed</strong></h3>
925
 
926
                                    #if($billedCount && $billedValue)
927
                                        <div class="col-lg-3">
928
                                            <div style="margin-top:0px" class="count currency">$billedCount</div>
929
                                            <div class="title">Qty</div>
930
                                        </div>
931
                                        <div class="col-lg-4">
932
                                            <div style="margin-top:0px" class="count currency">$billedValue</div>
933
                                            <div class="title" style="margin-left:5px;">Value</div>
934
                                        </div>
935
                                    #else
936
                                        <div class="col-lg-3">
937
                                            <div style="margin-top:0px" class="count currency">0</div>
938
                                            <div class="title">Qty</div>
939
                                        </div>
940
                                        <div class="col-lg-4">
941
                                            <div style="margin-top:0px" class="count currency">0</div>
942
                                            <div class="title" style="margin-left:5px;">Value</div>
943
                                        </div>
944
 
945
                                    #end
29721 manish 946
                                </div>
30232 amit.gupta 947
 
948
                                <div class="col-lg-3">
949
                                    <h3 style="margin-top:-2px;margin-bottom:12px"><strong
950
                                            style="font-size: 19px;  cursor:pointer; margin-left: 15px;"
951
                                            class="shipped-status">Dispatched</strong></h3>
952
 
953
                                    #if($shippedCount && $shippedValue)
954
                                        <div class="col-lg-3">
955
                                            <div style="margin-top:0px" class="count currency">$shippedCount</div>
956
                                            <div class="title">Qty</div>
957
                                        </div>
958
                                        <div class="col-lg-4">
959
                                            <div style="margin-top:0px" class="count currency">$shippedValue</div>
960
                                            <div class="title" style="margin-left:5px;">Value</div>
961
                                        </div>
962
                                    #else
963
                                        <div class="col-lg-3">
964
                                            <div style="margin-top:0px" class="count">0</div>
965
                                            <div class="title">Qty</div>
966
                                        </div>
967
                                        <div class="col-lg-4">
968
                                            <div style="margin-top:0px" class="count">0</div>
969
                                            <div class="title" style="margin-left:5px;">Value</div>
970
                                        </div>
971
 
972
                                    #end
29721 manish 973
                                </div>
30232 amit.gupta 974
 
975
                                <div class="col-lg-3">
976
                                    <h3 style="margin-top:-2px;margin-bottom:12px"><strong
977
                                            style="font-size: 19px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  cursor:pointer;"
978
                                            class="grn-status">GRN Pending</strong></h3>
979
 
980
                                    #if($grnPendingCount &&  $grnPendingValue )
981
                                        <div class="col-lg-3">
982
                                            <div style="margin-top:0px" class="count currency">$grnPendingCount</div>
983
                                            <div class="title">Qty</div>
984
                                        </div>
985
                                        <div class="col-lg-4">
986
                                            <div style="margin-top:0px" class="count currency">$grnPendingValue</div>
987
                                            <div class="title" style="margin-left:5px;">Value</div>
988
                                        </div>
989
                                    #else
990
                                        <div class="col-lg-3">
991
                                            <div style="margin-top:0px" class="count currency">0</div>
992
                                            <div class="title">Qty</div>
993
                                        </div>
994
                                        <div class="col-lg-4">
995
                                            <div style="margin-top:0px" class="count currency">0</div>
996
                                            <div class="title" style="margin-left:5px;">Value</div>
997
                                        </div>
998
 
999
                                    #end
29721 manish 1000
                                </div>
30232 amit.gupta 1001
                            </div>
1002
                        </div>
1003
                        <div class="col-lg-3 row" style="height: 190px;">
29721 manish 1004
                            <div class="info-box green-bg">
1005
                                <i class="fa fa-cubes"></i>
1006
                                <div class="count currency">$investments.get("inStock")</div>
1007
                                <div class="title">Total Stock</div>
1008
                            </div>
30232 amit.gupta 1009
                        </div>
1010
                    </div>
1011
                    <div class="row partnerIncomeContainer">
1012
                    </div>
1013
 
27875 amit.gupta 1014
                    <div class="row">
1015
                        <div class="Mobile">
1016
                            #foreach($brandStockPrice in $brandStockPrices)
1017
 
1018
                                <div class="col-lg-3">
1019
                                    <div class="card card-default">
25680 amit.gupta 1020
							<span class="card-body" style="padding-bottom:0px">
1021
								<table>
25214 amit.gupta 1022
									<thead>
1023
										<tr><td colspan="2">Current Stock</td></tr>
1024
									</thead>
1025
									<tbody>
25219 amit.gupta 1026
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
27875 amit.gupta 1027
										<tr><th>Value</th><td><span
1028
                                                class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
25214 amit.gupta 1029
									</tbody>
25680 amit.gupta 1030
								</table>
27875 amit.gupta 1031
                                #if($brandStockPrice.getAgedValue()>0)
1032
                                    <p style="color:#d15a57;font-weight:700" title="Focus Stock">
25680 amit.gupta 1033
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
1034
								</p>
27875 amit.gupta 1035
                                #else
1036
                                    <p>&nbsp;</p>
1037
                                #end
25680 amit.gupta 1038
							</span>
30232 amit.gupta 1039
                                        <span class="card-img" style="text-align:center">
27875 amit.gupta 1040
							<img src="${brandStockPrice.getBrandUrl()}" data-stockbrand="$brandStockPrice.getBrand()"
1041
                                 class="cover $brandStockPrice.getBrand()" id="stockcatalog"
1042
                                 class="$brandStockPrice.getBrand()">
27618 tejbeer 1043
							</span></span>
27875 amit.gupta 1044
                                    </div>
1045
                                </div>
1046
                            #end
1047
                        </div>
1048
                        <div class="row">
1049
 
1050
                            <div class="col-lg-3">
1051
                                <div class="card card-default">
27623 tejbeer 1052
							<span class="card-body" style="padding-bottom:38px;">
26071 tejbeer 1053
								<table>
1054
									<thead>
1055
										<tr><td colspan="2">Current Stock</td></tr>
1056
									</thead>
1057
									<tbody>
1058
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
1059
									</tbody>
1060
								</table>
1061
							</span>
27875 amit.gupta 1062
                                    <span class="card-img">
1063
								<img src="resources/images/accessories.jpg" id="accesoriesStock"
1064
                                     class="accesoriesClass">
26071 tejbeer 1065
							</span>
27875 amit.gupta 1066
                                </div>
1067
                            </div>
21627 kshitij.so 1068
 
27875 amit.gupta 1069
                        </div>
1070
                    </div>
27358 tejbeer 1071
 
27357 tejbeer 1072
 
27875 amit.gupta 1073
                </div>
30232 amit.gupta 1074
 
27875 amit.gupta 1075
                <div class="col-lg-6">
30232 amit.gupta 1076
                    <div class="row">
1077
                        <div class="form-group">
1078
                            <label class="control-label col-lg-4" for="months">Select Offers for Month</label>
1079
                            <div class="col-lg-6">
1080
                                <select class="form-control input-sm" id="offer-months" name="months"
1081
                                        placeholder="months" style="margin:auto;">
1082
                                    <option value="" disabled selected>month</option>
1083
                                    #foreach($mVM in $monthValueMap.entrySet())
1084
                                        #if($mVM.getKey()== $month )
1085
                                            <option value="$mVM.getKey()" selected>$mVM.getValue()</option>
1086
                                        #else
1087
                                            <option value="$mVM.getKey()">$mVM.getValue()</option>
1088
                                        #end
1089
                                    #end
1090
                                </select>
1091
                            </div>
1092
                        </div>
1093
                    </div>
1094
                    <div id="offer-container">
1095
                        #parse("published-offers.vm")
1096
                    </div>
27875 amit.gupta 1097
                    <div class="offer-margin-container">
1098
                        <div class="modal  text-center" id="offerDescription">
29156 amit.gupta 1099
                            <div class="modal-dialog modal-lg modal-dialog-scrollable">
27875 amit.gupta 1100
                                <div class="modal-content">
1101
                                </div>
1102
                            </div>
1103
                        </div>
1104
                    </div>
30232 amit.gupta 1105
 
28272 tejbeer 1106
                    <div class="row col-lg-12 info-box white-bg" id="performanceContainer">
30232 amit.gupta 1107
                        #parse("performance.vm")
1108
                    </div>
30601 amit.gupta 1109
                    <div class="row col-lg-12 info-box white-bg" id="performanceContainer">
1110
                        #parse("performance-weekly.vm")
1111
                    </div>
27946 amit.gupta 1112
                    #if($activatedImeis > 0)
1113
                        <div class="row col-lg-12 info-box white-bg">
1114
                            #parse("dashboard-activated-imeis.vm")
1115
                        </div>
1116
                    #end
30454 amit.gupta 1117
                    #if($imeiActivationPendingCount > 0)
28482 amit.gupta 1118
                        <div class="row col-lg-12 info-box white-bg">
30454 amit.gupta 1119
                            #parse("dashboard-grn-pending-activated-imeis.vm")
28482 amit.gupta 1120
                        </div>
1121
                    #end
27875 amit.gupta 1122
                    <div class="row col-lg-12">
30232 amit.gupta 1123
                        <ul class="nav nav-tabs">
1124
                            <li class="bar_chart"><a class="ba">MTD Sales</a></li>
1125
                            <li class="lms_line_chart"><a class="la">Monthly Sales</a></li>
1126
                            <li class="purchase_line_chart"><a class="pa">Monthly Purchase</a></li>
1127
                            <li class="priceDrop_chart"><a class="pd">Price-Drop</a></li>
1128
                            <li class="pending_activation_chart"><a class="pac">Pending Activation</a></li>
1129
                            <li class="pending_upgrade_offer"><a class="puo"> Upgrade Offer</a></li>
1130
 
1131
                        </ul>
1132
                        <div class="row ChartContainer" style="margin:5px">
1133
 
1134
                        </div>
1135
 
1136
 
27875 amit.gupta 1137
                    </div>
30232 amit.gupta 1138
 
1139
 
27875 amit.gupta 1140
                </div>
1141
            </div>
1142
            </div>
1143
        </section>
1144
        <div class="text-center">
1145
            <div class="credits">
1146
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
1147
            </div>
1148
        </div>
1149
    </section>
1150
 
1151
    <script type="text/javascript">
1152
        context = "${rc.contextPath}";
1153
        webApiScheme = "$webApiScheme";
1154
        webApiRoot = "$webApiRoot";
1155
        webApiHost = "$webApiHost";
1156
        webApiPort = "$webApiPort";
1157
    </script>
1158
    #parse("include-scripts.vm")
1159
 
1160
    <script type="text/javascript">
1161
        $(document).ready(function () {
30232 amit.gupta 1162
            $("#offerDescription").modal({backdrop: "static", keyboard: true, focus: true, show: false});
1163
            var salesCloseFlag = true;
27875 amit.gupta 1164
            $("#blue-dropdown").click(function () {
1165
                // console.log("clicked");
1166
                if (salesCloseFlag) {
1167
                    var containerWidth = $(".blue-bg").width()
1168
                    doGetAjaxRequestHandler(context + "/getMonthSale", function (response) {
1169
                        $('.monthsaleContainer').html(response);
1170
 
1171
                        $(".blue-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
1172
                    });
1173
                } else {
1174
                    $(".blue-bg").removeAttr('style');
1175
                    $('.monthsaleContainer').html('');
1176
                }
1177
                salesCloseFlag = !salesCloseFlag;
1178
            });
1179
 
30232 amit.gupta 1180
            $(".bar_chart").click();
1181
 
1182
            var month = 0;
1183
            doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
1184
                console.log(response);
1185
                $(".partnerIncomeContainer").html(response);
1186
            });
1187
 
27887 amit.gupta 1188
            var investmentCloseFlag = true;
1189
            $("#purple-dropdown").click(function () {
1190
                console.log('hello');
1191
                $(".flash").stop();
1192
                // console.log("clicked");
1193
                if (investmentCloseFlag) {
1194
                    var containerWidth = $(".purple-bg").width()
1195
                    doGetAjaxRequestHandler(context + "/investmentDetails", function (response) {
1196
                        $('.investmentContainer').html(response);
1197
                        $(".purple-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
1198
                    });
1199
                } else {
1200
                    $(".purple-bg").removeAttr('style');
1201
                    $('.investmentContainer').html('');
1202
                }
1203
                investmentCloseFlag = !investmentCloseFlag;
1204
            });
1205
        });
27875 amit.gupta 1206
 
30232 amit.gupta 1207
        function sleep(delay) {
1208
            var start = new Date().getTime();
1209
            while (new Date().getTime() < start + delay) ;
1210
        }
1211
 
28443 tejbeer 1212
        $(document).on("click", ".priceDrop_chart",
1213
                function () {
30232 amit.gupta 1214
                    $(".pd").css("color", "blue");
1215
                    $(".pd").css("background-color", "white");
1216
                    $(".ba").css("color", "white");
1217
                    $(".ba").css("background-color", "#C0C0C0");
1218
                    $(".pa").css("color", "white");
1219
                    $(".pa").css("background-color", "#C0C0C0");
1220
                    $(".la").css("color", "white");
1221
                    $(".la").css("background-color", "#C0C0C0");
1222
 
1223
                    $(".pac").css("color", "white");
1224
                    $(".pac").css("background-color", "#C0C0C0");
1225
 
1226
 
1227
                    $(".puo").css("color", "white");
1228
                    $(".puo").css("background-color", "#C0C0C0");
1229
 
1230
 
1231
                    sleep(500);
1232
                    doGetAjaxRequestHandler(context + "/getMonthlyPriceDrop", function (response) {
1233
 
28443 tejbeer 1234
                        $('.ChartContainer').html(response);
30232 amit.gupta 1235
                    });
1236
                });
1237
 
1238
 
1239
        $(document).on("click", ".pending_activation_chart",
29578 tejbeer 1240
                function () {
30232 amit.gupta 1241
                    $(".pac").css("color", "blue");
1242
                    $(".pac").css("background-color", "white");
1243
 
1244
                    $(".pd").css("color", "white");
1245
                    $(".pd").css("background-color", "#C0C0C0");
1246
                    $(".ba").css("color", "white");
1247
                    $(".ba").css("background-color", "#C0C0C0");
1248
                    $(".pa").css("color", "white");
1249
                    $(".pa").css("background-color", "#C0C0C0");
1250
                    $(".la").css("color", "white");
1251
                    $(".la").css("background-color", "#C0C0C0");
1252
 
1253
                    $(".puo").css("color", "white");
1254
                    $(".puo").css("background-color", "#C0C0C0");
1255
 
1256
                    sleep(500);
1257
                    doGetAjaxRequestHandler(context + "/getMonthlyActivation", function (response) {
1258
 
29578 tejbeer 1259
                        $('.ChartContainer').html(response);
30232 amit.gupta 1260
                    });
1261
                });
1262
 
1263
        $(document).on("click", ".purchase_line_chart",
28439 tejbeer 1264
                function () {
30232 amit.gupta 1265
                    $(".pa").css("color", "blue");
1266
                    $(".pa").css("background-color", "white");
1267
                    $(".ba").css("color", "white");
1268
                    $(".ba").css("background-color", "#C0C0C0");
1269
                    $(".pd").css("color", "white");
1270
                    $(".pd").css("background-color", "#C0C0C0");
1271
                    $(".la").css("color", "white");
1272
                    $(".la").css("background-color", "#C0C0C0");
1273
 
1274
                    $(".pac").css("color", "white");
1275
                    $(".pac").css("background-color", "#C0C0C0");
1276
 
1277
                    $(".puo").css("color", "white");
1278
                    $(".puo").css("background-color", "#C0C0C0");
1279
 
1280
                    doGetAjaxRequestHandler(context + "/getMonthlyPurchaseLineChart", function (response) {
28439 tejbeer 1281
                        $('.ChartContainer').html(response);
30232 amit.gupta 1282
                    });
1283
                });
1284
 
28431 tejbeer 1285
        $(document).on("click", ".lms_line_chart",
1286
                function () {
30232 amit.gupta 1287
 
1288
                    $(".ba").css("color", "white");
1289
                    $(".ba").css("background-color", "#C0C0C0");
1290
                    $(".pa").css("color", "white");
1291
                    $(".pa").css("background-color", "#C0C0C0");
1292
                    $(".la").css("color", "blue");
1293
                    $(".la").css("background-color", "white");
1294
                    $(".pd").css("color", "white");
1295
                    $(".pd").css("background-color", "#C0C0C0");
1296
 
1297
                    $(".pac").css("color", "white");
1298
                    $(".pac").css("background-color", "#C0C0C0");
1299
 
1300
                    $(".puo").css("color", "white");
1301
                    $(".puo").css("background-color", "#C0C0C0");
1302
 
1303
                    doGetAjaxRequestHandler(context + "/getlmsLineChart", function (response) {
28431 tejbeer 1304
                        $('.ChartContainer').html(response);
30232 amit.gupta 1305
                    });
1306
                });
1307
 
1308
        $(document).on("click", ".bar_chart",
1309
                function () {
1310
                    $(".ba").css("color", "blue");
1311
                    $(".ba").css("background-color", "white");
1312
                    $(".la").css("color", "white");
1313
                    $(".la").css("background-color", "#C0C0C0");
1314
                    $(".pa").css("color", "white");
1315
                    $(".pa").css("background-color", "#C0C0C0");
1316
                    $(".pd").css("color", "white");
1317
                    $(".pd").css("background-color", "#C0C0C0");
1318
 
1319
                    $(".pac").css("color", "white");
1320
                    $(".pac").css("background-color", "#C0C0C0");
1321
 
1322
                    $(".puo").css("color", "white");
1323
                    $(".puo").css("background-color", "#C0C0C0");
1324
 
1325
 
1326
                    doGetAjaxRequestHandler(context + "/getBarChart", function (response) {
28431 tejbeer 1327
                        $('.ChartContainer').html(response);
30232 amit.gupta 1328
                    });
1329
                });
1330
 
1331
 
1332
        $(document).on("click", ".pending_upgrade_offer",
1333
                function () {
1334
 
1335
                    $(".puo").css("color", "blue");
1336
                    $(".puo").css("background-color", "white");
1337
 
1338
                    $(".ba").css("color", "white");
1339
                    $(".ba").css("background-color", "#C0C0C0");
1340
                    $(".la").css("color", "white");
1341
                    $(".la").css("background-color", "#C0C0C0");
1342
                    $(".pa").css("color", "white");
1343
                    $(".pa").css("background-color", "#C0C0C0");
1344
                    $(".pd").css("color", "white");
1345
                    $(".pd").css("background-color", "#C0C0C0");
1346
 
1347
                    $(".pac").css("color", "white");
1348
                    $(".pac").css("background-color", "#C0C0C0");
1349
 
1350
                    doGetAjaxRequestHandler(context + "/getMonthlySamsungUpgradeOffer", function (response) {
29707 tejbeer 1351
                        $('.ChartContainer').html(response);
30232 amit.gupta 1352
                    });
1353
                });
27887 amit.gupta 1354
 
28431 tejbeer 1355
 
27920 amit.gupta 1356
        $(document).on("click", "p.description-offer",
27875 amit.gupta 1357
                function (e) {
1358
                    var offerid = $(this).data('offerid');
1359
                    console.log(offerid);
1360
                    doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
1361
                            + offerid, function (response) {
1362
                        $('.offer-margin-container .modal-content').html(response);
29156 amit.gupta 1363
                        $("#offerDescription").modal('handleUpdate');
1364
                        $("#offerDescription").modal('show');
27875 amit.gupta 1365
                    });
1366
                });
1367
 
1368
 
1369
        $(document).on("click", ".cancel-description",
1370
                function (e) {
1371
                    $("#descriptionMenu").empty();
1372
                });
1373
 
1374
 
30232 amit.gupta 1375
        $(document).on("click", "#cancel-model", function (e) {
1376
            $("#descriptionMenu").empty();
1377
        });
27875 amit.gupta 1378
 
30232 amit.gupta 1379
        $(document).on('change', "#month-wish-total-income", function () {
27875 amit.gupta 1380
 
30232 amit.gupta 1381
            var month = $(this).val();
1382
            console.log(month);
28272 tejbeer 1383
 
30232 amit.gupta 1384
            doGetAjaxRequestHandler(context + "/partnerTotalIncomeByMonth/" + month, function (response) {
1385
                console.log(response);
1386
                $(".partnerIncomeContainer").html(response);
1387
            });
1388
        });
30194 manish 1389
 
30232 amit.gupta 1390
 
1391
        $(document).on('change', "#performance-months", function () {
1392
 
1393
            var month = $("#performance-months").val();
1394
            console.log(month);
1395
 
1396
            doGetAjaxRequestHandler(context + "/getMonthsInvestment?month=" + month, function (response) {
1397
                console.log(response);
1398
                $("#performanceContainer").html(response);
1399
 
1400
            });
28272 tejbeer 1401
        });
30194 manish 1402
 
30232 amit.gupta 1403
 
1404
        $(document).on('change', "#offer-months", function () {
1405
            var month = $(this).val();
1406
            doGetAjaxRequestHandler(context + "/published-offers/" + month, function (response) {
1407
                console.log(response);
1408
                $("#offer-container").html(response);
1409
            });
1410
        });
1411
 
1412
 
1413
        $(document).on("click", ".pndg-status", function () {
1414
            console.log("Hello");
1415
            pendingOrderStatus("main-content");
1416
        });
1417
 
29721 manish 1418
        function pendingOrderStatus(domId) {
30232 amit.gupta 1419
            doGetAjaxRequestHandler(context + "/getPendingOrderStatus", function (response) {
1420
                console.log(response);
1421
                $('#' + domId).html(response);
1422
            });
1423
        }
1424
 
1425
        $(document).on("click", ".billed-status", function () {
1426
            console.log("Hello");
1427
            billedOrderStatus("main-content");
1428
        });
1429
 
29721 manish 1430
        function billedOrderStatus(domId) {
30232 amit.gupta 1431
            doGetAjaxRequestHandler(context + "/getBilledOrderStatus", function (response) {
1432
                console.log(response);
1433
                $('#' + domId).html(response);
1434
            });
1435
        }
1436
 
1437
        $(document).on("click", ".shipped-status", function () {
1438
            console.log("Hello");
1439
            shippedOrderStatus("main-content");
1440
        });
1441
 
29721 manish 1442
        function shippedOrderStatus(domId) {
30232 amit.gupta 1443
            doGetAjaxRequestHandler(context + "/getShippedOrderStatus", function (response) {
1444
                console.log(response);
1445
                $('#' + domId).html(response);
1446
            });
1447
        }
1448
 
1449
        $(document).on("click", ".grn-status", function () {
1450
            console.log("Hello");
1451
            grnOrderStatus("main-content");
1452
        });
1453
 
29721 manish 1454
        function grnOrderStatus(domId) {
30232 amit.gupta 1455
            doGetAjaxRequestHandler(context + "/getGrnPendingOrderStatus", function (response) {
1456
                console.log(response);
1457
                $('#' + domId).html(response);
1458
            });
1459
        }
1460
 
30165 manish 1461
        function lastMonthCreditIncome(domId) {
30232 amit.gupta 1462
            doGetAjaxRequestHandler(context + "/getLastMonthCreditIncome", function (response) {
1463
                console.log(response);
1464
                $('#' + domId).html(response);
1465
            });
1466
        }
28272 tejbeer 1467
 
30232 amit.gupta 1468
        $(document).on("click", ".pending-income", function () {
1469
            console.log("Hello");
1470
            lastMonthCreditIncome("main-content");
1471
        });
1472
 
30234 amit.gupta 1473
        $(document).on("click", ".total-income-calc", function () {
30232 amit.gupta 1474
            console.log("Hello");
1475
            lastMonthCreditIncome("main-content");
1476
        });
1477
 
1478
 
27875 amit.gupta 1479
    </script>
1480
    <script>
1481
 
1482
        //knob
1483
        $(function () {
1484
            /*$(".knob").knob({
1485
              'draw' : function () {
1486
                $(this.i).val(this.cv + '%')
1487
              }
1488
            });*/
1489
            $.fn.dataTable.moment('DD/MM/YYYY');
1490
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
1491
            $('.currency').each(function (index, ele) {
1492
                if (!isNaN(parseInt($(ele).html()))) {
1493
                    $(ele).html(numberToComma($(ele).html()));
1494
                }
1495
            });
1496
        });
1497
 
1498
        $(function () {
1499
            var profile = localStorage.getItem('profile');
1500
            if (profile) {
1501
                $("#photo").attr("src", JSON.parse(profile).image_url);
1502
                $("#fofo_name").text(JSON.parse(profile).name);
1503
            } else {
1504
                $("#photo").attr("src", "");
1505
                $("#fofo_name").text("Welcome, User");
1506
            }
1507
        });
1508
 
1509
        $(function () {
1510
            var bag = localStorage.getItem('bag');
1511
            console.log(bag);
1512
            if (bag) {
1513
                console.log("yes");
1514
                //$("#cart_bar").find('span').text(10);
1515
                $("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
1516
            } else {
1517
                $("#cart_bar").find('span').text(0);
1518
            }
1519
        });
1520
 
1521
        $("#logout").click(function () {
1522
            localStorage.profile = undefined;
1523
        });
1524
            #set($partnerInvestment = $investments.get("investment"))
1525
        saleAmount = numberToComma($partnerInvestment.getSalesAmount());
1526
        minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
1527
        totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
1528
        shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
1529
        grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
1530
        unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
1531
        inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
1532
        walletAmount = numberToComma($partnerInvestment.getWalletAmount());
1533
        shortAmount = numberToComma($partnerInvestment.getShortInvestment());
1534
        minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
1535
        isInvestmentOk = $isInvestmentOk;
1536
        starTotal = 5;
1537
        ratings = {
1538
            current: $currentMonthRating,
1539
            last: $lastMonthRating,
1540
            tilldate: $ratingTillDate
1541
        };
1542
        for (const rating in ratings) {
1543
            // 2
1544
            const starPercentage = (ratings[rating] / starTotal) * 100;
1545
            // 3
1546
            const starPercentageRounded = `${starPercentage}%`;
1547
            // 4
1548
            document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
1549
        }
1550
 
1551
        hasGift =$hasGift;
1552
        giftItemId = $giftItemId;
1553
        monthDays =$monthDays;
1554
        dayOfMonth = $dayOfMonth;
1555
        $(function () {
1556
            $('#links_bar').popover({
1557
                container: ".notification-row",
1558
                template: `<div class="popover" style="min-width: 18%;">
25140 amit.gupta 1559
							<div class="arrow"></div>
1560
							<div class="popover-inner">
1561
								<h4 class="popover-title">
1562
								</h4>
1563
								<div class="popover-content"><p></p></div>
1564
							</div>
1565
						</div>`,
27875 amit.gupta 1566
                html: true,
1567
                content: `<div class="container-fluid">
25140 amit.gupta 1568
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
1569
		    				<div class="row">
1570
							    <div class="col-lg-3">
26583 amit.gupta 1571
								    <a href="/spicemoney/getToken" target="_blank" href="">
26585 amit.gupta 1572
								    	<img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
26583 amit.gupta 1573
								    </a>
1574
								</div>
25140 amit.gupta 1575
							</div>
1576
		    			</div>`,
27875 amit.gupta 1577
                placement: "bottom",
1578
                trigger: "focus"
1579
            });
1580
        });
27696 tejbeer 1581
 
27875 amit.gupta 1582
        function showAttendanceModal() {
1583
            var today = new Date().getTime();
1584
            if ($.cookie("punchIn") == undefined) {
1585
                document.cookie = "punchIn=" + today;
1586
            }
1587
            if (today >= parseInt($.cookie("punchIn"))) {
1588
                doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function (response) {
1589
                    if (response == 'true') {
1590
                        $('#punchInOutModal').modal('hide');
1591
                        clearInterval(stopInterval);
1592
                    } else {
1593
                        $("#punch-in-out-model").html(response);
1594
                        $('#punchInOutModal').modal('show');
1595
                        var time = today + 30 * 60 * 1000
1596
                        document.cookie = "punchIn=" + time;
1597
                    }
1598
                });
1599
            }
1600
        }
1601
 
1602
        var stopInterval;
1603
        $(document).ready(function () {
1604
            stopInterval = setInterval(showAttendanceModal, 100000000);
1605
 
1606
            $('div.message-filter').on('click', 'button', function () {
1607
 
1608
                messageType = $(this).data("messagetype");
1609
                notifyTypeChange(messageType, $(this));
1610
 
1611
            });
1612
        });
1613
 
1614
 
1615
        $(function () {
1616
            if (navigator.geolocation) {
1617
                navigator.geolocation.getCurrentPosition(showPosition);
1618
            } else {
1619
                console.log("Geolocation is not supported by browser.");
1620
            }
1621
            loaderDialogObj = bootbox.dialog({
1622
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1623
                show: false
1624
            });
1625
 
1626
        });
1627
    </script>
26318 tejbeer 1628
    <div id="punchInOutModal" class="modal" role="dialog">
27875 amit.gupta 1629
        <div class="modal-dialog">
1630
 
1631
            <!-- Modal content-->
1632
            <div class="modal-content">
1633
                <div class="modal-header">
1634
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1635
                    <h4 class="modal-title">Punch In Out</h4>
1636
                </div>
1637
                <div class="modal-body">
1638
                    <div id="punch-in-out-model">
1639
 
1640
                    </div>
1641
                </div>
1642
            </div>
1643
        </div>
26071 tejbeer 1644
    </div>
27875 amit.gupta 1645
</section>
1646
</body>
27696 tejbeer 1647
</html>
1648
<style>
1649
 
1650
 
27875 amit.gupta 1651
    .popover2 {
1652
        min-width: 30em;
1653
        height: 410px;
1654
        overflow: auto;
1655
        padding: 8px 5px;
1656
        overflow-x: hidden;
27696 tejbeer 1657
 
27875 amit.gupta 1658
    }
27696 tejbeer 1659
 
27875 amit.gupta 1660
    .popover1 {
1661
        min-width: 30em;
27696 tejbeer 1662
 
1663
 
27875 amit.gupta 1664
    }
27696 tejbeer 1665
 
27875 amit.gupta 1666
    .mark {
1667
        font-size: 13px;
1668
        padding: 5px 6px;
1669
        border: solid 3px red;
1670
        margin-bottom: -14px;
1671
        color: red;
27696 tejbeer 1672
 
27875 amit.gupta 1673
    }
27696 tejbeer 1674
 
27875 amit.gupta 1675
    .mark.btn-pressed {
1676
        color: black;
1677
        background: white;
1678
        font-size: 17px;
1679
        border-radius: 3px;
1680
        border: solid 2px black;
1681
    }
27696 tejbeer 1682
 
27875 amit.gupta 1683
    .price {
1684
        padding: 5px 6px;
1685
        font-size: 13px;
1686
        border: solid 1px black;
1687
        border: solid 3px red;
1688
        margin-bottom: -14px;
1689
        color: red;
27696 tejbeer 1690
 
27875 amit.gupta 1691
    }
1692
 
1693
    .price.btn-pressed {
1694
        color: black;
1695
        background: white;
1696
        font-size: 17px;
1697
        border: solid 2px black;
1698
    }
1699
 
1700
    .schem {
1701
        color: red;
1702
        padding: 5px 6px;
1703
        font-size: 13px;
1704
        border: solid 3px red;
1705
        margin-bottom: -14px;
1706
 
1707
    }
1708
 
1709
    .schem.btn-pressed {
1710
        color: black;
1711
        background: white;
1712
        font-size: 17px;
1713
        border: solid 2px black;
1714
    }
1715
 
1716
    .notify-messages {
1717
        min-height: 65px;
1718
    }
1719
 
1720
    .notifi {
1721
        padding: 5px 6px;
1722
        font-size: 13px;
1723
        margin-bottom: -14px;
1724
 
1725
        color: red;
1726
        border: solid 3px red;
1727
    }
1728
 
1729
    .notifi.btn-pressed {
1730
        color: black;
1731
        font-size: 17px;
1732
        border: solid 2px black;
1733
        background: white;
1734
    }
30232 amit.gupta 1735
 
29728 manish 1736
    #offer-container {
30232 amit.gupta 1737
        overflow-y: auto;
1738
        max-height: 367px;
29728 manish 1739
    }
27875 amit.gupta 1740
 
30232 amit.gupta 1741
 
27875 amit.gupta 1742
    canvas {
1743
        -moz-user-select: none;
1744
        -webkit-user-select: none;
1745
        -ms-user-select: none;
1746
    }
27696 tejbeer 1747
</style>
27707 amit.gupta 1748
</script>
28272 tejbeer 1749
 
1750
 
27707 amit.gupta 1751
<script type="text/javascript">
1752
    window.onload = function () {
1753
        var options = $chartMap;
1754
        var ctx = document.getElementById('barchart').getContext('2d');
1755
        window.bar = new Chart(ctx, options);
1756
    };
1757
</script>