Subversion Repositories SmartDukaan

Rev

Rev 27474 | Rev 27519 | 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">
27518 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">
27518 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
 
27518 amit.gupta 13
    <!-- Bootstrap CSS -->
21627 kshitij.so 14
    <!-- bootstrap theme -->
15
    <!--external css-->
16
    <!-- font icon -->
27518 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">
27518 amit.gupta 22
    <link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
21627 kshitij.so 23
    <!-- Custom styles -->
27518 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">
27518 amit.gupta 27
    <link href="resources/css/style-responsive.css" 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">
27518 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">
27518 amit.gupta 32
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
33
 
34
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css"/>
27321 amit.gupta 35
    <link rel="stylesheet" type="text/css" href="resources/css/multi.min.css"/>
27518 amit.gupta 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">
40
        .loading {
41
            display: none;
42
        }
21627 kshitij.so 43
 
27518 amit.gupta 44
        .breadcrumb {
45
            padding: 0 15px;
46
        }
21627 kshitij.so 47
 
27518 amit.gupta 48
        .stars-outer {
49
            display: inline-block;
50
            position: relative;
51
            font-family: FontAwesome;
52
        }
25654 amit.gupta 53
 
27518 amit.gupta 54
        .stars-outer::before {
55
            content: "\f006 \f006 \f006 \f006 \f006";
56
        }
57
 
58
        .stars-inner {
59
            position: absolute;
60
            top: 0;
61
            left: 0;
62
            white-space: nowrap;
63
            overflow: hidden;
64
            width: 0;
65
        }
66
 
67
        .stars-inner::before {
68
            content: "\f005 \f005 \f005 \f005 \f005";
69
            color: #f8ce0b;
70
        }
71
 
72
 
73
        .table-striped > tbody > tr:nth-child(odd) > td {
74
            background: white;
75
            background-color: #dae5f4;
76
        }
77
 
78
        .table-striped > tbody > tr:nth-child(even) > td {
79
            background: #f2f2f2;
80
            background-color: #b8d1f3;
81
        }
82
 
83
        .btn:hover {
84
            color: grey;
85
            text-decoration: none;
86
        }
87
 
88
        .btn-primary:hover {
89
            color: grey;
90
            text-decoration: none;
91
        }
92
 
93
        .sale-details {
94
            cursor: pointer;
95
        }
96
 
97
        .popover {
98
            min-width: 18%;
99
        }
100
 
101
        .fa-2x {
102
            font-size: 1.4em;
103
        }
104
 
105
        .cover {
106
            object-fit: cover;
107
            width: 100%;
108
            height: 90px;
109
            padding: 8px;
110
        }
111
 
112
        .info-box .notifications i {
113
            display: inline-block;
114
            margin-top: 0px;
115
            height: 25px;
116
            font-size: 16px;
117
            line-height: 25px;
118
            width: 25px;
119
            float: none;
120
            text-align: center;
121
            padding-right: 0px;
122
            color: #768399;
123
        }
124
 
125
        #preview {
126
            position: relative;
127
            color: #fff;
128
            float: left;
129
            width: 100%;
130
            -webkit-border-radius: 10px;
131
            -moz-border-radius: 10px;
132
            border-radius: 10px;
133
            clear: both;
134
        }
135
 
136
        #canvas-preview {
137
            width: 100%;
138
            position: relative;
139
            top: -15px;
140
        }
141
 
142
        #preview-textfield {
143
            position: absolute;
144
            top: -10px;
145
            left: 0;
146
            right: 0;
147
            text-align: center;
148
            font-size: 2em;
149
            font-weight: bold;
150
            color: white;
151
            font-family: 'Amaranth', sans-serif;
152
        }
153
 
154
        #descriptionMenu {
155
            list-style: desc !important
156
            list-style-type: square;
157
            text-align: left;
158
        }
159
 
160
 
161
    </style>
162
</head>
163
 
164
<body style="zoom:90%;background-color:#f7f7f7">
165
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
166
<!-- container section start -->
167
<section id="container">
168
 
169
 
170
    <header class="header dark-bg">
171
        <div class="toggle-nav">
172
            <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i
173
                    class="icon_menu"></i></div>
174
        </div>
175
 
176
        <a href="${rc.contextPath}/dashboard" class="logo">Smart Dukaan - $fofoStore.getCode()</a>
177
        <a href="#"><img src="${partnerTypeImage}" width="60px" class="target-slide"></a>
178
 
179
        <div class="top-nav notification-row">
180
            <!-- notificatoin dropdown start-->
181
            <ul class="nav pull-right top-menu">
182
                <li class="dropdown">
183
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
184
                        <img style="height:38px" src="/resources/images/icons/care1.jpg"/>
185
                        <span class="username" style="font-size:15px">CARE</span>
186
                        <b class="caret"></b>
187
                    </a>
188
                    <ul class="dropdown-menu extended logout">
189
                        <div class="log-arrow-up"></div>
190
                        <li class="eborder-top">
191
                            <a class="create-ticket" href="javascript:void(0);"><i></i>Create Ticket</a>
192
                            <a class="my-ticket" href="javascript:void(0);"><i class=""></i>View Tickets</a>
193
                        </li>
194
                        <li></li>
195
                    </ul>
196
                </li>
197
 
198
                <li class="dropdown" style="margin-top:3px;">
199
                    <a href="javascript:void(0);" id="links_bar" style="color:#D3181F" class="btn btn-link"
200
                       data-toggle="popover">
201
                        <i title="third-party dashboards" class="glyphicon glyphicon-th fa-2x"></i>
202
                    </a>
203
                </li>
204
 
205
                <li class="dropdown" style="margin-top:5px;">
206
                    <a href="javascript:void(0);" class="download_reports btn btn-link" style="color:#D3181F">
207
                        <i title="reports" class="far fa-list-alt fa-2x"></i>
208
                    </a>
209
                </li>
210
 
211
 
212
                <li id="wallet_bar" class="dropdown">
213
                    <a data-toggle="dropdown" class="dropdown-toggle wallet_icon_header" href="javascript:void(0);">
214
                        <i title="wallet summary" class="fas fa-wallet fa-2x" aria-hidden="true"></i>
215
                    </a>
