Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
26010 amit.gupta 1
<!DOCTYPE html>
2
<html lang="en">
28451 tejbeer 3
<head>
30017 amit.gupta 4
    <meta charset="utf-8">
5
    <meta name="viewport"
6
          content="width=device-width, initial-scale=1, maximum-scale=1">
7
    <meta name="description" content="Smart Dukaan FOCO Dashboard">
8
    <meta name="author" content="smartdukaan">
31786 tejbeer 9
 
10
    <meta name="referer" content="no-referer">
11
    <meta name="referrer" content="no-referrer">
30017 amit.gupta 12
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
13
    <link rel="shortcut icon" href="assets/images/icons/favicon.png">
26010 amit.gupta 14
 
30017 amit.gupta 15
    <title>Smart Dukaan - FOCO Dashboard</title>
26010 amit.gupta 16
 
30017 amit.gupta 17
    <!-- Bootstrap CSS -->
18
    <!-- bootstrap theme -->
19
    <!--external css-->
20
    <!-- font icon -->
21
    <link href="resources/css/elegant-icons-style.css" rel="stylesheet"/>
22
    <link href="resources/css/font-awesome.min.css" rel="stylesheet"/>
23
    <!-- full calendar css-->
24
    <!-- owl carousel -->
25
    <link rel="stylesheet" href="resources/css/owl.carousel.css"
26
          type="text/css">
27
    <link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
28
    <!-- Custom styles -->
29
    <link href="resources/css/widgets.css" rel="stylesheet">
30
    <link href="resources/css/multi.min.css?v=${cssVersion}" type="text/css"
31
          rel="stylesheet">
32
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
33
    <link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
34
    <link href="resources/css/style-responsive.css" rel="stylesheet"/>
35
    <link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
36
    <link type="text/css" href="resources/css/bootstrap.css"
37
          rel="stylesheet">
38
    <!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
39
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
40
    <link rel="stylesheet" type="text/css"
41
          href="resources/js/daterangepicker/daterangepicker.css"/>
42
    <link rel="stylesheet" type="text/css"
43
          href="resources/js/chosen.min.css"/>
44
    <link href="resources/css/bootstrap-duallistbox.css" rel="stylesheet"/>
45
    <link rel="stylesheet" type="text/css"
46
          href="resources/css/bootstrap-multiselect.css"/>
47
    <link rel="stylesheet" type="text/css"
31189 tejbeer 48
          href="resources/css/datatables.bootstrap.min.css"/>
30017 amit.gupta 49
    <link rel='stylesheet'
50
          href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
51
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ'
52
          crossorigin='anonymous'>
28451 tejbeer 53
 
30017 amit.gupta 54
    <style type="text/css">
55
        .loading {
56
            display: none;
57
        }
28451 tejbeer 58
 
30017 amit.gupta 59
        .breadcrumb {
60
            padding: 0 15px;
61
        }
28451 tejbeer 62
 
30017 amit.gupta 63
        .stars-outer {
64
            display: inline-block;
65
            position: relative;
66
            font-family: FontAwesome;
67
        }
28451 tejbeer 68
 
30017 amit.gupta 69
        .stars-outer::before {
70
            content: "\f006 \f006 \f006 \f006 \f006";
71
        }
28451 tejbeer 72
 
30017 amit.gupta 73
        .stars-inner {
74
            position: absolute;
75
            top: 0;
76
            left: 0;
77
            white-space: nowrap;
78
            overflow: hidden;
79
            width: 0;
80
        }
28451 tejbeer 81
 
30017 amit.gupta 82
        .stars-inner::before {
83
            content: "\f005 \f005 \f005 \f005 \f005";
84
            color: #f8ce0b;
85
        }
28451 tejbeer 86
 
30017 amit.gupta 87
        .table-striped > tbody > tr:nth-child(odd) > td {
88
            background: white;
89
            background-color: #dae5f4;
90
        }
28451 tejbeer 91
 
30017 amit.gupta 92
        .table-striped > tbody > tr:nth-child(even) > td {
93
            background: #f2f2f2;
94
            background-color: #b8d1f3;
95
        }
28451 tejbeer 96
 
30017 amit.gupta 97
        .btn:hover {
98
            color: grey;
99
            text-decoration: none;
100
        }
28451 tejbeer 101
 
30017 amit.gupta 102
        .btn-primary:hover {
103
            color: grey;
104
            text-decoration: none;
105
        }
28451 tejbeer 106
 
30017 amit.gupta 107
        .sale-details {
108
            cursor: pointer;
109
        }
28451 tejbeer 110
 
30017 amit.gupta 111
        .popover {
112
            min-width: 18%;
113
        }
28451 tejbeer 114
 
30017 amit.gupta 115
        .fa-2x {
116
            font-size: 1.4em;
117
        }
28451 tejbeer 118
 
