Subversion Repositories SmartDukaan

Rev

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