216
                </li>
217
 
218
                <li id="cart_bar" class="dropdown">
219
                    <a class="cart_icon_header" href="javascript:void(0);">
220
                        <i class="fas fa-shopping-cart fa-2x" aria-hidden="true"></i>
221
                        <span class="badge bg-important"></span>
222
                    </a>
223
                </li>
224
 
225
 
226
                <!-- alert notification start-->
227
                <!--<li id="alert_notificatoin_bar" class="dropdown">
228
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
229
 
230
                        <i class="icon-bell-l"></i>
231
                        <span class="badge bg-important">0</span>
232
                    </a>
233
                    <ul class="dropdown-menu extended notification">
234
                        <div class="notify-arrow notify-arrow-blue"></div>
235
                        <li>
236
                            <p class="blue">You have no new notifications</p>
237
                        </li>
238
                        <li>
239
                            <a href="#">
240
                                <span class="label label-primary"><i class="icon_profile"></i></span>
241
                                Friend Request
242
                                <span class="small italic pull-right">5 mins</span>
243
                            </a>
244
                        </li>
245
                        <li>
246
                            <a href="#">
247
                                <span class="label label-warning"><i class="icon_pin"></i></span>
248
                                John location.
249
                                <span class="small italic pull-right">50 mins</span>
250
                            </a>
251
                        </li>
252
                        <li>
253
                            <a href="#">
254
                                <span class="label label-danger"><i class="icon_book_alt"></i></span>
255
                                Project 3 Completed.
256
                                <span class="small italic pull-right">1 hr</span>
257
                            </a>
258
                        </li>
259
                        <li>
260
                            <a href="#">
261
                                <span class="label label-success"><i class="icon_like"></i></span>
262
                                Mick appreciated your work.
263
                                <span class="small italic pull-right"> Today</span>
264
                            </a>
265
                        </li>
266
                        <li>
267
                            <a href="#">See all notifications</a>
268
                        </li>
269
                    </ul>
270
                </li>
271
                -->
272
                <!-- alert notification end -->
273
                <li class="dropdown">
274
                    <ul class="dropdown-menu extended">
275
                        <div class="log-arrow-up"></div>
276
                        <li class="eborder-top">
277
                            <a href="javascript:void(0);" class="create-ticket">Create Ticket</a>
278
                        </li>
279
                    </ul>
280
                </li>
281
                <!-- user login dropdown start-->
282
                <li class="dropdown">
283
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
284
                            <span class="profile-ava">
285
                                <img class="avatar-custom" id="photo" alt="" src="">
286
                            </span>
287
                        <span class="username" id="fofo_name"></span>
288
                        <b class="caret"></b>
289
                    </a>
290
                    <ul class="dropdown-menu extended logout">
291
                        <div class="log-arrow-up"></div>
292
                        <li class="eborder-top">
293
                            <a class="user-profile" href="javascript:void(0);"><i class="icon_profile"></i> My
294
                                Profile</a>
295
                            <a href="${rc.contextPath}/mobileapp" class="btn btn-default" target="_blank">SD Mobile
296
                                App</a>
297
                            <a class="user-manual" target="_blank"
298
                               href="http://www.smartdukaan.com/Dealer-Guideline.pdf">Franchise Manual Sd Policies</a>
299
                            #if($isAdmin)
300
                                <a class="add-auth-user" href="javascript:void(0);"><i class=""></i>Add User</a>
301
                                <a class="change-auth-user-password" href="javascript:void(0);"><i class=""></i>Change
302
                                    Password</a>
303
                            #end
304
                        </li>
305
                        <li>
306
                            <a href="${rc.contextPath}/logout"><i class="icon_key_alt" id="logout"></i> Log Out</a>
307
                        </li>
308
                    </ul>
309
                </li>
310
                <!-- user login dropdown end -->
311
            </ul>
312
            <!-- notificatoin dropdown end-->
313
        </div>
314
    </header>
315
    <!--header end-->
316
 
317
    <!--sidebar start-->
318
    <aside>
319
        <div id="sidebar" class="nav-collapse ">
320
            <!-- sidebar menu start-->
321
            <ul class="sidebar-menu">
322
                <li class="active">
323
                    <a class="" href="${rc.contextPath}/dashboard">
324
                        <i class="icon_house_alt"></i>
325
                        <span>Dashboard</span>
326
                    </a>
327
                </li>
328
                <li>
329
                    <a href="javascript:;" class="punch-in-outs">
330
                        <i class="icon_document_alt"></i>
331
                        <span>Punch IN/OUT</span>
332
                    </a>
333
                </li>
334
                #if(!$isAdmin)
335
                    <li>
336
                        <a href="javascript:;" class="schemes">
337
                            <i class="icon_document_alt"></i>
338
                            <span>Scheme</span>
24895 amit.gupta 339
                        </a>
27518 amit.gupta 340
                    </li>
341
                #elseif($isAdmin)
342
                    <li class="sub-menu">
343
                        <a href="javascript:;" class="">
344
                            <i class="icon_document_alt"></i>
345
                            <span>Scheme</span>
346
                            <span class="menu-arrow arrow_carrot-right"></span>
24976 amit.gupta 347
                        </a>
27518 amit.gupta 348
 
349
                        <ul class="sub">
350
                            <li><a class="create-scheme" href="javascript:void(0);">Create</a></li>
351
                            <li><a class="schemes" href="javascript:void(0);">History</a></li>
352
                            <li><a class="schemes-update" href="javascript:void(0);">Update Scheme</a></li>
353
                            <li><a class="schemes-download-page" href="javascript:void(0);">Export</a></li>
354
                            <li><a class="price_drop" href="javascript:void(0);">Pricedrop</a></li>
355
                            <li><a class="unsettled-payments" href="javascript:void(0);">Unsettled Payments</a></li>
356
                            <li><a class="add-wallet-request" href="javascript:void(0);">Add to Wallet Request</a></li>
357
                            <li><a class="add-wallet-approve" href="javascript:void(0);">Approved Request</a></li>
358
                            <li><a class="add-wallet-rejected" href="javascript:void(0);">Rejected Request</a></li>
359
                            <li><a class="wallet-edit" href="javascript:void(0);">Wallet Edit</a></li>
