Subversion Repositories SmartDukaan

Rev

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

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