30017 amit.gupta 119
        .cover {
120
            object-fit: cover;
121
            width: 100%;
122
            height: 90px;
123
            padding: 8px;
124
        }
28451 tejbeer 125
 
30017 amit.gupta 126
        .info-box .notifications i {
127
            display: inline-block;
128
            margin-top: 0px;
129
            height: 25px;
130
            font-size: 16px;
131
            line-height: 25px;
132
            width: 25px;
133
            float: none;
134
            text-align: center;
135
            padding-right: 0px;
136
            color: #768399;
137
        }
28451 tejbeer 138
 
30017 amit.gupta 139
        #preview {
140
            position: relative;
141
            color: #fff;
142
            float: left;
143
            width: 100%;
144
            -webkit-border-radius: 10px;
145
            -moz-border-radius: 10px;
146
            border-radius: 10px;
147
            clear: both;
148
        }
28451 tejbeer 149
 
30017 amit.gupta 150
        #canvas-preview {
151
            width: 100%;
152
            position: relative;
153
            top: -15px;
154
        }
28451 tejbeer 155
 
30017 amit.gupta 156
        #preview-textfield {
157
            position: absolute;
158
            top: -10px;
159
            left: 0;
160
            right: 0;
161
            text-align: center;
162
            font-size: 2em;
163
            font-weight: bold;
164
            color: white;
165
            font-family: 'Amaranth', sans-serif;
166
        }
167
    </style>
28451 tejbeer 168
 
30017 amit.gupta 169
    <script type="text/javascript">
170
        isAdmin = true;
28451 tejbeer 171
 
30017 amit.gupta 172
        function getWarehousePartners(warehouseId) {
28451 tejbeer 173
 
30017 amit.gupta 174
            doGetAjaxRequestHandler(context + "/getWarehousePartners?warehouseId=" + warehouseId,
175
                    function (response) {
176
                        $('#' + "main-content").html(response);
177
                        console.log(response)
178
                    });
179
        }
26418 tejbeer 180
 
32197 jai.hind 181
 
182
 
30017 amit.gupta 183
        function getWarehouseBrandStock(warehouseId) {
27529 tejbeer 184
 
32177 amit.gupta 185
            doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandStock?warehouseId=" + warehouseId,
30017 amit.gupta 186
                    function (response) {
187
                        $('#' + "main-content").html(response);
188
                        console.log(response)
189
                    });
190
        }
27529 tejbeer 191
 
26010 amit.gupta 192
 
32197 jai.hind 193
 
30017 amit.gupta 194
        function getWarehouseWiseBrandPartnerSale(brand) {
195
 
196
            doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandPartnerSale?brand=" + brand,
197
                    function (response) {
198
                        $('#' + "main-content").html(response);
199
                        console.log(response)
200
                    });
201
        }
202
 
203
        function getWarehouseWiseBrandActivatedModel(brand) {
204
 
205
            doGetAjaxRequestHandler(context + "/getActivatedModelWarehouseWise?brand=" + brand,
206
                    function (response) {
207
                        $('#' + "main-content").html(response);
208
                        console.log(response)
209
                    });
210
        }
211
 
212
        function getWarehouseWiseAccessoriesBrandPartnerSale(brand) {
213
            doGetAjaxRequestHandler(context + "/getWarehouseWiseAccesoriesBrandPartnerSale?brand=" + brand,
214
                    function (response) {
215
                        $('#' + "main-content").html(response);
216
                        console.log(response)
217
                    });
218
        }
219
 
220
 
221
    </script>
222
 
223
    <script type="text/javascript">
224
        function getWarehouseWiseData() {
225
            doGetAjaxRequestHandler(context + "/getWarehouseWiseData",
226
                    function (response) {
227
                        $('#' + "main-content").html(response);
228
                        console.log(response)
229
                        if (response == 'true') {
230
 
231
                            window.location.href = $('.dashboardload').attr('href');
232
                        }
233
                    });
234
        }
235
 
236
        function getPartnersStat() {
237
            doGetAjaxRequestHandler(context + "/getPartnersStatData",
238
                    function (response) {
239
                        if (response == 'true') {
240
                            window.location.href = $('.dashboardload').attr('href');
241
                        }
242
                    });
243
        }
244
 
245
 
32197 jai.hind 246
 
247
 
30017 amit.gupta 248
    </script>
249
 
250
 
28451 tejbeer 251
</head>
26010 amit.gupta 252
 
28451 tejbeer 253
<body style="background-color: #f7f7f7">
30017 amit.gupta 254
<!--<div class="loading"><img src="resources/images/icons/loading.gif"></div>-->
255
<!-- container section start -->
256
<section id="container">
28451 tejbeer 257
 
258
 
30017 amit.gupta 259
    <header class="header dark-bg">
260
        <div class="toggle-nav">