360
                            <li><a class="scheme_offer" href="javascript:void(0);">Offers</a></li>
361
                            <li><a class="offer_history" href="javascript:void(0);">Offer History</a></li>
362
 
363
                        </ul>
364
                    </li>
365
                    <li class="sub-menu">
366
                        <a href="javascript:;" class="">
367
                            <i class="icon_document_alt"></i>
368
                            <span>Role Mgmt</span>
369
                            <span class="menu-arrow arrow_carrot-right"></span>
22551 ashik.ali 370
                        </a>
27518 amit.gupta 371
                        <ul class="sub">
372
                            <li><a class="create-api" href="javascript:void(0);">Create Api</a></li>
373
                            <li><a class="edit-api" href="javascript:void(0);">Edit Api</a></li>
374
                            <li><a class="delete-api" href="javascript:void(0);">Delete Api</a></li>
375
                            <li><a class="create-role" href="javascript:void(0);">Create Role</a></li>
376
                            <li><a class="rename-role" href="javascript:void(0);">Rename Role</a></li>
377
                            <li><a class="create-duplicate-role" href="javascript:void(0);">Create Duplicate Role</a>
378
                            </li>
379
                            <li><a class="delete-role" href="javascript:void(0);">Delete Role</a></li>
380
                            <li><a class="add-remove-api" href="javascript:void(0);">Add/Remove Api</a></li>
381
                            <li><a class="add-remove-role" href="javascript:void(0);">Add/Remove Role</a></li>
382
                        </ul>
383
                    </li>
384
 
385
 
386
                    <li class="sub-menu">
387
                        <a href="javascript:;" class="hygiene">
388
                            <i class="icon_document_alt"></i>
389
                            <span>Hygiene</span>
390
                            <span></span>
21987 kshitij.so 391
                        </a>
392
                    </li>
21627 kshitij.so 393
 
27518 amit.gupta 394
                #end
395
 
396
                <li class="sub-menu">
397
                    <a href="javascript:;" class="">
398
                        <i class="icon_document_alt"></i>
399
                        <span>Fin Services</span>
400
                        <span class="menu-arrow arrow_carrot-right"></span>
401
                    </a>
402
                    <ul class="sub">
403
                        <li><a class="partner-service" href="javascript:void(0);">Partner Service</a></li>
404
                    </ul>
405
                </li>
406
                #if($isAdmin)
407
                    <li class="sub-menu">
408
                        <a href="javascript:;" class="">
409
                            <i class="icon_document_alt"></i>
410
                            <span>Retailer</span>
411
                            <span class="menu-arrow arrow_carrot-right"></span>
21627 kshitij.so 412
                        </a>
27518 amit.gupta 413
                        <ul class="sub">
414
                            <li><a class="retailer-info" href="javascript:void(0);">Info</a></li>
415
                            <li><a class="promoter-info" href="javascript:void(0);">Promoter</a></li>
416
                            <li><a class="active-store" href="javascript:void(0);">Live Store</a></li>
417
                            <li><a class="inactive-store" href="javascript:void(0);">Inactive Store</a></li>
418
                            <li><a class="send-notification" href="javascript:void(0);">Send Notification</a></li>
419
                            <li><a class="send-message" href="javascript:void(0);">Send Message</a></li>
420
                            <li><a class="notification-panel" href="javascript:void(0);">Notification Panel</a></li>
21627 kshitij.so 421
                        </ul>
422
                    </li>
27518 amit.gupta 423
 
424
 
425
                    <li class="sub-menu">
426
                        <a href="javascript:;" class="">
427
                            <i class="icon_document_alt"></i>
428
                            <span>Refferals</span>
429
                            <span class="menu-arrow arrow_carrot-right"></span>
430
                        </a>
431
 
432
                        <ul class="sub">
433
 
434
                            <li><a class="pending-refferal" href="javascript:void(0);">Pending Referral</a></li>
435
                            <li><a class="validate-refferal" href="javascript:void(0);">Validate Referral</a></li>
436
                            <li><a class="refferal-approve" href="javascript:void(0);">Approve Referral</a></li>
437
                            <li><a class="refferal-transferred" href="javascript:void(0);">Transferred Referral</a></li>
438
                        </ul>
439
                    </li>
440
                    <li class="sub-menu">
441
                        <a href="javascript:;" class="">
442
                            <i class="icon_document_alt"></i>
443
                            <span>Warehouse</span>
444
                            <span class="menu-arrow arrow_carrot-right"></span>
445
                        </a>
446
                        <ul class="sub">
447
                            <li><a class="create-warehouse" href="javascript:void(0);">Create</a></li>
448
                            <li><a class="warehouses" href="javascript:void(0);">Warehouses</a></li>
449
                            <li><a class="scan-in-items" href="javascript:void(0);">Scan In</a></li>
450
                            <li><a class="instruction-items" href="javascript:void(0);">Instruction Items</a></li>
451
                            <li><a class="scan-out-items" href="javascript:void(0);">Scan Out</a></li>
452
                            <li><a class="add-remove-warehouse" href="javascript:void(0);">Add Remove Warehouses</a>
24478 amit.gupta 453
                            </li>
454
                        </ul>
25455 amit.gupta 455
                    </li>
27518 amit.gupta 456
                    <li class="sub-menu">
457
                        <a href="javascript:;" class="">
458
                            <i class="icon_document_alt"></i>
459
                            <span>Vendor</span>
460
                            <span class="menu-arrow arrow_carrot-right"></span>
21627 kshitij.so 461
                        </a>
27518 amit.gupta 462
                        <ul class="sub">
463
                            <li><a class="create-vendor" href="javascript:void(0);">Create</a></li>
464
                            <li><a class="vendors" href="javascript:void(0);">Vendors</a></li>
465
                        </ul>
466
                    </li>
467
                    <li class="sub-menu">
468
                        <a href="javascript:;" class="">
469
                            <i class="icon_document_alt"></i>
470
                            <span>Item</span>
471
                            <span class="menu-arrow arrow_carrot-right"></span>
472
                        </a>
473
                        <ul class="sub">
474
                            <li><a class="create-item" href="javascript:void(0);">Create</a></li>
