Subversion Repositories SmartDukaan

Rev

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