261
            <div class="icon-reorder tooltips"
262
                 data-original-title="Toggle Navigation" data-placement="bottom">
263
                <i class="icon_menu"></i>
264
            </div>
265
        </div>
266
        <div class="top-nav notification-row">
267
            <!-- notificatoin dropdown start-->
268
            <ul class="nav pull-right top-menu">
269
                <!-- user login dropdown start-->
270
                <li class="dropdown"><a data-toggle="dropdown"
271
                                        class="dropdown-toggle" href="#"> <span class="profile-ava">
28451 tejbeer 272
								<img class="avatar-custom" id="photo" alt="" src="">
273
						</span> <span class="username" id="fofo_name"></span> <b class="caret"></b>
30017 amit.gupta 274
                </a>
275
                    <ul class="dropdown-menu extended logout">
276
                        <div class="log-arrow-up"></div>
277
                        <li class="eborder-top"><a class="change-auth-user-password"
278
                                                   href="javascript:void(0);"><i class=""></i>Change Password</a></li>
30298 amit.gupta 279
                        <li><a href="${rc.contextPath}/mobileapp"><i class="icon_key_alt" id="logout"></i>SD Mobile App</a>
280
                        </li>
30017 amit.gupta 281
                        <li><a href="${rc.contextPath}/logout"><i
282
                                class="icon_key_alt" id="logout"></i> Log Out</a></li>
283
                    </ul>
284
                </li>
285
                <!-- user login dropdown end -->
286
            </ul>
287
            <!-- notificatoin dropdown end-->
288
        </div>
289
    </header>
290
    <!--header end-->
28451 tejbeer 291
 
30017 amit.gupta 292
    <!--sidebar start-->
293
    <aside>
294
        <div id="sidebar" class="nav-collapse ">
295
            <!-- sidebar menu start-->
296
            <ul class="sidebar-menu">
297
                <li class="active"><a class="dashboardload"
298
                                      href="${rc.contextPath}/dashboard"> <i class="icon_house_alt"></i>
299
                    <span>Dashboard</span>
300
                </a></li>
301
                #foreach($menuItem in $menu)
302
                    <li class="sub-menu"><a href="javascript:;" class=""> <i
303
                            class="icon_document_alt"></i> <span>$menuItem.getDisplayText()</span>
304
                        <span class="menu-arrow arrow_carrot-right"></span>
305
                    </a>
306
                        <ul class="sub">
307
                            #foreach($subMenu in $menuItem.getSubMenus())
308
                                <li><a class="$subMenu.getActionClass()"
309
                                       href="javascript:void(0);">$subMenu.getDisplayText()</a></li> #end
310
                        </ul>
311
                    </li> #end
312
            </ul>
313
            <!-- sidebar menu end-->
314
        </div>
315
    </aside>
316
    <!--sidebar end-->
26010 amit.gupta 317
 
30017 amit.gupta 318
    <!--main content start-->
319
    <section id="main-content">
320
        <section class="wrapper">
321
            <!--overview start-->
322
            <div class="row">
323
                <div class="col-lg-12">
324
                    <h3 class="page-header">
325
                        <i class="fa fa-laptop"></i> Dashboard
326
                    </h3>
327
                    <ol class="breadcrumb">
328
                        <li><i class="fa fa-home"></i><a
329
                                href="${rc.contextPath}/dashboard">Home</a></li>
330
                        <li><i class="fa fa-laptop"></i>Dashboard</li>
331
                    </ol>
332
                </div>
333
            </div>
334
            <!-- overview end -->
28451 tejbeer 335
 
30017 amit.gupta 336
            #if($warehousePartnerDetailMap)
337
                <div class="row">
28451 tejbeer 338
 
30017 amit.gupta 339
                    <div class="col-lg-6">
28451 tejbeer 340
 
30017 amit.gupta 341
                        <div class="row col-lg-4">
342
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
343
                                <strong>Partner Wise Report</strong>
344
                            </h3>
345
                        </div>
28451 tejbeer 346
 
30017 amit.gupta 347
                        <div style="float: right">
28451 tejbeer 348
							<span style="margin-right: 10px">Last Fetch :-
30017 amit.gupta 349
                                $rctPartneStat.getLastCreatedTimestamp().format($dateTimeFormatter)</span>
30601 amit.gupta 350
                            <!--   <button class="btn btn-primary fetchPartnersData"
351
                                       onclick="getPartnersStat()" type="button">Fetch
352
                               </button> -->
30017 amit.gupta 353
                        </div>
354
                        <table class="table table-striped table-advance table-hover">
355
                            <tbody>
356
                            <tr>
357
                                <th>W/H Location</th>
358
                                <th>Partners</th>
359
                                <th>LMS</th>
360
                                <th>LMTD</th>
361
                                <th>MTD</th>
362
                                <th>Today Tertiary</th>