475
                            <li><a class="scan-in-partner-items" href="javascript:void(0);">Scan In</a></li>
476
                            <li><a class="scan-out-partner-items" href="javascript:void(0);">Scan Out</a></li>
477
                        </ul>
478
                    </li>
479
                #end
480
                <li class="sub-menu">
481
                    <a href="javascript:;" class="">
482
                        <i class="icon_document_alt"></i>
483
                        <span>Returns</span>
484
                        <span class="menu-arrow arrow_carrot-right"></span>
485
                    </a>
486
                    <ul class="sub">
487
                        <li><a class="approved-returns" href="javascript:void(0);">Approved Returns</a></li>
488
                        <li><a class="view-debit-note" href="javascript:void(0);">View Debit Notes</a></li>
489
                        <li><a class="pending-returns" href="javascript:void(0);">Pending Returns</a></li>
490
                        #if($isAdmin)
491
                            <li><a class="view-returns" href="javascript:void(0);">View Returns</a></li>
492
                            <li><a class="completed-returns" href="javascript:void(0);">Completed Returns</a></li>
493
                        #end
494
                    </ul>
495
                </li>
496
                <li class="sub-menu">
497
                    <a href="javascript:;" class="">
498
                        <i class="icon_document_alt"></i>
499
                        <span>Prebooking</span>
500
                        <span class="menu-arrow arrow_carrot-right"></span>
501
                    </a>
502
                    <ul class="sub">
503
                        #if($isAdmin)
504
                            <li><a class="create-prebooking-listing" href="javascript:void(0);">Create Listing</a></li>
505
                            <li><a class="prebooking-listings" href="javascript:void(0);">Listings</a></li>
506
                        #end
507
                        <li><a class="create-prebooking-order" href="javascript:void(0);">Create Order</a></li>
508
                        <li><a class="prebooking-orders" href="javascript:void(0);">Orders</a></li>
509
                    </ul>
510
                </li>
511
                <li class="sub-menu">
512
                    <a href="javascript:;" class="">
513
                        <i class="icon_document_alt"></i>
514
                        <span>Recharge</span>
515
                        <span class="menu-arrow arrow_carrot-right"></span>
516
                    </a>
517
                    <ul class="sub">
518
                        #if($isAdmin)
519
                            <li><a class="create-mobile-recharge-commission" href="javascript:void(0);">Mobile
520
                                Commission</a></li>
521
                            <li><a class="create-dth-recharge-commission" href="javascript:void(0);">Dth Commission</a>
21627 kshitij.so 522
                            </li>
27518 amit.gupta 523
                            <li><a class="recharge-commissions" href="javascript:void(0);">Commissions</a></li>
524
                            <li><a class="recharge-provider-balance" href="javascript:void(0);">Provider Balance</a>
21627 kshitij.so 525
                            </li>
27518 amit.gupta 526
                            <li><a class="recharge-provider-wallet-add-money" href="javascript:void(0);">Provider Add
527
                                Money</a></li>
528
                            <li><a class="recharge-provider-wallet-add-moneys" href="javascript:void(0);">Provider
529
                                Wallet History</a></li>
530
                            <li><a class="daily-recharges" href="javascript:void(0);">Daily Recharges</a></li>
531
                        #end
532
                        <li><a class="create-mobile-recharge" href="javascript:void(0);">Mobile Recharge</a></li>
533
                        <li><a class="create-dth-recharge" href="javascript:void(0);">Dth Recharge</a></li>
534
                        <li><a class="mobile-recharges" href="javascript:void(0);">Mob Recharge History</a></li>
535
                        <li><a class="dth-recharges" href="javascript:void(0);">DTH Recharge History</a></li>
536
                    </ul>
537
                </li>
538
                #if($isAdmin)
539
                    <li class="sub-menu">
540
                        <a href="javascript:;" class="">
541
                            <i class="icon_document_alt"></i>
542
                            <span>Stock Allocation</span>
543
                            <span class="menu-arrow arrow_carrot-right"></span>
544
                        </a>
545
                        <ul class="sub">
546
                            <li><a class="notify_order" href="javascript:void(0);">Notified Order</a></li>
547
                            <li><a class="notify_cancel" href="javascript:void(0);">Notified Cancel Order</a></li>
548
                            <li><a class="review_order" href="javascript:void(0);">Review Order</a></li>
549
                            <li><a class="create_indent" href="javascript:void(0);">Edit Allocation</a></li>
550
                            <li><a class="focused_model" href="javascript:void(0);">Focused Model</a></li>
551
                            <li><a class="partners_allocation" href="javascript:void(0);">Partner Allocation</a></li>
552
                            <li><a class="partner-po" href="javascript:void(0);">Create PO</a></li>
21627 kshitij.so 553
                        </ul>
554
                    </li>
27518 amit.gupta 555
                #else
556
                    <li>
557
                        <a href="javascript:;" class="create_indent">
558
                            <i class="icon_document_alt"></i>
559
                            <span>Monthly Planning</span>
560
                        </a>
561
                    </li>
562
                #end
563
                <li class="sub-menu">
564
                    <a href="javascript:;" class="">
565
                        <i class="icon_document_alt"></i>
566
                        <span>GRN</span>
567
                        <span class="menu-arrow arrow_carrot-right"></span>
568
                    </a>
569
                    <ul class="sub">
570
                        <li><a class="new_grn" href="javascript:void(0);">New</a></li>
571
                        <li><a class="grn_history" href="javascript:void(0);">History</a></li>
572
                        <li><a class="pending_grn" href="javascript:void(0);">Pending</a></li>
573
                    </ul>
574
                </li>
575
                <li class="sub-menu">
576
                    <a href="javascript:;" class="">
577
                        <i class="icon_desktop"></i>
578
                        <span>Inventory</span>
579
                        <span class="menu-arrow arrow_carrot-right"></span>
580
                    </a>
581
                    <ul class="sub">
582
                        <li><a class="good_inventory" href="javascript:void(0);">Good</a></li>
583
                        <li><a class="bad_inventory" href="javascript:void(0);">Bad</a></li>
584
                        <li><a class="allocation_po" href="javascript:void(0);">Raise PO</a></li>
21627 kshitij.so 585
 
