Subversion Repositories SmartDukaan

Rev

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

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