363
                                <th>Tickets</th>
364
                            </tr>
365
                                #foreach($name in $warehousePartnerDetailMap.keySet())
366
                                <tr onclick="getWarehousePartners($name)">
367
                                    <td>$warehouseMap.get($name)</td>
368
                                    <td>$warehousePartnerDetailMap.get($name).getCount()</td>
369
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getLms()</td>
370
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getLmtd()</td>
371
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getMtd()</td>
372
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getTodayTertiary()</td>
28451 tejbeer 373
 
30017 amit.gupta 374
                                    <td>$warehousePartnerDetailMap.get($name).getTicket()</td>
28451 tejbeer 375
 
30017 amit.gupta 376
                                </tr>
377
                                #end
28451 tejbeer 378
 
30017 amit.gupta 379
                            </tbody>
380
                        </table>
381
                    </div>
28451 tejbeer 382
 
30017 amit.gupta 383
                    <div class="col-lg-4">
384
                        <div class="row col-lg-8">
385
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
386
                                <strong>Warehouse Wise Report</strong>
387
                            </h3>
388
                        </div>
28451 tejbeer 389
 
30017 amit.gupta 390
                        <div style="float: right">
28451 tejbeer 391
							<span style="margin-right: 10px">Last Fetch :-
30017 amit.gupta 392
                                $reporticoDate.getLastCreatedTimestamp().format($dateTimeFormatter)</span>
393
                            <button class="btn btn-primary fetchWarehouseData"
394
                                    onclick="getWarehouseWiseData()" type="button">Fetch
395
                            </button>
396
                        </div>
397
                        <table class="table table-striped table-advance table-hover">
398
                            <tbody>
399
                            <tr>
400
                                <th>W/H Location</th>
401
                                <th>Total Stock</th>
402
                                <th>Total Value</th>
403
                                <th>Pending Indent</th>
404
                                <th>Tertiary</th>
405
                            </tr>
406
                                #foreach($key in $warehouseStockMap.keySet())
407
                                <tr
32197 jai.hind 408
                                   onclick="getWarehouseBrandStock($warehouseStockMap.get($key).getWarehouseId())">
30017 amit.gupta 409
                                    <td>$warehouseMap.get($key)</td>
410
                                    #if($warehouseStockMap.get($key).getStockQty())
411
                                        <td>$warehouseStockMap.get($key).getStockQty()</td>
412
                                        <td class="currency">$warehouseStockMap.get($key).getStockValue()</td>
413
                                    #else
414
                                        <td>0</td>
415
                                        <td>0</td> #end
416
                                    #if($warehouseStockMap.get($key).getPendingIndent())
417
                                        <td>$warehouseStockMap.get($key).getPendingIndent()</td> #else
418
                                        <td>0</td> #end
419
                                    <td>$warehouseStockMap.get($key).getTertiary()</td>
420
                                </tr>
421
                                #end
422
                            </tbody>
423
                        </table>
424
                    </div>
425
                </div>
426
            #end
427
            <button class="btn btn-primary  clickshwograph"
428
                    style="display: none" type="button">Submit
429
            </button>
28451 tejbeer 430
 
30017 amit.gupta 431
            <div class="row">
432
                #if($warehousePartnerDetailMap)
28451 tejbeer 433
 
434
 
435
 
30017 amit.gupta 436
                    <div class="col-lg-6">
28451 tejbeer 437
 
438
 
30017 amit.gupta 439
                        <div class="row chartfilterlmsContainer" style="margin: 5px"></div>
28451 tejbeer 440
 
30017 amit.gupta 441
                        <div class="row col-lg-12">
442
                            <ul class="nav nav-tabs">
443
                                <li class="brand_month_sales"><a class="bms">BWMS</a></li>
444
                                <li class="brand_month_purchase"><a class="bmp">BWMP</a></li>
445
                            </ul>
446
                            <div class="row chartLmsContainer" style="margin:5px"></div>
28451 tejbeer 447
 
448
 
30017 amit.gupta 449
                        </div>
450
 
451
 
29137 manish 452
                    </div>
30017 amit.gupta 453
                #end
28451 tejbeer 454
 
455
 
30017 amit.gupta 456
                #if($warehousePartnerDetailMap)
457
                    <div class="col-lg-6">
458
                        <ul class="nav nav-tabs" style="margin: 5px">
459
                            <li class="mobile_based"><a class="ba">Mobile</a></li>
460
                            <li class="accessories_based"><a class="la">Accessories</a></li>
461
                            <li class="activation_summary"><a class="as">Activation Summary</a></li>
462
                            <li class="activation_updation"><a class="au">Activation Updation</a></li>
28461 tejbeer 463
 
464
 
30017 amit.gupta 465
                        </ul>
28461 tejbeer 466
 
467
 
30017 amit.gupta 468
                        <div class="row reportContainer" style="margin: 5px"></div>
