Subversion Repositories SmartDukaan

Rev

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