Subversion Repositories SmartDukaan

Rev

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