28451 tejbeer 469
 
30017 amit.gupta 470
                    </div>
28451 tejbeer 471
 
472
 
473
 
30017 amit.gupta 474
                #end
28451 tejbeer 475
 
30017 amit.gupta 476
            </div>
32177 amit.gupta 477
 
31259 tejbeer 478
              <div class="row">
479
 
480
 
32177 amit.gupta 481
                  <div class="col-lg-6">
31259 tejbeer 482
 
32177 amit.gupta 483
 
31273 tejbeer 484
                        <div class="row" style="margin-left:5px">
485
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
486
                                <strong>Sale MileStone</strong>
487
                            </h3>
488
                        </div>
31268 tejbeer 489
 
32177 amit.gupta 490
                      <div class="row saleMilestoneContainer" style="margin: 5px"></div>
31259 tejbeer 491
 
492
 
32177 amit.gupta 493
                  </div>
31273 tejbeer 494
 
495
 
32177 amit.gupta 496
                  <div class="col-lg-6">
31259 tejbeer 497
 
498
 
32177 amit.gupta 499
                      <div class="row" style="margin-left:5px">
500
                          <h3 style="margin-top: -2px; margin-bottom: 24px">
501
                              <strong>Purchase MileStone</strong>
502
                          </h3>
503
                      </div>
31273 tejbeer 504
 
32177 amit.gupta 505
                      <div class="row purchaseMilestoneContainer" style="margin: 5px"></div>
506
 
507
 
31273 tejbeer 508
                  </div>
509
 
510
 
32177 amit.gupta 511
              </div>
512
 
513
 
30017 amit.gupta 514
            <div class="row">
515
                #if($authUserTicketCount)
29137 manish 516
 
30017 amit.gupta 517
                    <div class="col-lg-6">
518
                        <div class="row col-lg-8">
519
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
520
                                <strong>Auth User Tickets</strong>
521
                            </h3>
522
                        </div>
28451 tejbeer 523
 
30017 amit.gupta 524
                        <table class="table table-striped table-advance table-hover"
525
                               style="width: 65%">
526
                            <tbody>
527
                            <tr>
528
                                <th>Auth User</th>
529
                                <th>Tickets</th>
530
                            </tr>
531
                                #foreach($authUserTicket in $authUserTicketCount.entrySet())
532
                                <tr>
533
                                    <td>$authUserTicket.getKey().getName()</td>
534
                                    <td>$authUserTicket.getValue()</td>
535
                                </tr>
536
                                #end
537
                            </tbody>
538
                        </table>
28451 tejbeer 539
 
30017 amit.gupta 540
                    </div>
541
                #end
32172 jai.hind 542
                <div class="col-lg-6">
543
                <h3 style="margin-top: -2px; margin-bottom: 24px">
544
                                                <strong>Loan Summary</strong>
545
                                            </h3>
546
 
32197 jai.hind 547
                                 <table class="table table-striped table-advance table-hover loan-summary-table"
32172 jai.hind 548
                                                                style="width: 50%">
549
                                  <tbody>
32197 jai.hind 550
                                  <thead>
32172 jai.hind 551
                                 <tr>
552
                                     <th>   </th>
553
                                     <th>Loan Count</th>
554
                                     <th>Loan Value</th>
555
                                   </tr>
32197 jai.hind 556
 
32172 jai.hind 557
                                   </thead>
558
                                   <tr>
32197 jai.hind 559
 
32172 jai.hind 560
                                     <th>Total Loan</th>
32197 jai.hind 561
                                    <td   class= "loan" data-type="TOTAL_LOAN" data-toggle="modal" data-target="#loanSummaryModal">$loanSummary.getPendingLoansLoanAggregation().getPartnerCount()</td>
562
                                     <td class="currency">$loanSummary.getPendingLoansLoanAggregation().getTotalValue()</td>
563
 
32172 jai.hind 564
                                   </tr>
32197 jai.hind 565
 
566
                                       <tr>
32172 jai.hind 567
                                     <th>Default Loan</th>
32197 jai.hind 568
                                     <td class= "loan" data-type="DEFAULT_LOAN" data-toggle="modal" data-target="#loanSummaryModal">$loanSummary.getDefaultLoansAggregation().getPartnerCount()</td>
569
                                     <td class="currency">$loanSummary.getDefaultLoansAggregation().getTotalValue()</td>
570
                                        </tr>
571
                                     <tr>
32172 jai.hind 572
                                     <th>Due Loan</th>
32197 jai.hind 573
                                      <td class= "loan" data-type="DUE_LOAN" data-toggle="modal" data-target="#loanSummaryModal">$loanSummary.getDueLoansAggregation().getPartnerCount()</td>
574
                                      <td class="currency">$loanSummary.getDueLoansAggregation().getTotalValue()</td>