27518 amit.gupta 586
 
587
                    </ul>
588
                </li>
589
                <li class="sub-menu">
24106 tejbeer 590
                    <a href="javascript:;" class="">
27518 amit.gupta 591
                        <i class="icon_genius"></i>
592
                        <span>Catalog</span>
593
                        <span class="menu-arrow arrow_carrot-right"></span>
594
                    </a>
595
                    <ul class="sub">
596
                        <li><a class="catalog" href="javascript:void(0);">Catalog</a></li>
597
                        <li><a class="product-compare-info" href="javascript:void(0);">Product Compare</a></li>
598
                        #if($isAdmin)
599
                            <li><a class="product-detail" href="javascript:void(0);">Product Detail</a></li>
600
                            <li><a class="feature" href="javascript:void(0);">Feature</a></li>
601
                            <li><a class="content" href="javascript:void(0);">Content</a></li>
602
                            <li><a class="live_demo_billing" href="javascript:void(0);">Live Demo Billing</a></li>
603
                        #end
24106 tejbeer 604
                    </ul>
27518 amit.gupta 605
                </li>
606
                <li class="sub-menu">
607
                    <a href="javascript:;" class="">
608
                        <i class="icon_table"></i>
609
                        <span>Item Aging</span>
610
                        <span class="menu-arrow arrow_carrot-right"><span>
611
                    </a>
612
                    <ul class="sub">
613
                        <li><a class="download_reports" href="javascript:void(0);">Download Reports</a></li>
614
                        <li><a class="download_aging_report" href="javascript:void(0);">Download</a></li>
615
                        <li><a class="item_aging" href="javascript:void(0);">View</a></li>
616
                    </ul>
617
                </li>
26251 amit.gupta 618
 
27518 amit.gupta 619
                <li class="sub-menu">
620
                    <a href="javascript:;" class="">
621
                        <i class="icon_table"></i>
622
                        <span>Item Ledger</span>
623
                        <span class="menu-arrow arrow_carrot-right"><span>
624
                    </a>
625
                    <ul class="sub">
626
                        <li><a class="item-ledger-report-download-page" href="javascript:void(0);">Download</a></li>
627
                    </ul>
628
                </li>
629
 
630
                <li class="sub-menu">
631
                    <a href="javascript:;" class="">
632
                        <i class="icon_table"></i>
633
                        <span>Sale</span>
634
                        <span class="menu-arrow arrow_carrot-right"></span>
635
                    </a>
636
                    <ul class="sub">
637
                        <!--<li><a class="create-order" href="javascript:void(0);">Create Sale Order</a></li>-->
638
                        #if($isAdmin)
639
                            <li><a class="search-order" href="javascript:void(0);">Search Order</a></li>
640
                            <li><a class="upload-target" href="javascript:void(0);">Create Partner Target</a></li>
641
                            <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
642
 
643
                        #end
644
 
645
                        <li><a class="pending_fofo_order" href="javascript:void(0);">Pending Order</a></li>
646
                        <li><a class="sale-history" href="javascript:void(0);">History</a></li>
647
                        <li><a class="target-slide" href="javascript:void(0);">Outlet Categories</a></li>
648
                        <li><a class="insurance-policy-details" href="javascript:void(0);">Insurance History</a></li>
649
                    </ul>
650
                </li>
651
                #if($isAdmin)
652
 
653
 
654
                    <li class="sub-menu">
655
                        <a href="javascript:;" class="">
656
                            <i class="icon_document_alt"></i>
657
                            <span>Lead</span>
658
                            <span class="menu-arrow arrow_carrot-right"></span>
659
                        </a>
660
                        <ul class="sub">
661
                            <li><a class="lead" href="#">Lead</a></li>
662
                            <li><a class="lead-close" href="#">Closed Lead</a></li>
663
                        </ul>
664
                    </li>
665
                    <li class="sub-menu">
666
                        <a href="javascript:;" class="">
667
                            <i class="icon_documents_alt"></i>
668
                            <span>Ticket</span>
669
                            <span class="menu-arrow arrow_carrot-right"></span>
670
 
671
                        </a>
672
                        <ul class="sub">
673
                            <li><a class="create-ticket-category" href="#">Create Category</a></li>
674
                            <li><a class="create-ticket-sub-category" href="#">Create Sub Category</a></li>
675
                            <li><a class="create-region" href="#">Create Region</a></li>
676
                            <li><a class="create-partner-region" href="#">Add Partner Region</a></li>
677
                            <li><a class="create-position" href="#">Create Position</a></li>
26251 amit.gupta 678
                            <li><a class="my-ticket" href="#">My Assigned Ticket</a></li>
27518 amit.gupta 679
                            <li><a class="manager-ticket" href="#">Manager Ticket</a></li>
680
                        </ul>
681
                    </li>
682
                #end
683
                <li class="sub-menu" style="margin-bottom:20px">
684
                    <a href="javascript:;" class="">
685
                        <i class="icon_documents_alt"></i>
686
                        <span>Support</span>
687
                        <span class="menu-arrow arrow_carrot-right"></span>
688
                    </a>
689
                    <ul class="sub" style="margin-bottom:20px">
690
                        <li><a class="contact-us" href="#">Contact Us</a></li>
691
                    </ul>
692
                </li>
25140 amit.gupta 693
 
27518 amit.gupta 694
            </ul>
695
            <!-- sidebar menu end-->
696
        </div>
697
    </aside>
698
    <!--sidebar end-->
699
 
700
    <!--main content start-->
701
    <section id="main-content">
702
        <section class="wrapper">
703
            <!--overview start-->
704
            <div class="row">
705
                <div class="col-lg-12">
706
                    <h3 class="page-header"><i class="fa fa-laptop"></i> Dashboard</h3>
707
                    <ol class="breadcrumb">
708
                        <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
709
                        <li><i class="fa fa-laptop"></i>Dashboard</li>
710
                    </ol>
711
                </div>
712
            </div>
713
            <!-- overview end -->
714
            <div class="row">
715
                <div class="col-lg-6">
716
                    <div class="row">
717
                        <div class="col-lg-7">
718
                            <div class="info-box blue-bg">
719
                                <i class="fa fa-chart-line"></i>
