Subversion Repositories SmartDukaan

Rev

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

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