575
                                     </tr>
576
 
32172 jai.hind 577
                                  </tbody>
578
                                 </table>
579
                                 </div>
30017 amit.gupta 580
            </div>
581
            #if($authUserTicketCount)
582
                <div class="row">
583
                    <div class="col-lg-6">
28451 tejbeer 584
 
585
 
30017 amit.gupta 586
                        <div class="row col-lg-4">
587
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
588
                                <strong>Reports</strong>
589
                            </h3>
590
                        </div>
591
                        <div class="row col-lg-12 info-box white-bg">
592
                            <table class="table table-striped reports-table"
593
                                   style="display: none">
594
                                <tbody>
595
                                <div class="list-group">
596
                                    #foreach($reporticoProjectEntry in
597
                                        $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
598
                                        $reporticoProjectEntry.getValue()) <a
599
                                            href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
600
                                            class="list-group-item"
601
                                        #if($reporticoUrlInfo.getParamsList())
602
                                            data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
603
                                        #end>
604
                                        <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
605
                                        <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
606
                                    </a> #end #end
607
                                </div>
608
                                </tbody>
609
                            </table>
28461 tejbeer 610
 
30017 amit.gupta 611
                        </div>
612
                    </div>
613
                    <div class="col-lg-6">
28451 tejbeer 614
 
615
 
30017 amit.gupta 616
                        <div class="row col-lg-12 info-box white-bg">
617
                            <div class="col-lg-4">
618
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
619
                                    <strong>My Messages</strong>
620
                                </h3>
621
                            </div>
622
                            <div class="col-lg-4">
623
                                <div class="btn-group message-filter">
624
                                    <button data-messagetype="notification" type="button"
625
                                            class="btn btn-default" aria-label="Notifications"
626
                                            title="Notifications">
627
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
628
                                    </button>
629
                                    <button data-messagetype="announcement" type="button"
630
                                            class="btn btn-default" aria-label="Announcements"
631
                                            title="Announcements">
632
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
633
                                    </button>
634
                                    <button data-messagetype="scheme" type="button"
635
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
636
                                            title="SmartDukaan Schemes">
637
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
638
                                    </button>
639
                                    <button data-messagetype="marketing" type="button"
640
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
641
                                            title="SmartDukaan Schemes">
642
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
643
                                    </button>
644
                                </div>
645
                            </div>
646
                            <div class="col-lg-12 row notification-container"
647
                                 style="max-height: 500px; overflow-y: scroll;"></div>
648
                        </div>
649
                    </div>
28461 tejbeer 650
 
30017 amit.gupta 651
                </div>
28461 tejbeer 652
 
653
 
30017 amit.gupta 654
            #end #if(!$authUserTicketCount)
28461 tejbeer 655
 
30017 amit.gupta 656
            <div class="row">
657
                <div class="col-lg-6">
658
                    <div class="row col-lg-4">
659
                        <h3 style="margin-top: -2px; margin-bottom: 24px">
660
                            <strong>Reports</strong>
661
                        </h3>
662
                    </div>
663
                    <div class="row col-lg-12 info-box white-bg">
664
                        <table class="table table-striped reports-table"
665
                               style="display: none">
666
                            <tbody>
667
                            <div class="list-group">
668
                                #foreach($reporticoProjectEntry in
669
                                    $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
670
                                    $reporticoProjectEntry.getValue()) <a
671
                                        href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
672
                                        class="list-group-item"
673
                                    #if($reporticoUrlInfo.getParamsList())
674
                                        data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
675
                                    #end>
676
                                    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
677
                                    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
678
                                </a> #end #end
679
                            </div>
680
                            </tbody>
681
                        </table>
28461 tejbeer 682
 
30017 amit.gupta 683
                    </div>
28461 tejbeer 684
 
30017 amit.gupta 685
                </div>
686
                <div class="col-lg-6">
687
                    <div class="col-lg-12">
688
                        <div class="row col-lg-12 info-box white-bg">
689
                            <div class="col-lg-4">
690
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
691
                                    <strong>My Messages</strong>
692
                                </h3>
693
                            </div>
694
                            <div class="col-lg-4">
695
                                <div class="btn-group message-filter">
696
                                    <button data-messagetype="notification" type="button"
697
                                            class="btn btn-default" aria-label="Notifications"
698
                                            title="Notifications">
699
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
700
                                    </button>
701
                                    <button data-messagetype="announcement" type="button"
702
                                            class="btn btn-default" aria-label="Announcements"
703
                                            title="Announcements">
704
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
705
                                    </button>
706
                                    <button data-messagetype="scheme" type="button"
707
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
708
                                            title="SmartDukaan Schemes">
709
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
710
                                    </button>
711
                                    <button data-messagetype="marketing" type="button"
712
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
713
                                            title="SmartDukaan Schemes">