720
                                <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Sale</strong></h3>
721
                                <div class="row">
722
                                    <div class="col-lg-4 row">
723
                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
724
                                            "lmtdSale")</div>
725
                                        <div class="title">LMTD</div>
726
                                    </div>
727
                                    <div class="col-lg-4 row">
728
                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
729
                                            "mtdSale")</div>
730
                                        <div class="title">MTD</div>
731
                                    </div>
732
                                    <div class="col-lg-3 row">
733
                                        <div style="margin-top:0px" class="count currency">$salesMap.get(
734
                                            "todaySale")</div>
735
                                        <div class="title">Today&apos;s</div>
736
                                    </div>
737
 
738
                                    <div class="col-lg-1 row" style="margin-left: -20px;margin-top: 20px;">
739
                                        <i class="fk_more fa fa-angle-double-down" id="blue-dropdown"
740
                                           style="cursor:pointer;font-size: 27px;width: 27px;height: 27px;margin-top: 0px;color: rgba(255, 255, 255, 0.75);line-height: 27px;"></i>
741
                                    </div>
742
                                </div>
743
 
744
                                <div class="row monthsaleContainer" style="margin:5px">
745
                                </div>
746
                            </div>
747
                        </div>
748
                        <div class="col-lg-5 row">
749
                            <div class="info-box brown-bg">
750
 
751
                                <div class="col-lg-12">
752
                                    <div class="col-lg-6">
753
                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Current Rate</strong></h4>
754
                                        <div style="margin-top:0px" class="count">
755
                                            <span class="currency">$salesMap.get("currentRate")</span>/day
756
                                        </div>
757
                                        <img src="${salesMap.get('currentTypeImage')}" width="60px"
758
                                             class="target-slide">
759
                                    </div>
760
                                    <div class="col-lg-6 row">
761
                                        <h4 style="margin-top:-2px;margin-bottom:3px"><strong>Reqd Rate</strong></h4>
762
                                        <div style="margin-top:0px" class="count currency">
763
                                            <span class="currency">$salesMap.get("requiredRate")</span>/day
764
                                        </div>
765
                                        <img src="${salesMap.get('requiredTypeImage')}" width="60px"
766
                                             class="target-slide">
767
                                    </div>
768
                                </div>
769
                            </div>
770
                        </div>
771
                        <div class="col-lg-8">
772
                            <div class="info-box purple-bg">
773
                                <div class="col-lg-12 row">
774
                                    <i class="fa fa-coins"></i>
775
                                    <h3 style="margin-top:-2px;margin-bottom:12px"><strong>Investments</strong></h3>
776
                                    <div class="row">
777
                                        <div class="col-lg-4 row">
778
                                            <div style="margin-top:0px" class="count currency">$investments.get(
779
                                                "today")</div>
780
                                            <div class="title">current</div>
781
                                        </div>
782
                                        <div class="col-lg-3">
783
                                            <div style="margin-top:0px" class="count">$investments.get("minimum")</div>
784
                                            <div class="title">min</div>
785
                                        </div>
786
                                        <div class="col-lg-3 row"
787
                                            #if(!$isInvestmentOk)
788
                                             style="color:mediumvioletred"
789
                                            #end
790
                                        >
791
                                            #if($investments.get("short")<=0)
792
                                                <div style="margin-top:0px" class="count">&gt;100%</div>
793
                                                <div class="title">OK</div>
794
                                            #else
795
                                                <div style="margin-top:0px" class="count currency">$investments.get(
796
                                                    "short")%
797
                                                </div>
798
                                                <div class="title">short</div>
799
                                            #end
800
                                        </div>
801
                                    </div>
802
                                </div>
803
                            </div>
804
                        </div>
805
                        <div class="col-lg-4 row">
806
                            <div class="info-box green-bg">
807
                                <i class="fa fa-cubes"></i>
808
                                <div class="count currency">$investments.get("inStock")</div>
809
                                <div class="title">Total Stock</div>
810
                            </div>
811
                        </div>
812
                    </div>
813
                    <div class="row">
814
                        #foreach($brandStockPrice in $brandStockPrices)
815
                            <div class="col-lg-3">
816
                                <div class="card card-default">
25680 amit.gupta 817
							<span class="card-body" style="padding-bottom:0px">
818
								<table>
25214 amit.gupta 819
									<thead>
820
										<tr><td colspan="2">Current Stock</td></tr>
821
									</thead>
822
									<tbody>
25219 amit.gupta 823
										<tr><th>Qty</th><td>$brandStockPrice.getTotalQty()pc</td></tr>
27518 amit.gupta 824
										<tr><th>Value</th><td><span
825
                                                class="currency">$brandStockPrice.getTotalValue()</span></td></tr>
25214 amit.gupta 826
									</tbody>
25680 amit.gupta 827
								</table>
27518 amit.gupta 828
                                #if($brandStockPrice.getAgedValue()>0)
829
                                    <p style="color:#d15a57;font-weight:700" title="Focus Stock">
25680 amit.gupta 830
									<span class="currency">$brandStockPrice.getAgedValue()</span> / $brandStockPrice.getAgedQty()
831
								</p>
27518 amit.gupta 832
                                #else
833
                                    <p>&nbsp;</p>
834
                                #end
25680 amit.gupta 835
							</span>
27518 amit.gupta 836
                                    <span class="card-img">
25160 amit.gupta 837
								<img src="${brandStockPrice.getBrandUrl()}" class="cover">
25680 amit.gupta 838
							</span>
27518 amit.gupta 839
                                </div>
840
                            </div>
841
                        #end
842
                    </div>
843
 
844
                    <div class="row">
845
 
846
                        <div class="col-lg-3">
847
                            <div class="card card-default">
26071 tejbeer 848
							<span class="card-body" style="padding-bottom:0px">
849
								<table>
850
									<thead>
851
										<tr><td colspan="2">Current Stock</td></tr>
852
									</thead>
853
									<tbody>
854
										<tr><th>Value</th><td><span class="currency">$accesoriesStock</span></td></tr>
855
									</tbody>
856
								</table>
857
							</span>
27518 amit.gupta 858
                                <span class="card-img">
859
								<img src="resources/images/accessories.jpg" style="padding:8px">
