Subversion Repositories SmartDukaan

Rev

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