714
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
715
                                    </button>
716
                                </div>
717
                            </div>
718
                            <div class="col-lg-12 row notification-container"
719
                                 style="max-height: 500px; overflow-y: scroll;"></div>
720
                        </div>
721
                    </div>
722
                </div>
723
            </div>
28461 tejbeer 724
 
30017 amit.gupta 725
        #end
726
        </section>
727
        <div class="text-center">
728
            <div class="credits">
729
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
730
            </div>
731
        </div>
732
    </section>
26010 amit.gupta 733
 
30017 amit.gupta 734
    <script type="text/javascript">
735
        context = "${rc.contextPath}";
736
        webApiScheme = "$webApiScheme";
737
        webApiRoot = "$webApiRoot";
738
        webApiHost = "$webApiHost";
739
        webApiPort = "$webApiPort";
740
            #if($authId)
741
            retailers = $retailers;
742
            warehouses = $warehouses;
743
            authId = $authId;
744
            #end
28451 tejbeer 745
 
26010 amit.gupta 746
 
30017 amit.gupta 747
    </script>
748
    #parse("include-scripts.vm")
28451 tejbeer 749
 
30017 amit.gupta 750
    <script>
26010 amit.gupta 751
 
30017 amit.gupta 752
        //knob
753
        $(function () {
754
            /*$(".knob").knob({
755
              'draw' : function () {
756
                $(this.i).val(this.cv + '%')
757
              }
758
            });*/
759
            $.fn.dataTable.moment('DD/MM/YYYY');
760
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
761
            $('.currency').each(function (index, ele) {
762
                if (!isNaN(parseInt($(ele).html()))) {
763
                    $(ele).html(numberToComma($(ele).html()));
764
                }
765
            });
766
        });
28461 tejbeer 767
 
30017 amit.gupta 768
        $(function () {
769
            var profile = localStorage.getItem('profile');
770
            if (profile) {
771
                $("#photo").attr("src", JSON.parse(profile).image_url);
772
                $("#fofo_name").text(JSON.parse(profile).name);
773
            } else {
774
                $("#photo").attr("src", "");
775
                $("#fofo_name").text("Welcome, User");
776
            }
777
        });
28461 tejbeer 778
 
779
 
30017 amit.gupta 780
        $(function () {
781
            loaderDialogObj = bootbox.dialog({
782
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
783
                show: false
784
            });
785
        });
29137 manish 786
 
30017 amit.gupta 787
        $(document).ready(function () {
29137 manish 788
 
30017 amit.gupta 789
            $(".clickshwograph").click();
29137 manish 790
 
30017 amit.gupta 791
            $(".mobile_based").click();
29137 manish 792
 
30017 amit.gupta 793
            $('div.message-filter').on('click', 'button', function () {
794
                messageType = $(this).data("messagetype");
795
                if ($(this).hasClass('btn-pressed')) {
796
                    messageType = "";
797
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
798
                } else {
799
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
800
                    $(this).addClass('btn-pressed').removeClass('btn-default');
801
                }
802
                notifyTypeChange(messageType);
803
            });
804
            notifyTypeChange("");
805
        });
28451 tejbeer 806
 
30017 amit.gupta 807
 
808
        $(document).on("click", ".mobile_based",
809
                function () {
810
 
811
                    $(".ba").css("color", "blue");
812
                    $(".ba").css("background-color", "white");
813
                    $(".la").css("color", "white");
814
                    $(".la").css("background-color", "#C0C0C0");
815
                    $(".as").css("color", "white");
816
                    $(".as").css("background-color", "#C0C0C0");
817
 
818
                    $(".au").css("color", "white");
819
                    $(".au").css("background-color", "#C0C0C0");
820
 
821
                    doGetAjaxRequestHandler(context + "/getMobileBrandWise", function (response) {
822
                        $('.reportContainer').html(response);
823
                    });
824
                });
825
 
826
        $(document).on("click", ".accessories_based",
827
                function () {
828
 
829
                    $(".ba").css("color", "white");
830
                    $(".ba").css("background-color", "#C0C0C0");
831
                    $(".la").css("color", "blue");
832
                    $(".la").css("background-color", "white");
833
                    $(".as").css("color", "white");
834
                    $(".as").css("background-color", "#C0C0C0");
835
 
836
                    $(".au").css("color", "white");
837
                    $(".au").css("background-color", "#C0C0C0");
838
                    doGetAjaxRequestHandler(context + "/getAccessoriesBrandWise", function (response) {
839
                        $('.reportContainer').html(response);
840
                    });
841
                });
842
 
843
 
