Subversion Repositories SmartDukaan

Rev

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