26071 tejbeer 860
							</span>
27518 amit.gupta 861
                            </div>
862
                        </div>
21627 kshitij.so 863
 
27518 amit.gupta 864
                    </div>
27358 tejbeer 865
 
27518 amit.gupta 866
                    <div class="row">
27357 tejbeer 867
 
27518 amit.gupta 868
                        <div class="col-lg-8">
869
                            <canvas id="bar-chart" width="518" height="420"></canvas>
870
                        </div>
21627 kshitij.so 871
 
27518 amit.gupta 872
                    </div>
873
                </div>
874
 
875
                <div class="col-lg-6">
876
                    #if($activatedImeis > 0)
877
                        <div class="row col-lg-12 info-box white-bg">
878
                            #parse("dashboard-activated-imeis.vm")
879
                        </div>
880
                    #end
881
                    #if(!$publishedOffers.isEmpty())
882
                        #foreach( $offer in $publishedOffers )
883
                            <div class="row col-lg-12 info-box white-bg" style="margin-bottom:1px">
884
                                #parse("scheme_offer/published.vm")
885
                            </div>
886
                        #end
887
                    #end
888
 
889
                    <div class="row col-lg-12 info-box white-bg">
890
                        #parse("performance.vm")
891
                    </div>
892
 
893
                    <div class="offer-margin-container">
894
                        <div class="modal  text-center" id="offerDescription">
895
                            <div class="modal-dialog">
896
                                <div class="modal-content">
897
 
898
                                </div>
899
                            </div>
900
                        </div>
901
                    </div>
902
 
903
                    <div class="row col-lg-12 info-box white-bg">
904
                        <div class="col-lg-4">
905
                            <h3 style="margin-top:-2px;margin-bottom:24px"><strong>My Messages</strong>
906
                            </h3>
907
                        </div>
908
                        <div class="col-lg-4">
909
                            <div class="btn-group message-filter">
910
                                <button data-messagetype="notification" type="button" class="btn btn-default"
911
                                        aria-label="Notifications" title="Notifications">
912
                                    <span class="glyphicon glyphicon-bell" aria-hidden="true"></span></button>
913
                                <button data-messagetype="announcement" type="button" class="btn btn-default"
914
                                        aria-label="Announcements" title="Announcements">
915
                                    <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span></button>
916
                                <button data-messagetype="scheme" type="button" class="btn btn-default"
917
                                        aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
918
                                    <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
919
                                </button>
920
 
921
                                <button data-messagetype="marketing" type="button" class="btn btn-default"
922
                                        aria-label="SmartDukaan Schemes" title="SmartDukaan Schemes">
923
                                    <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
924
                                </button>
925
                            </div>
926
                        </div>
927
                        <div class="col-lg-12 row notification-container" style="max-height: 500px;overflow-y: scroll;">
928
                        </div>
929
                    </div>
930
                </div>
931
            </div>
932
        </section>
933
        <div class="text-center">
934
            <div class="credits">
935
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
936
            </div>
937
        </div>
938
    </section>
939
 
940
    <script type="text/javascript">
941
        context = "${rc.contextPath}";
942
        webApiScheme = "$webApiScheme";
943
        webApiRoot = "$webApiRoot";
944
        webApiHost = "$webApiHost";
945
        webApiPort = "$webApiPort";
946
    </script>
947
    #parse("include-scripts.vm")
948
 
949
    <script type="text/javascript">
950
        $(document).ready(function () {
951
            var salesCloseFlag = true;
952
            $("#blue-dropdown").click(function () {
953
                // console.log("clicked");
954
                if (salesCloseFlag) {
955
                    var containerWidth = $(".blue-bg").width()
956
                    doGetAjaxRequestHandler(context + "/getMonthSale", function (response) {
957
                        $('.monthsaleContainer').html(response);
958
                        $(".blue-bg").css({"position": "absolute", "z-index": "10"}).width(containerWidth);
959
                    });
960
                } else {
961
                    $(".blue-bg").removeAttr('style');
962
                    $('.monthsaleContainer').html('');
963
                }
964
                salesCloseFlag = !salesCloseFlag;
965
            });
966
        });
967
 
968
 
969
        $("#description-offer").live(
970
                "click",
971
                function (e) {
972
                    var offerid = $(this).data('offerid');
973
                    console.log(offerid);
974
                    doGetAjaxRequestHandler(context + "/getOfferMargins?offerId="
975
                            + offerid, function (response) {
976
                        $('.offer-margin-container .modal-content').html(response);
977
                    });
978
 
979
 
980
                });
981
 
982
 
983
        $(".cancel-description").live(
984
                "click",
985
                function (e) {
986
                    $("#descriptionMenu").empty();
987
                });
988
 
989
 
990
        $("#cancel-model").live(
991
                "click",
992
                function (e) {
993
                    $("#descriptionMenu").empty();
994
                });
995
 
996
 
997
    </script>
998
    <script>
999
 
1000
        //knob
1001
        $(function () {
1002
            /*$(".knob").knob({
1003
              'draw' : function () {
1004
                $(this.i).val(this.cv + '%')
1005
              }
1006
            });*/
1007
            $.fn.dataTable.moment('DD/MM/YYYY');
1008
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
1009
            $('.currency').each(function (index, ele) {
1010
                if (!isNaN(parseInt($(ele).html()))) {
1011
                    $(ele).html(numberToComma($(ele).html()));
1012
                }
1013
            });
1014
        });
1015
 
1016
        $(function () {
1017
            var profile = localStorage.getItem('profile');
1018
            if (profile) {
1019
                $("#photo").attr("src", JSON.parse(profile).image_url);
1020
                $("#fofo_name").text(JSON.parse(profile).name);
1021
            } else {
1022
                $("#photo").attr("src", "");
1023
                $("#fofo_name").text("Welcome, User");
1024
            }
1025
        });
1026
 
1027
        $(function () {
1028
            var bag = localStorage.getItem('bag');
1029
            console.log(bag);
1030
            if (bag) {
1031
                console.log("yes");
1032
                //$("#cart_bar").find('span').text(10);
1033
                $("#cart_bar").find('span').text(Object.keys(JSON.parse(bag)).length);
1034
            } else {
1035
                $("#cart_bar").find('span').text(0);
1036
            }
1037
        });