844
        $(document).on("click", ".activation_summary",
845
                function () {
846
 
847
                    $(".as").css("color", "blue");
848
                    $(".as").css("background-color", "white");
849
                    $(".ba").css("color", "white");
850
                    $(".ba").css("background-color", "#C0C0C0");
851
                    $(".la").css("color", "white");
852
                    $(".la").css("background-color", "#C0C0C0");
853
 
854
                    $(".au").css("color", "white");
855
                    $(".au").css("background-color", "#C0C0C0");
856
                    doGetAjaxRequestHandler(context + "/getActivatedModelByBrand", function (response) {
857
                        $('.reportContainer').html(response);
858
                    });
859
                });
860
 
861
 
862
        $(document).on("click", ".activation_updation",
863
                function () {
864
 
865
                    $(".as").css("color", "white");
866
                    $(".as").css("background-color", "#C0C0C0");
867
                    $(".au").css("color", "blue");
868
                    $(".au").css("background-color", "white");
869
                    $(".ba").css("color", "white");
870
                    $(".ba").css("background-color", "#C0C0C0");
871
 
872
                    $(".la").css("color", "white");
873
                    $(".la").css("background-color", "#C0C0C0");
874
                    doGetAjaxRequestHandler(context + "/getActivatedImeiUpdationDate", function (response) {
875
                        $('.reportContainer').html(response);
876
                    });
877
                });
878
 
879
 
31273 tejbeer 880
        doGetAjaxRequestHandler(context + "/getSaleCountByMilestone", function (response) {
31259 tejbeer 881
            $('.saleMilestoneContainer').html(response);
882
        });
883
 
31273 tejbeer 884
         doGetAjaxRequestHandler(context + "/getPurchaseCountByMileStone", function (response) {
885
            $('.purchaseMilestoneContainer').html(response);
886
        });
31259 tejbeer 887
             doGetAjaxRequestHandler(context + "/getMobileLMSFilter", function (response) {
30601 amit.gupta 888
            $('.chartfilterlmsContainer').html(response);
889
        });
30017 amit.gupta 890
 
891
 
32197 jai.hind 892
        $('.loan-summary-table').on('click', '.loan', function () {
893
            console.log($(this));
894
            let loanSummaryType = $(this).data("type");
895
            doGetAjaxRequestHandler(`${context}/getPartnerWiseLoanSummary?loanSummaryType=${loanSummaryType}`, function (response) {
896
                $('#loanSummaryModal .modal-content').html(response);
897
            });
898
        });
899
 
30601 amit.gupta 900
        $(document).on('click', ".brand_month_sales", function () {
901
            $(".bms").css("color", "blue");
902
            $(".bms").css("background-color", "white");
903
            $(".bmp").css("color", "white");
904
            $(".bmp").css("background-color", "#C0C0C0");
905
            var warehouseId = $('#warehouseMap').val();
906
            var filterType = $('#monthDateFilter').val();
30017 amit.gupta 907
 
30601 amit.gupta 908
            var fofoIds = $('#fofo-users').val();
30017 amit.gupta 909
 
30601 amit.gupta 910
            doGetAjaxRequestHandler(context
911
                    + "/getMobileLMSGraph?warehouseId=" + warehouseId
912
                    + "&date=" + getDatesFromPicker($('input[name="dateRange"]')).startDate
913
                    + "&endDate=" + getDatesFromPicker($('input[name="dateRange"]')).endDate
914
                    + "&fofoIds=" + fofoIds + "&filterType=" + filterType, function (response) {
915
                $('.chartLmsContainer').html(response);
916
            });
917
        });
30017 amit.gupta 918
 
919
        $('#fofo-users').multiselect({
920
            includeSelectAllOption: true,
921
            multiple: true,
922
            maxHeight: 200,
923
            buttonWidth: '180px',
924
            numberDisplayed: 1,
925
            nonSelectedText: 'Users',
926
            nSelectedText: ' - Users Selected',
927
            allSelectedText: 'All Users Selected',
928
            enableFiltering: true,
929
            enableCaseInsensitiveFiltering: true
930
        });
931
 
932
    </script>
933
    <div id="report-modal" class="modal" role="dialog"
934
         data-backdrop="static" data-keyboard="false">
935
        <div class="modal-dialog">
936
 
937
            <!-- Modal content-->
938
            <div class="modal-content">
939
                <div class="modal-header">
940
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
941
                    <h4 class="modal-title"></h4>
942
                </div>
943
                <div class="modal-body"></div>
944
                <div class="modal-footer">
945
                    <button type="button" data-dismiss="modal"
946
                            class="btn btn-default download-report">Download
947
                    </button>
948
                </div>
949
            </div>
950
        </div>
951
    </div>
30601 amit.gupta 952
</section>
32197 jai.hind 953
 
954
    <div id="loanSummaryModal" class="modal" role="dialog">
955
        <div class="modal-dialog modal-lg">
956
            <div class="modal-content"></div>
957
 
958
        </div>
959
    </div>
28451 tejbeer 960
</body>
26010 amit.gupta 961
</html>