Subversion Repositories SmartDukaan

Rev

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