1038
 
1039
        $("#logout").click(function () {
1040
            localStorage.profile = undefined;
1041
        });
1042
            #set($partnerInvestment = $investments.get("investment"))
1043
        saleAmount = numberToComma($partnerInvestment.getSalesAmount());
1044
        minimumInvestmentAmount = numberToComma($partnerInvestment.getMinInvestment());
1045
        totalInvestedAmount = numberToComma($partnerInvestment.getTotalInvestment());
1046
        shortPercentage = numberToComma($partnerInvestment.getShortPercentage());
1047
        grnPendingStockAmount = numberToComma($partnerInvestment.getGrnPendingAmount());
1048
        unbilledStockAmount = numberToComma($partnerInvestment.getUnbilledAmount());
1049
        inStockAmount = numberToComma($partnerInvestment.getInStockAmount());
1050
        walletAmount = numberToComma($partnerInvestment.getWalletAmount());
1051
        shortAmount = numberToComma($partnerInvestment.getShortInvestment());
1052
        minAmountToBeAdded = numberToComma($partnerInvestment.getMinAmountToBeAdded());
1053
        isInvestmentOk = $isInvestmentOk;
1054
        starTotal = 5;
1055
        ratings = {
1056
            current: $currentMonthRating,
1057
            last: $lastMonthRating,
1058
            tilldate: $ratingTillDate
1059
        };
1060
        for (const rating in ratings) {
1061
            // 2
1062
            const starPercentage = (ratings[rating] / starTotal) * 100;
1063
            // 3
1064
            const starPercentageRounded = `${starPercentage}%`;
1065
            // 4
1066
            document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded;
1067
        }
1068
 
1069
        hasGift =$hasGift;
1070
        giftItemId = $giftItemId;
1071
        monthDays =$monthDays;
1072
        dayOfMonth = $dayOfMonth;
1073
        $(function () {
1074
            $('#links_bar').popover({
1075
                container: ".notification-row",
1076
                template: `<div class="popover">
25140 amit.gupta 1077
							<div class="arrow"></div>
1078
							<div class="popover-inner">
1079
								<h4 class="popover-title">
1080
								</h4>
1081
								<div class="popover-content"><p></p></div>
1082
							</div>
1083
						</div>`,
27518 amit.gupta 1084
                html: true,
1085
                content: `<div class="container-fluid">
25140 amit.gupta 1086
		    				<div class="row"><h5 class="page-header" style="color:#333;margin:6px 0 3px">Quick Links</h5></div>
1087
		    				<div class="row">
1088
							    <div class="col-lg-3">
26583 amit.gupta 1089
								    <a href="/spicemoney/getToken" target="_blank" href="">
26585 amit.gupta 1090
								    	<img title="Spice Money" src="/resources/images/icons/provider-logos/spicemoney.jpg" style="width:40px"></img>
26583 amit.gupta 1091
								    </a>
1092
								</div>
25140 amit.gupta 1093
							</div>
1094
		    			</div>`,
27518 amit.gupta 1095
                placement: "bottom",
1096
                trigger: "focus"
1097
            });
1098
        });
1099
 
1100
        function showAttendanceModal() {
1101
            var today = new Date().getTime();
1102
            if ($.cookie("punchIn") == undefined) {
1103
                document.cookie = "punchIn=" + today;
1104
            }
1105
            if (today >= parseInt($.cookie("punchIn"))) {
1106
                doGetAjaxRequestHandler(context + "/getPunchInOutForModel", function (response) {
1107
                    if (response == 'true') {
1108
                        $('#punchInOutModal').modal('hide');
1109
                        clearInterval(stopInterval);
1110
                    } else {
1111
                        $("#punch-in-out-model").html(response);
1112
                        $('#punchInOutModal').modal('show');
1113
                        var time = today + 30 * 60 * 1000
1114
                        document.cookie = "punchIn=" + time;
1115
                    }
1116
                });
1117
            }
1118
        }
1119
 
1120
        var stopInterval;
1121
        $(document).ready(function () {
1122
            stopInterval = setInterval(showAttendanceModal, 100000000);
1123
 
1124
            $('div.message-filter').on('click', 'button', function () {
1125
                messageType = $(this).data("messagetype");
1126
                if ($(this).hasClass('btn-pressed')) {
1127
                    messageType = "";
1128
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1129
                } else {
1130
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1131
                    $(this).addClass('btn-pressed').removeClass('btn-default');
1132
                }
1133
                notifyTypeChange(messageType);
1134
            });
1135
            notifyTypeChange("");
1136
 
1137
        });
1138
        $(function () {
1139
            if (navigator.geolocation) {
1140
                navigator.geolocation.getCurrentPosition(showPosition);
1141
            } else {
1142
                console.log("Geolocation is not supported by browser.");
1143
            }
1144
            dateRangeCallback(moment(), moment());
1145
            loaderDialogObj = bootbox.dialog({
1146
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1147
                show: false
1148
            });
1149
 
1150
            messageType = $(this).data("messagetype");
1151
            if ($(this).hasClass('btn-pressed')) {
1152
                messageType = "";
1153
                $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1154
            } else {
1155
                $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1156
                $(this).addClass('btn-pressed').removeClass('btn-default');
1157
            }
1158
            notifyTypeChange(messageType);
1159
        });
1160
 
1161
 
1162
        new Chart(document.getElementById("bar-chart"),
1163
                    $chartMap
1164
        );
1165
    </script>
26318 tejbeer 1166
    <div id="punchInOutModal" class="modal" role="dialog">
27518 amit.gupta 1167
        <div class="modal-dialog">
1168
 
1169
            <!-- Modal content-->
1170
            <div class="modal-content">
1171
                <div class="modal-header">
1172
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1173
                    <h4 class="modal-title">Punch In Out</h4>
1174
                </div>
1175
                <div class="modal-body">
1176
                    <div id="punch-in-out-model">
1177
 
1178
                    </div>
1179
                </div>
1180
            </div>
1181
        </div>
26071 tejbeer 1182
    </div>
1183
 
27518 amit.gupta 1184
</body>
24387 amit.gupta 1185
</html>