Subversion Repositories SmartDukaan

Rev

Rev 35320 | Rev 35335 | 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">
33061 ranu 9
    <meta name="google-signin-client_id"
33063 ranu 10
          content="$googleApiKey">
31786 tejbeer 11
    <meta name="referer" content="no-referer">
12
    <meta name="referrer" content="no-referrer">
30017 amit.gupta 13
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
14
    <link rel="shortcut icon" href="assets/images/icons/favicon.png">
26010 amit.gupta 15
 
30017 amit.gupta 16
    <title>Smart Dukaan - FOCO Dashboard</title>
26010 amit.gupta 17
 
30017 amit.gupta 18
    <!-- Bootstrap CSS -->
19
    <!-- bootstrap theme -->
20
    <!--external css-->
21
    <!-- font icon -->
22
    <link href="resources/css/elegant-icons-style.css" rel="stylesheet"/>
23
    <link href="resources/css/font-awesome.min.css" rel="stylesheet"/>
24
    <!-- full calendar css-->
25
    <!-- owl carousel -->
26
    <link rel="stylesheet" href="resources/css/owl.carousel.css"
27
          type="text/css">
28
    <link href="resources/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
29
    <!-- Custom styles -->
30
    <link href="resources/css/widgets.css" rel="stylesheet">
31
    <link href="resources/css/multi.min.css?v=${cssVersion}" type="text/css"
32
          rel="stylesheet">
33
    <link href="resources/css/style.css?v=${cssVersion}" rel="stylesheet">
34
    <link href="resources/css/card.css?v=${cssVersion}" rel="stylesheet">
35
    <link href="resources/css/style-responsive.css" rel="stylesheet"/>
36
    <link href="resources/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
37
    <link type="text/css" href="resources/css/bootstrap.css"
38
          rel="stylesheet">
39
    <!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />-->
40
    <link href="resources/css/bootstrap-theme.min.css" rel="stylesheet">
41
    <link rel="stylesheet" type="text/css"
42
          href="resources/js/daterangepicker/daterangepicker.css"/>
43
    <link rel="stylesheet" type="text/css"
44
          href="resources/js/chosen.min.css"/>
45
    <link href="resources/css/bootstrap-duallistbox.css" rel="stylesheet"/>
46
    <link rel="stylesheet" type="text/css"
47
          href="resources/css/bootstrap-multiselect.css"/>
48
    <link rel="stylesheet" type="text/css"
31189 tejbeer 49
          href="resources/css/datatables.bootstrap.min.css"/>
30017 amit.gupta 50
    <link rel='stylesheet'
51
          href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'
52
          integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ'
53
          crossorigin='anonymous'>
33087 amit.gupta 54
    <link rel="stylesheet" type="text/css" href="resources/css/bootstrap-tagsinput.css">
33973 tejus.loha 55
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
33061 ranu 56
    <script>
57
        function signOut() {
58
            var auth2 = gapi.auth2.getAuthInstance();
59
            auth2.signOut().then(function () {
60
                window.location.href = "${rc.contextPath}/logout";
61
                console.log('User signed out.');
28451 tejbeer 62
 
33061 ranu 63
            });
64
        }
65
 
66
        function onLoad() {
67
            gapi.load('auth2', function () {
68
                gapi.auth2.init();
69
            });
70
        }
71
    </script>
72
 
30017 amit.gupta 73
    <style type="text/css">
33973 tejus.loha 74
        .select2-container{
75
            display: block !important;
76
        }
33731 tejus.loha 77
        #sidebar {
78
            z-index: 999;
79
        }
30017 amit.gupta 80
        .loading {
81
            display: none;
82
        }
28451 tejbeer 83
 
30017 amit.gupta 84
        .breadcrumb {
85
            padding: 0 15px;
86
        }
28451 tejbeer 87
 
30017 amit.gupta 88
        .stars-outer {
89
            display: inline-block;
90
            position: relative;
33087 amit.gupta 91
            font-family: 'Mukta', FontAwesome, Hind;
30017 amit.gupta 92
        }
28451 tejbeer 93
 
30017 amit.gupta 94
        .stars-outer::before {
95
            content: "\f006 \f006 \f006 \f006 \f006";
96
        }
28451 tejbeer 97
 
30017 amit.gupta 98
        .stars-inner {
99
            position: absolute;
100
            top: 0;
101
            left: 0;
102
            white-space: nowrap;
103
            overflow: hidden;
104
            width: 0;
105
        }
28451 tejbeer 106
 
30017 amit.gupta 107
        .stars-inner::before {
108
            content: "\f005 \f005 \f005 \f005 \f005";
109
            color: #f8ce0b;
110
        }
28451 tejbeer 111
 
30017 amit.gupta 112
        .table-striped > tbody > tr:nth-child(odd) > td {
113
            background: white;
114
            background-color: #dae5f4;
115
        }
28451 tejbeer 116
 
30017 amit.gupta 117
        .table-striped > tbody > tr:nth-child(even) > td {
118
            background: #f2f2f2;
119
            background-color: #b8d1f3;
120
        }
28451 tejbeer 121
 
30017 amit.gupta 122
        .btn:hover {
123
            color: grey;
124
            text-decoration: none;
125
        }
28451 tejbeer 126
 
30017 amit.gupta 127
        .btn-primary:hover {
128
            color: grey;
129
            text-decoration: none;
130
        }
28451 tejbeer 131
 
30017 amit.gupta 132
        .sale-details {
133
            cursor: pointer;
134
        }
28451 tejbeer 135
 
30017 amit.gupta 136
        .popover {
137
            min-width: 18%;
138
        }
28451 tejbeer 139
 
30017 amit.gupta 140
        .fa-2x {
141
            font-size: 1.4em;
142
        }
28451 tejbeer 143
 
30017 amit.gupta 144
        .cover {
145
            object-fit: cover;
146
            width: 100%;
147
            height: 90px;
148
            padding: 8px;
149
        }
28451 tejbeer 150
 
30017 amit.gupta 151
        .info-box .notifications i {
152
            display: inline-block;
153
            margin-top: 0px;
154
            height: 25px;
155
            font-size: 16px;
156
            line-height: 25px;
157
            width: 25px;
158
            float: none;
159
            text-align: center;
160
            padding-right: 0px;
161
            color: #768399;
162
        }
28451 tejbeer 163
 
30017 amit.gupta 164
        #preview {
165
            position: relative;
166
            color: #fff;
167
            float: left;
168
            width: 100%;
169
            -webkit-border-radius: 10px;
170
            -moz-border-radius: 10px;
171
            border-radius: 10px;
172
            clear: both;
173
        }
28451 tejbeer 174
 
30017 amit.gupta 175
        #canvas-preview {
176
            width: 100%;
177
            position: relative;
178
            top: -15px;
179
        }
28451 tejbeer 180
 
30017 amit.gupta 181
        #preview-textfield {
182
            position: absolute;
183
            top: -10px;
184
            left: 0;
185
            right: 0;
186
            text-align: center;
187
            font-size: 2em;
188
            font-weight: bold;
189
            color: white;
33087 amit.gupta 190
            font-family: 'Amaranth', sans-serif, 'Mukta';
30017 amit.gupta 191
        }
192
    </style>
28451 tejbeer 193
 
30017 amit.gupta 194
    <script type="text/javascript">
195
        isAdmin = true;
28451 tejbeer 196
 
30017 amit.gupta 197
        function getWarehousePartners(warehouseId) {
28451 tejbeer 198
 
30017 amit.gupta 199
            doGetAjaxRequestHandler(context + "/getWarehousePartners?warehouseId=" + warehouseId,
200
                    function (response) {
201
                        $('#' + "main-content").html(response);
202
                        console.log(response)
203
                    });
204
        }
26418 tejbeer 205
 
32197 jai.hind 206
 
30017 amit.gupta 207
        function getWarehouseBrandStock(warehouseId) {
27529 tejbeer 208
 
32177 amit.gupta 209
            doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandStock?warehouseId=" + warehouseId,
30017 amit.gupta 210
                    function (response) {
211
                        $('#' + "main-content").html(response);
212
                        console.log(response)
213
                    });
214
        }
27529 tejbeer 215
 
26010 amit.gupta 216
 
30017 amit.gupta 217
        function getWarehouseWiseBrandPartnerSale(brand) {
218
 
219
            doGetAjaxRequestHandler(context + "/getWarehouseWiseBrandPartnerSale?brand=" + brand,
220
                    function (response) {
221
                        $('#' + "main-content").html(response);
222
                        console.log(response)
223
                    });
224
        }
225
 
226
        function getWarehouseWiseBrandActivatedModel(brand) {
227
 
228
            doGetAjaxRequestHandler(context + "/getActivatedModelWarehouseWise?brand=" + brand,
229
                    function (response) {
230
                        $('#' + "main-content").html(response);
231
                        console.log(response)
232
                    });
233
        }
234
 
235
        function getWarehouseWiseAccessoriesBrandPartnerSale(brand) {
236
            doGetAjaxRequestHandler(context + "/getWarehouseWiseAccesoriesBrandPartnerSale?brand=" + brand,
237
                    function (response) {
238
                        $('#' + "main-content").html(response);
239
                        console.log(response)
240
                    });
241
        }
242
 
243
 
244
    </script>
245
 
246
    <script type="text/javascript">
247
        function getWarehouseWiseData() {
248
            doGetAjaxRequestHandler(context + "/getWarehouseWiseData",
249
                    function (response) {
250
                        $('#' + "main-content").html(response);
251
                        console.log(response)
252
                        if (response == 'true') {
253
 
254
                            window.location.href = $('.dashboardload').attr('href');
255
                        }
256
                    });
257
        }
258
 
259
        function getPartnersStat() {
260
            doGetAjaxRequestHandler(context + "/getPartnersStatData",
261
                    function (response) {
262
                        if (response == 'true') {
263
                            window.location.href = $('.dashboardload').attr('href');
264
                        }
265
                    });
266
        }
267
 
268
 
269
    </script>
270
 
271
 
28451 tejbeer 272
</head>
26010 amit.gupta 273
 
28451 tejbeer 274
<body style="background-color: #f7f7f7">
32798 shampa 275
<div class="loading"><img src="resources/images/icons/loading.gif"></div>
30017 amit.gupta 276
<!-- container section start -->
277
<section id="container">
28451 tejbeer 278
 
279
 
30017 amit.gupta 280
    <header class="header dark-bg">
281
        <div class="toggle-nav">
282
            <div class="icon-reorder tooltips"
283
                 data-original-title="Toggle Navigation" data-placement="bottom">
284
                <i class="icon_menu"></i>
285
            </div>
286
        </div>
287
        <div class="top-nav notification-row">
32886 shampa 288
            <!-- notification dropdown start-->
30017 amit.gupta 289
            <ul class="nav pull-right top-menu">
290
                <!-- user login dropdown start-->
291
                <li class="dropdown"><a data-toggle="dropdown"
292
                                        class="dropdown-toggle" href="#"> <span class="profile-ava">
28451 tejbeer 293
								<img class="avatar-custom" id="photo" alt="" src="">
294
						</span> <span class="username" id="fofo_name"></span> <b class="caret"></b>
30017 amit.gupta 295
                </a>
296
                    <ul class="dropdown-menu extended logout">
297
                        <div class="log-arrow-up"></div>
298
                        <li class="eborder-top"><a class="change-auth-user-password"
299
                                                   href="javascript:void(0);"><i class=""></i>Change Password</a></li>
30298 amit.gupta 300
                        <li><a href="${rc.contextPath}/mobileapp"><i class="icon_key_alt" id="logout"></i>SD Mobile App</a>
301
                        </li>
33061 ranu 302
                        ##                        <li><a href="${rc.contextPath}/logout"><i
303
                        ##                                class="icon_key_alt" id="logout"></i> Log Out</a></li>
304
                        <script src="https://apis.google.com/js/platform.js?onload=onLoad" async defer></script>
305
 
306
                        <li><a href="javascript:void(0);" onclick="signOut();"><i
30017 amit.gupta 307
                                class="icon_key_alt" id="logout"></i> Log Out</a></li>
33087 amit.gupta 308
                        <!--  <li> <a href="#" language='english' class="active">English</a>
309
                                       <a href="#" language='hindi'>Hindi</a></li>-->
310
                        <li>
311
                            <!-- <li> <a href"@{?lang=en}" class="active">English</a>-->
312
                            <!-- <a href='javascript:;' onclick='changelanguage("en");'>English ></a>
313
                             <a href='javascript:;' onclick='changelanguage("hi");'>Hindi ></a>
314
                                    <a href="ref"@{?lang=hi}">Hindi</a>
315
                                      </li>-->
30017 amit.gupta 316
                    </ul>
317
                </li>
318
                <!-- user login dropdown end -->
319
            </ul>
320
            <!-- notificatoin dropdown end-->
321
        </div>
322
    </header>
323
    <!--header end-->
28451 tejbeer 324
 
33731 tejus.loha 325
    <!--sidebar start this-->
30017 amit.gupta 326
    <aside>
327
        <div id="sidebar" class="nav-collapse ">
328
            <!-- sidebar menu start-->
329
            <ul class="sidebar-menu">
330
                <li class="active"><a class="dashboardload"
331
                                      href="${rc.contextPath}/dashboard"> <i class="icon_house_alt"></i>
332
                    <span>Dashboard</span>
333
                </a></li>
334
                #foreach($menuItem in $menu)
335
                    <li class="sub-menu"><a href="javascript:;" class=""> <i
336
                            class="icon_document_alt"></i> <span>$menuItem.getDisplayText()</span>
337
                        <span class="menu-arrow arrow_carrot-right"></span>
338
                    </a>
339
                        <ul class="sub">
340
                            #foreach($subMenu in $menuItem.getSubMenus())
341
                                <li><a class="$subMenu.getActionClass()"
342
                                       href="javascript:void(0);">$subMenu.getDisplayText()</a></li> #end
343
                        </ul>
344
                    </li> #end
345
            </ul>
346
            <!-- sidebar menu end-->
347
        </div>
348
    </aside>
349
    <!--sidebar end-->
26010 amit.gupta 350
 
30017 amit.gupta 351
    <!--main content start-->
352
    <section id="main-content">
353
        <section class="wrapper">
354
            <!--overview start-->
355
            <div class="row">
356
                <div class="col-lg-12">
357
                    <h3 class="page-header">
32771 raveendra. 358
                        <i class="fa fa-laptop"></i>
359
                        #springMessage("app.title")
30017 amit.gupta 360
                    </h3>
361
                    <ol class="breadcrumb">
32771 raveendra. 362
                        <li>
33087 amit.gupta 363
                            <!-- <i class="fa fa-home"></i><a
32771 raveendra. 364
                                href="${rc.contextPath}/dashboard">Home</a></li>-->
33087 amit.gupta 365
                            <i class="fa fa-home"></i><a
366
                                href="${rc.contextPath}/dashboard">#springMessage("home.home")</a></li>
30017 amit.gupta 367
                        <li><i class="fa fa-laptop"></i>Dashboard</li>
368
                    </ol>
369
                </div>
370
            </div>
371
            <!-- overview end -->
28451 tejbeer 372
 
30017 amit.gupta 373
            #if($warehousePartnerDetailMap)
374
                <div class="row">
28451 tejbeer 375
 
30017 amit.gupta 376
                    <div class="col-lg-6">
28451 tejbeer 377
 
30017 amit.gupta 378
                        <div class="row col-lg-4">
379
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
380
                                <strong>Partner Wise Report</strong>
381
                            </h3>
382
                        </div>
33087 amit.gupta 383
                        <div style="float: right">
28451 tejbeer 384
							<span style="margin-right: 10px">Last Fetch :-
30017 amit.gupta 385
                                $rctPartneStat.getLastCreatedTimestamp().format($dateTimeFormatter)</span>
30601 amit.gupta 386
                            <!--   <button class="btn btn-primary fetchPartnersData"
387
                                       onclick="getPartnersStat()" type="button">Fetch
388
                               </button> -->
30017 amit.gupta 389
                        </div>
390
                        <table class="table table-striped table-advance table-hover">
391
                            <tbody>
392
                            <tr>
393
                                <th>W/H Location</th>
394
                                <th>Partners</th>
395
                                <th>LMS</th>
396
                                <th>LMTD</th>
397
                                <th>MTD</th>
398
                                <th>Today Tertiary</th>
399
                                <th>Tickets</th>
400
                            </tr>
401
                                #foreach($name in $warehousePartnerDetailMap.keySet())
402
                                <tr onclick="getWarehousePartners($name)">
403
                                    <td>$warehouseMap.get($name)</td>
404
                                    <td>$warehousePartnerDetailMap.get($name).getCount()</td>
405
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getLms()</td>
406
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getLmtd()</td>
407
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getMtd()</td>
408
                                    <td class="currency">$warehousePartnerDetailMap.get($name).getTodayTertiary()</td>
28451 tejbeer 409
 
30017 amit.gupta 410
                                    <td>$warehousePartnerDetailMap.get($name).getTicket()</td>
28451 tejbeer 411
 
30017 amit.gupta 412
                                </tr>
413
                                #end
28451 tejbeer 414
 
30017 amit.gupta 415
                            </tbody>
416
                        </table>
417
                    </div>
28451 tejbeer 418
 
30017 amit.gupta 419
                    <div class="col-lg-4">
420
                        <div class="row col-lg-8">
421
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
422
                                <strong>Warehouse Wise Report</strong>
423
                            </h3>
424
                        </div>
28451 tejbeer 425
 
30017 amit.gupta 426
                        <div style="float: right">
28451 tejbeer 427
							<span style="margin-right: 10px">Last Fetch :-
30017 amit.gupta 428
                                $reporticoDate.getLastCreatedTimestamp().format($dateTimeFormatter)</span>
429
                            <button class="btn btn-primary fetchWarehouseData"
430
                                    onclick="getWarehouseWiseData()" type="button">Fetch
431
                            </button>
432
                        </div>
433
                        <table class="table table-striped table-advance table-hover">
434
                            <tbody>
435
                            <tr>
436
                                <th>W/H Location</th>
437
                                <th>Total Stock</th>
438
                                <th>Total Value</th>
439
                                <th>Pending Indent</th>
440
                                <th>Tertiary</th>
441
                            </tr>
442
                                #foreach($key in $warehouseStockMap.keySet())
443
                                <tr
33087 amit.gupta 444
                                        onclick="getWarehouseBrandStock($warehouseStockMap.get($key).getWarehouseId())">
30017 amit.gupta 445
                                    <td>$warehouseMap.get($key)</td>
446
                                    #if($warehouseStockMap.get($key).getStockQty())
447
                                        <td>$warehouseStockMap.get($key).getStockQty()</td>
448
                                        <td class="currency">$warehouseStockMap.get($key).getStockValue()</td>
449
                                    #else
450
                                        <td>0</td>
451
                                        <td>0</td> #end
452
                                    #if($warehouseStockMap.get($key).getPendingIndent())
453
                                        <td>$warehouseStockMap.get($key).getPendingIndent()</td> #else
454
                                        <td>0</td> #end
455
                                    <td>$warehouseStockMap.get($key).getTertiary()</td>
456
                                </tr>
457
                                #end
458
                            </tbody>
459
                        </table>
460
                    </div>
461
                </div>
462
            #end
463
            <button class="btn btn-primary  clickshwograph"
464
                    style="display: none" type="button">Submit
465
            </button>
28451 tejbeer 466
 
30017 amit.gupta 467
            <div class="row">
468
                #if($warehousePartnerDetailMap)
28451 tejbeer 469
 
470
 
471
 
30017 amit.gupta 472
                    <div class="col-lg-6">
28451 tejbeer 473
 
474
 
30017 amit.gupta 475
                        <div class="row chartfilterlmsContainer" style="margin: 5px"></div>
28451 tejbeer 476
 
30017 amit.gupta 477
                        <div class="row col-lg-12">
478
                            <ul class="nav nav-tabs">
479
                                <li class="brand_month_sales"><a class="bms">BWMS</a></li>
480
                                <li class="brand_month_purchase"><a class="bmp">BWMP</a></li>
481
                            </ul>
482
                            <div class="row chartLmsContainer" style="margin:5px"></div>
28451 tejbeer 483
 
484
 
30017 amit.gupta 485
                        </div>
486
 
487
 
29137 manish 488
                    </div>
30017 amit.gupta 489
                #end
28451 tejbeer 490
 
491
 
30017 amit.gupta 492
                #if($warehousePartnerDetailMap)
493
                    <div class="col-lg-6">
494
                        <ul class="nav nav-tabs" style="margin: 5px">
495
                            <li class="mobile_based"><a class="ba">Mobile</a></li>
496
                            <li class="accessories_based"><a class="la">Accessories</a></li>
497
                            <li class="activation_summary"><a class="as">Activation Summary</a></li>
498
                            <li class="activation_updation"><a class="au">Activation Updation</a></li>
28461 tejbeer 499
 
500
 
30017 amit.gupta 501
                        </ul>
28461 tejbeer 502
 
503
 
30017 amit.gupta 504
                        <div class="row reportContainer" style="margin: 5px"></div>
28451 tejbeer 505
 
30017 amit.gupta 506
                    </div>
28451 tejbeer 507
 
508
 
509
 
30017 amit.gupta 510
                #end
28451 tejbeer 511
 
30017 amit.gupta 512
            </div>
32177 amit.gupta 513
 
33087 amit.gupta 514
            <div class="row">
31259 tejbeer 515
 
516
 
33087 amit.gupta 517
                <div class="col-lg-6">
31259 tejbeer 518
 
32177 amit.gupta 519
 
33087 amit.gupta 520
                    <div class="row" style="margin-left:5px">
521
                        <h3 style="margin-top: -2px; margin-bottom: 24px">
522
                            <strong>Sale MileStone</strong>
523
                        </h3>
524
                    </div>
31268 tejbeer 525
 
33087 amit.gupta 526
                    <div class="row saleMilestoneContainer" style="margin: 5px"></div>
31259 tejbeer 527
 
528
 
33087 amit.gupta 529
                </div>
31273 tejbeer 530
 
531
 
33087 amit.gupta 532
                <div class="col-lg-6">
31259 tejbeer 533
 
534
 
33087 amit.gupta 535
                    <div class="row" style="margin-left:5px">
536
                        <h3 style="margin-top: -2px; margin-bottom: 24px">
537
                            <strong>Purchase MileStone</strong>
538
                        </h3>
539
                    </div>
31273 tejbeer 540
 
33087 amit.gupta 541
                    <div class="row purchaseMilestoneContainer" style="margin: 5px"></div>
32177 amit.gupta 542
 
543
 
33087 amit.gupta 544
                </div>
31273 tejbeer 545
 
546
 
33087 amit.gupta 547
            </div>
32177 amit.gupta 548
 
549
 
30017 amit.gupta 550
            <div class="row">
551
                #if($authUserTicketCount)
29137 manish 552
 
30017 amit.gupta 553
                    <div class="col-lg-6">
554
                        <div class="row col-lg-8">
555
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
556
                                <strong>Auth User Tickets</strong>
557
                            </h3>
558
                        </div>
28451 tejbeer 559
 
30017 amit.gupta 560
                        <table class="table table-striped table-advance table-hover"
561
                               style="width: 65%">
562
                            <tbody>
563
                            <tr>
564
                                <th>Auth User</th>
565
                                <th>Tickets</th>
566
                            </tr>
567
                                #foreach($authUserTicket in $authUserTicketCount.entrySet())
568
                                <tr>
569
                                    <td>$authUserTicket.getKey().getName()</td>
570
                                    <td>$authUserTicket.getValue()</td>
571
                                </tr>
572
                                #end
573
                            </tbody>
574
                        </table>
28451 tejbeer 575
 
30017 amit.gupta 576
                    </div>
577
                #end
35320 ranu 578
                <div class="col-lg-6">
33087 amit.gupta 579
                    <h3 style="margin-top: -2px; margin-bottom: 24px">
580
                        <strong>Loan Summary</strong>
581
                    </h3>
32172 jai.hind 582
 
33087 amit.gupta 583
                    <table class="table table-striped table-advance table-hover loan-summary-table"
584
                           style="width: 50%">
585
                        <tbody>
586
                        <thead>
587
                        <tr>
588
                            <th></th>
589
                            <th>Loan Count</th>
590
                            <th>Loan Value</th>
591
                        </tr>
32197 jai.hind 592
 
33087 amit.gupta 593
                        </thead>
594
                        <tr>
32197 jai.hind 595
 
33087 amit.gupta 596
                            <th>Total Loan</th>
597
                            <td class="loan" data-type="TOTAL_LOAN" data-toggle="modal"
598
                                data-target="#loanSummaryModal">$loanSummary.getPendingLoansLoanAggregation().getPartnerCount()</td>
599
                            <td class="currency">$loanSummary.getPendingLoansLoanAggregation().getTotalValue()</td>
32197 jai.hind 600
 
33087 amit.gupta 601
                        </tr>
32197 jai.hind 602
 
33087 amit.gupta 603
                        <tr>
604
                            <th>Default Loan</th>
605
                            <td class="loan" data-type="DEFAULT_LOAN" data-toggle="modal"
606
                                data-target="#loanSummaryModal">$loanSummary.getDefaultLoansAggregation().getPartnerCount()</td>
607
                            <td class="currency">$loanSummary.getDefaultLoansAggregation().getTotalValue()</td>
608
                        </tr>
609
                        <tr>
610
                            <th>Due Loan</th>
611
                            <td class="loan" data-type="DUE_LOAN" data-toggle="modal"
612
                                data-target="#loanSummaryModal">$loanSummary.getDueLoansAggregation().getPartnerCount()</td>
613
                            <td class="currency">$loanSummary.getDueLoansAggregation().getTotalValue()</td>
614
                        </tr>
32197 jai.hind 615
 
33087 amit.gupta 616
                        </tbody>
617
                    </table>
35320 ranu 618
                </div>
35316 ranu 619
 
620
                <div class="col-lg-12">
621
                    <h3><strong>State wise loan summary</strong></h3>
622
                    <select id="stateDropdown" class="form-control" style="width:200px;">
623
                        <option value="">Select State</option>
624
                        #foreach($entry in $stateWiseLoanSummaryMap.entrySet())
625
                            <option value="$entry.key">$entry.key</option>
626
                        #end
627
                    </select>
628
 
629
                    <br/>
33087 amit.gupta 630
                </div>
35316 ranu 631
                <div class="col-lg-3">
632
                    <table class="table table-striped table-hover loan-summary-table">
633
                        <thead>
634
                        <tr>
635
                            <th>Category</th>
636
                            <th>Loan Count</th>
637
                            <th>Loan Value</th>
638
                        </tr>
639
                        </thead>
640
 
641
                        <tbody>
642
                        <!-- MAIN SUMMARY -->
643
                        <tr>
644
                            <th colspan="3">Overall Summary</th>
645
                        </tr>
646
                        <tr>
647
                            <td>Pending</td>
35320 ranu 648
                            <td id="total-pending-count" class="state-wise-loan" data-days="" data-statename=""
649
                                data-type="TOTAL_LOAN" data-toggle="modal"
650
                                data-target="#loanSummaryModal"></td>
35316 ranu 651
                            <td id="total-pending-value"></td>
652
                        </tr>
653
                        <tr>
654
                            <td>Default</td>
35320 ranu 655
                            <td id="total-default-count" class="state-wise-loan" data-days="" data-statename=""
656
                                data-type="DEFAULT_LOAN" data-toggle="modal"
657
                                data-target="#loanSummaryModal"></td>
35316 ranu 658
                            <td id="total-default-value"></td>
659
                        </tr>
660
                        <tr>
661
                            <td>Due</td>
35320 ranu 662
                            <td id="total-due-count" class="state-wise-loan" data-days="" data-statename=""
663
                                data-type="DUE_LOAN" data-toggle="modal"
664
                                data-target="#loanSummaryModal"></td>
35316 ranu 665
                            <td id="total-due-value"></td>
666
                        </tr>
667
 
668
                        </tbody>
669
                    </table>
670
                </div>
671
                <div class="col-lg-3">
672
                    <table class="table table-striped table-hover loan-summary-table">
673
                        <thead>
674
                        <tr>
675
                            <th>Category</th>
676
                            <th>Loan Count</th>
677
                            <th>Loan Value</th>
678
                        </tr>
679
                        </thead>
680
 
681
                        <tbody>
682
 
683
                        <!-- 30 DAYS -->
684
                        <tr>
685
                            <th colspan="3">Above 30 Days</th>
686
                        </tr>
687
                        <tr>
688
                            <td>Pending</td>
35320 ranu 689
                            <td id="days30-pending-count" class="state-wise-loan" data-days="30" data-statename=""
690
                                data-type="TOTAL_LOAN" data-toggle="modal"
691
                                data-target="#loanSummaryModal"></td>
35316 ranu 692
                            <td id="days30-pending-value"></td>
693
                        </tr>
694
                        <tr>
695
                            <td>Default</td>
35320 ranu 696
                            <td id="days30-default-count" class="state-wise-loan" data-days="30" data-statename=""
697
                                data-type="DEFAULT_LOAN" data-toggle="modal"
698
                                data-target="#loanSummaryModal"></td>
35316 ranu 699
                            <td id="days30-default-value"></td>
700
                        </tr>
701
                        <tr>
702
                            <td>Due</td>
35320 ranu 703
                            <td id="days30-due-count" class="state-wise-loan" data-days="30" data-statename=""
704
                                data-type="DUE_LOAN" data-toggle="modal"
705
                                data-target="#loanSummaryModal"></td>
35316 ranu 706
                            <td id="days30-due-value"></td>
707
                        </tr>
708
                        </tbody>
709
                    </table>
710
                </div>
711
                <div class="col-lg-3">
712
                    <table class="table table-striped table-hover loan-summary-table">
713
                        <thead>
714
                        <tr>
715
                            <th>Category</th>
716
                            <th>Loan Count</th>
717
                            <th>Loan Value</th>
718
                        </tr>
719
                        </thead>
720
 
721
                        <tbody>
722
                        <!-- 60 DAYS -->
723
                        <tr>
724
                            <th colspan="3">Above 60 Days</th>
725
                        </tr>
726
                        <tr>
727
                            <td>Pending</td>
35320 ranu 728
                            <td id="days60-pending-count" class="state-wise-loan" data-days="60" data-statename=""
729
                                data-type="TOTAL_LOAN" data-toggle="modal"
730
                                data-target="#loanSummaryModal"></td>
35316 ranu 731
                            <td id="days60-pending-value"></td>
732
                        </tr>
733
                        <tr>
734
                            <td>Default</td>
35320 ranu 735
                            <td id="days60-default-count" class="state-wise-loan" data-days="60" data-statename=""
736
                                data-type="DEFAULT_LOAN" data-toggle="modal"
737
                                data-target="#loanSummaryModal"></td>
35316 ranu 738
                            <td id="days60-default-value"></td>
739
                        </tr>
740
                        <tr>
741
                            <td>Due</td>
35320 ranu 742
                            <td id="days60-due-count" class="state-wise-loan" data-days="60" data-statename=""
743
                                data-type="DUE_LOAN" data-toggle="modal"
744
                                data-target="#loanSummaryModal"></td>
35316 ranu 745
                            <td id="days60-due-value"></td>
746
                        </tr>
747
                        </tbody>
748
                    </table>
749
                </div>
750
                <div class="col-lg-3">
751
                    <table class="table table-striped table-hover loan-summary-table">
752
                        <thead>
753
                        <tr>
754
                            <th>Category</th>
755
                            <th>Loan Count</th>
756
                            <th>Loan Value</th>
757
                        </tr>
758
                        </thead>
759
 
760
                        <tbody>
761
                        <!-- 180 DAYS -->
762
                        <tr>
763
                            <th colspan="3">Above 180 Days</th>
764
                        </tr>
765
                        <tr>
766
                            <td>Pending</td>
35320 ranu 767
                            <td id="days180-pending-count" class="state-wise-loan" data-days="180" data-statename=""
768
                                data-type="TOTAL_LOAN" data-toggle="modal"
769
                                data-target="#loanSummaryModal"></td>
35316 ranu 770
                            <td id="days180-pending-value"></td>
771
                        </tr>
772
                        <tr>
773
                            <td>Default</td>
35320 ranu 774
                            <td id="days180-default-count" class="state-wise-loan" data-days="180" data-statename=""
775
                                data-type="DEFAULT_LOAN" data-toggle="modal"
776
                                data-target="#loanSummaryModal"></td>
35316 ranu 777
                            <td id="days180-default-value"></td>
778
                        </tr>
779
                        <tr>
780
                            <td>Due</td>
35320 ranu 781
                            <td id="days180-due-count" class="state-wise-loan" data-days="180" data-statename=""
782
                                data-type="DUE_LOAN" data-toggle="modal"
783
                                data-target="#loanSummaryModal"></td>
35316 ranu 784
                            <td id="days180-due-value"></td>
785
                        </tr>
786
 
787
                        </tbody>
788
                    </table>
789
                </div>
30017 amit.gupta 790
            </div>
791
            #if($authUserTicketCount)
792
                <div class="row">
793
                    <div class="col-lg-6">
28451 tejbeer 794
 
795
 
30017 amit.gupta 796
                        <div class="row col-lg-4">
797
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
798
                                <strong>Reports</strong>
799
                            </h3>
800
                        </div>
801
                        <div class="row col-lg-12 info-box white-bg">
802
                            <table class="table table-striped reports-table"
803
                                   style="display: none">
804
                                <tbody>
805
                                <div class="list-group">
806
                                    #foreach($reporticoProjectEntry in
807
                                        $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
808
                                        $reporticoProjectEntry.getValue()) <a
809
                                            href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
810
                                            class="list-group-item"
811
                                        #if($reporticoUrlInfo.getParamsList())
812
                                            data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
813
                                        #end>
814
                                        <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
815
                                        <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
816
                                    </a> #end #end
817
                                </div>
818
                                </tbody>
819
                            </table>
28461 tejbeer 820
 
30017 amit.gupta 821
                        </div>
822
                    </div>
823
                    <div class="col-lg-6">
28451 tejbeer 824
 
825
 
30017 amit.gupta 826
                        <div class="row col-lg-12 info-box white-bg">
827
                            <div class="col-lg-4">
828
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
829
                                    <strong>My Messages</strong>
830
                                </h3>
831
                            </div>
832
                            <div class="col-lg-4">
833
                                <div class="btn-group message-filter">
834
                                    <button data-messagetype="notification" type="button"
835
                                            class="btn btn-default" aria-label="Notifications"
836
                                            title="Notifications">
837
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
838
                                    </button>
839
                                    <button data-messagetype="announcement" type="button"
840
                                            class="btn btn-default" aria-label="Announcements"
841
                                            title="Announcements">
842
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
843
                                    </button>
844
                                    <button data-messagetype="scheme" type="button"
845
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
846
                                            title="SmartDukaan Schemes">
847
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
848
                                    </button>
849
                                    <button data-messagetype="marketing" type="button"
850
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
851
                                            title="SmartDukaan Schemes">
852
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
853
                                    </button>
854
                                </div>
855
                            </div>
856
                            <div class="col-lg-12 row notification-container"
857
                                 style="max-height: 500px; overflow-y: scroll;"></div>
858
                        </div>
859
                    </div>
28461 tejbeer 860
 
30017 amit.gupta 861
                </div>
28461 tejbeer 862
 
863
 
30017 amit.gupta 864
            #end #if(!$authUserTicketCount)
28461 tejbeer 865
 
30017 amit.gupta 866
            <div class="row">
867
                <div class="col-lg-6">
868
                    <div class="row col-lg-4">
869
                        <h3 style="margin-top: -2px; margin-bottom: 24px">
870
                            <strong>Reports</strong>
871
                        </h3>
872
                    </div>
873
                    <div class="row col-lg-12 info-box white-bg">
874
                        <table class="table table-striped reports-table"
875
                               style="display: none">
876
                            <tbody>
877
                            <div class="list-group">
878
                                #foreach($reporticoProjectEntry in
879
                                    $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
880
                                    $reporticoProjectEntry.getValue()) <a
881
                                        href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
882
                                        class="list-group-item"
883
                                    #if($reporticoUrlInfo.getParamsList())
884
                                        data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
885
                                    #end>
886
                                    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
887
                                    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
888
                                </a> #end #end
889
                            </div>
890
                            </tbody>
891
                        </table>
28461 tejbeer 892
 
30017 amit.gupta 893
                    </div>
28461 tejbeer 894
 
30017 amit.gupta 895
                </div>
896
                <div class="col-lg-6">
897
                    <div class="col-lg-12">
898
                        <div class="row col-lg-12 info-box white-bg">
899
                            <div class="col-lg-4">
900
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
901
                                    <strong>My Messages</strong>
902
                                </h3>
903
                            </div>
904
                            <div class="col-lg-4">
905
                                <div class="btn-group message-filter">
906
                                    <button data-messagetype="notification" type="button"
907
                                            class="btn btn-default" aria-label="Notifications"
908
                                            title="Notifications">
909
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
910
                                    </button>
911
                                    <button data-messagetype="announcement" type="button"
912
                                            class="btn btn-default" aria-label="Announcements"
913
                                            title="Announcements">
914
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
915
                                    </button>
916
                                    <button data-messagetype="scheme" type="button"
917
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
918
                                            title="SmartDukaan Schemes">
919
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
920
                                    </button>
921
                                    <button data-messagetype="marketing" type="button"
922
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
923
                                            title="SmartDukaan Schemes">
924
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
925
                                    </button>
926
                                </div>
927
                            </div>
928
                            <div class="col-lg-12 row notification-container"
929
                                 style="max-height: 500px; overflow-y: scroll;"></div>
930
                        </div>
931
                    </div>
932
                </div>
933
            </div>
28461 tejbeer 934
 
30017 amit.gupta 935
        #end
936
        </section>
937
        <div class="text-center">
938
            <div class="credits">
939
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
940
            </div>
941
        </div>
942
    </section>
26010 amit.gupta 943
 
30017 amit.gupta 944
    <script type="text/javascript">
945
        context = "${rc.contextPath}";
946
        webApiScheme = "$webApiScheme";
947
        webApiRoot = "$webApiRoot";
948
        webApiHost = "$webApiHost";
949
        webApiPort = "$webApiPort";
950
            #if($authId)
951
            retailers = $retailers;
952
            warehouses = $warehouses;
953
            authId = $authId;
954
            #end
28451 tejbeer 955
 
26010 amit.gupta 956
 
30017 amit.gupta 957
    </script>
958
    #parse("include-scripts.vm")
28451 tejbeer 959
 
30017 amit.gupta 960
    <script>
26010 amit.gupta 961
 
30017 amit.gupta 962
        //knob
963
        $(function () {
964
            /*$(".knob").knob({
965
              'draw' : function () {
966
                $(this.i).val(this.cv + '%')
967
              }
968
            });*/
969
            $.fn.dataTable.moment('DD/MM/YYYY');
970
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
971
            $('.currency').each(function (index, ele) {
972
                if (!isNaN(parseInt($(ele).html()))) {
973
                    $(ele).html(numberToComma($(ele).html()));
974
                }
975
            });
976
        });
28461 tejbeer 977
 
30017 amit.gupta 978
        $(function () {
979
            var profile = localStorage.getItem('profile');
980
            if (profile) {
981
                $("#photo").attr("src", JSON.parse(profile).image_url);
982
                $("#fofo_name").text(JSON.parse(profile).name);
983
            } else {
984
                $("#photo").attr("src", "");
985
                $("#fofo_name").text("Welcome, User");
986
            }
987
        });
28461 tejbeer 988
 
989
 
30017 amit.gupta 990
        $(function () {
991
            loaderDialogObj = bootbox.dialog({
992
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
993
                show: false
994
            });
995
        });
29137 manish 996
 
30017 amit.gupta 997
        $(document).ready(function () {
29137 manish 998
 
30017 amit.gupta 999
            $(".clickshwograph").click();
29137 manish 1000
 
30017 amit.gupta 1001
            $(".mobile_based").click();
29137 manish 1002
 
30017 amit.gupta 1003
            $('div.message-filter').on('click', 'button', function () {
1004
                messageType = $(this).data("messagetype");
1005
                if ($(this).hasClass('btn-pressed')) {
1006
                    messageType = "";
1007
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1008
                } else {
1009
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1010
                    $(this).addClass('btn-pressed').removeClass('btn-default');
1011
                }
1012
                notifyTypeChange(messageType);
1013
            });
1014
            notifyTypeChange("");
1015
        });
28451 tejbeer 1016
 
30017 amit.gupta 1017
 
1018
        $(document).on("click", ".mobile_based",
1019
                function () {
1020
 
1021
                    $(".ba").css("color", "blue");
1022
                    $(".ba").css("background-color", "white");
1023
                    $(".la").css("color", "white");
1024
                    $(".la").css("background-color", "#C0C0C0");
1025
                    $(".as").css("color", "white");
1026
                    $(".as").css("background-color", "#C0C0C0");
1027
 
1028
                    $(".au").css("color", "white");
1029
                    $(".au").css("background-color", "#C0C0C0");
1030
 
1031
                    doGetAjaxRequestHandler(context + "/getMobileBrandWise", function (response) {
1032
                        $('.reportContainer').html(response);
1033
                    });
1034
                });
1035
 
1036
        $(document).on("click", ".accessories_based",
1037
                function () {
1038
 
1039
                    $(".ba").css("color", "white");
1040
                    $(".ba").css("background-color", "#C0C0C0");
1041
                    $(".la").css("color", "blue");
1042
                    $(".la").css("background-color", "white");
1043
                    $(".as").css("color", "white");
1044
                    $(".as").css("background-color", "#C0C0C0");
1045
 
1046
                    $(".au").css("color", "white");
1047
                    $(".au").css("background-color", "#C0C0C0");
1048
                    doGetAjaxRequestHandler(context + "/getAccessoriesBrandWise", function (response) {
1049
                        $('.reportContainer').html(response);
1050
                    });
1051
                });
1052
 
1053
 
1054
        $(document).on("click", ".activation_summary",
1055
                function () {
1056
 
1057
                    $(".as").css("color", "blue");
1058
                    $(".as").css("background-color", "white");
1059
                    $(".ba").css("color", "white");
1060
                    $(".ba").css("background-color", "#C0C0C0");
1061
                    $(".la").css("color", "white");
1062
                    $(".la").css("background-color", "#C0C0C0");
1063
 
1064
                    $(".au").css("color", "white");
1065
                    $(".au").css("background-color", "#C0C0C0");
1066
                    doGetAjaxRequestHandler(context + "/getActivatedModelByBrand", function (response) {
1067
                        $('.reportContainer').html(response);
1068
                    });
1069
                });
1070
 
1071
 
1072
        $(document).on("click", ".activation_updation",
1073
                function () {
1074
 
1075
                    $(".as").css("color", "white");
1076
                    $(".as").css("background-color", "#C0C0C0");
1077
                    $(".au").css("color", "blue");
1078
                    $(".au").css("background-color", "white");
1079
                    $(".ba").css("color", "white");
1080
                    $(".ba").css("background-color", "#C0C0C0");
1081
 
1082
                    $(".la").css("color", "white");
1083
                    $(".la").css("background-color", "#C0C0C0");
1084
                    doGetAjaxRequestHandler(context + "/getActivatedImeiUpdationDate", function (response) {
1085
                        $('.reportContainer').html(response);
1086
                    });
1087
                });
1088
 
1089
 
31273 tejbeer 1090
        doGetAjaxRequestHandler(context + "/getSaleCountByMilestone", function (response) {
31259 tejbeer 1091
            $('.saleMilestoneContainer').html(response);
1092
        });
33087 amit.gupta 1093
 
1094
        doGetAjaxRequestHandler(context + "/getPurchaseCountByMileStone", function (response) {
31273 tejbeer 1095
            $('.purchaseMilestoneContainer').html(response);
1096
        });
33087 amit.gupta 1097
        doGetAjaxRequestHandler(context + "/getMobileLMSFilter", function (response) {
30601 amit.gupta 1098
            $('.chartfilterlmsContainer').html(response);
1099
        });
30017 amit.gupta 1100
 
1101
 
32197 jai.hind 1102
        $('.loan-summary-table').on('click', '.loan', function () {
1103
            console.log($(this));
1104
            let loanSummaryType = $(this).data("type");
1105
            doGetAjaxRequestHandler(`${context}/getPartnerWiseLoanSummary?loanSummaryType=${loanSummaryType}`, function (response) {
1106
                $('#loanSummaryModal .modal-content').html(response);
1107
            });
1108
        });
1109
 
30601 amit.gupta 1110
        $(document).on('click', ".brand_month_sales", function () {
1111
            $(".bms").css("color", "blue");
1112
            $(".bms").css("background-color", "white");
1113
            $(".bmp").css("color", "white");
1114
            $(".bmp").css("background-color", "#C0C0C0");
1115
            var warehouseId = $('#warehouseMap').val();
1116
            var filterType = $('#monthDateFilter').val();
30017 amit.gupta 1117
 
30601 amit.gupta 1118
            var fofoIds = $('#fofo-users').val();
34973 aman 1119
            if (typeof fofoIds === 'string') {
1120
                fofoIds = fofoIds.split(',').map(id => parseInt(id.trim()));
1121
            }
1122
            const data = {
1123
                warehouseId: warehouseId,
1124
                date: getDatesFromPicker($('input[name="dateRange"]')).startDate,
1125
                endDate: getDatesFromPicker($('input[name="dateRange"]')).endDate,
1126
                fofoIds: fofoIds,
1127
                filterType: filterType
1128
            };
30017 amit.gupta 1129
 
34973 aman 1130
            doPostAjaxRequestWithJsonHandler(context + "/getMobileLMSGraph", JSON.stringify(data), function (response) {
30601 amit.gupta 1131
                $('.chartLmsContainer').html(response);
1132
            });
1133
        });
30017 amit.gupta 1134
 
1135
        $('#fofo-users').multiselect({
1136
            includeSelectAllOption: true,
1137
            multiple: true,
1138
            maxHeight: 200,
1139
            buttonWidth: '180px',
1140
            numberDisplayed: 1,
1141
            nonSelectedText: 'Users',
1142
            nSelectedText: ' - Users Selected',
1143
            allSelectedText: 'All Users Selected',
1144
            enableFiltering: true,
1145
            enableCaseInsensitiveFiltering: true
1146
        });
1147
 
33087 amit.gupta 1148
        function changelanguage(val) {
1149
            console.log(val);
1150
            document.documentElement.setAttribute('lang', val)
1151
            var url = window.location.host;
1152
            alert(url);
1153
            //var path = window.location.path;
1154
            alert(path);
1155
            //window.location.href =url+"/dashboard?lang="+val;
1156
            window.open(url + "/dashboard?lang=" + val, "_self");
32771 raveendra. 1157
        }
1158
 
30017 amit.gupta 1159
    </script>
35316 ranu 1160
 
1161
    <script>
1162
        var stateLoanData = {
1163
            #foreach($entry in $stateWiseLoanSummaryMap.entrySet())
1164
                "$entry.key": {
1165
 
1166
                    // --- Main Summary ---
1167
                    pendingLoans: {
1168
                        partnerCount: $entry.value.pendingLoansLoanAggregation.partnerCount,
1169
                        totalValue: $entry.value.pendingLoansLoanAggregation.totalValue
1170
                    },
1171
                    defaultLoans: {
1172
                        partnerCount: $entry.value.defaultLoansAggregation.partnerCount,
1173
                        totalValue: $entry.value.defaultLoansAggregation.totalValue
1174
                    },
1175
                    dueLoans: {
1176
                        partnerCount: $entry.value.dueLoansAggregation.partnerCount,
1177
                        totalValue: $entry.value.dueLoansAggregation.totalValue
1178
                    },
1179
 
1180
                    // --- Above 30 Days Summary ---
1181
                    above30Days: {
1182
                        pending: {
1183
                            partnerCount: $entry.value.above30Days.pending.partnerCount,
1184
                            totalValue: $entry.value.above30Days.pending.totalValue
1185
                        },
1186
                        defaults: {
1187
                            partnerCount: $entry.value.above30Days.defaults.partnerCount,
1188
                            totalValue: $entry.value.above30Days.defaults.totalValue
1189
                        },
1190
                        dues: {
1191
                            partnerCount: $entry.value.above30Days.dues.partnerCount,
1192
                            totalValue: $entry.value.above30Days.dues.totalValue
1193
                        }
1194
                    },
1195
 
1196
                    // --- Above 60 Days ---
1197
                    above60Days: {
1198
                        pending: {
1199
                            partnerCount: $entry.value.above60Days.pending.partnerCount,
1200
                            totalValue: $entry.value.above60Days.pending.totalValue
1201
                        },
1202
                        defaults: {
1203
                            partnerCount: $entry.value.above60Days.defaults.partnerCount,
1204
                            totalValue: $entry.value.above60Days.defaults.totalValue
1205
                        },
1206
                        dues: {
1207
                            partnerCount: $entry.value.above60Days.dues.partnerCount,
1208
                            totalValue: $entry.value.above60Days.dues.totalValue
1209
                        }
1210
                    },
1211
 
1212
                    // --- Above 180 Days ---
1213
                    above180Days: {
1214
                        pending: {
1215
                            partnerCount: $entry.value.above180Days.pending.partnerCount,
1216
                            totalValue: $entry.value.above180Days.pending.totalValue
1217
                        },
1218
                        defaults: {
1219
                            partnerCount: $entry.value.above180Days.defaults.partnerCount,
1220
                            totalValue: $entry.value.above180Days.defaults.totalValue
1221
                        },
1222
                        dues: {
1223
                            partnerCount: $entry.value.above180Days.dues.partnerCount,
1224
                            totalValue: $entry.value.above180Days.dues.totalValue
1225
                        }
1226
                    }
1227
 
1228
                }#if($foreach.hasNext),#end
1229
            #end
1230
        };
1231
 
1232
        $(document).ready(function () {
1233
 
1234
            var defaultState = "Delhi";
1235
 
1236
            // Wait until dropdown is fully rendered
1237
            setTimeout(function () {
1238
 
1239
                if (stateLoanData[defaultState]) {
1240
                    $("#stateDropdown").val(defaultState);
1241
                    $("#stateDropdown").trigger("change");
1242
                }
1243
 
1244
            }, 100);
1245
 
1246
 
1247
            $("#stateDropdown").on("change", function () {
1248
 
1249
                var selectedState = $(this).val();
1250
 
1251
                if (!selectedState) {
1252
                    $("td[id]").text("");
1253
                    return;
1254
                }
1255
 
1256
                var data = stateLoanData[selectedState];
1257
 
35320 ranu 1258
                $(".state-wise-loan").attr("data-statename", selectedState);
1259
 
35316 ranu 1260
                // MAIN SUMMARY
1261
                $("#total-pending-count").text(data.pendingLoans.partnerCount);
1262
                $("#total-pending-value").text(Number(data.pendingLoans.totalValue).toFixed(2));
1263
 
1264
                $("#total-default-count").text(data.defaultLoans.partnerCount);
1265
                $("#total-default-value").text(Number(data.defaultLoans.totalValue).toFixed(2));
1266
 
1267
                $("#total-due-count").text(data.dueLoans.partnerCount);
1268
                $("#total-due-value").text(Number(data.dueLoans.totalValue).toFixed(2));
1269
 
1270
                // ABOVE 30 DAYS
1271
                $("#days30-pending-count").text(data.above30Days.pending.partnerCount);
1272
                $("#days30-pending-value").text(Number(data.above30Days.pending.totalValue).toFixed(2));
1273
 
1274
                $("#days30-default-count").text(data.above30Days.defaults.partnerCount);
1275
                $("#days30-default-value").text(Number(data.above30Days.defaults.totalValue).toFixed(2));
1276
 
1277
                $("#days30-due-count").text(data.above30Days.dues.partnerCount);
1278
                $("#days30-due-value").text(Number(data.above30Days.dues.totalValue).toFixed(2));
1279
 
1280
                // ABOVE 60 DAYS
1281
                $("#days60-pending-count").text(data.above60Days.pending.partnerCount);
1282
                $("#days60-pending-value").text(Number(data.above60Days.pending.totalValue).toFixed(2));
1283
 
1284
                $("#days60-default-count").text(data.above60Days.defaults.partnerCount);
1285
                $("#days60-default-value").text(Number(data.above60Days.defaults.totalValue).toFixed(2));
1286
 
1287
                $("#days60-due-count").text(data.above60Days.dues.partnerCount);
1288
                $("#days60-due-value").text(Number(data.above60Days.dues.totalValue).toFixed(2));
1289
 
1290
                // ABOVE 180 DAYS
1291
                $("#days180-pending-count").text(data.above180Days.pending.partnerCount);
1292
                $("#days180-pending-value").text(Number(data.above180Days.pending.totalValue).toFixed(2));
1293
 
1294
                $("#days180-default-count").text(data.above180Days.defaults.partnerCount);
1295
                $("#days180-default-value").text(Number(data.above180Days.defaults.totalValue).toFixed(2));
1296
 
1297
                $("#days180-due-count").text(data.above180Days.dues.partnerCount);
1298
                $("#days180-due-value").text(Number(data.above180Days.dues.totalValue).toFixed(2));
1299
            });
1300
 
1301
        });
1302
 
1303
 
35320 ranu 1304
        $('.loan-summary-table').on('click', '.state-wise-loan', function () {
1305
            console.log($(this));
1306
            let loanSummaryType = $(this).data("type");
35324 ranu 1307
            let stateName = $("#stateDropdown").val();
35320 ranu 1308
            let days = $(this).data("days");
1309
            doGetAjaxRequestHandler(`${context}/getPartnerStateWiseLoanSummary?loanSummaryType=${loanSummaryType}&stateName=${stateName}&days=${days}`, function (response) {
1310
                $('#loanSummaryModal .modal-content').html(response);
1311
            });
1312
        });
1313
 
1314
 
35316 ranu 1315
    </script>
1316
 
30017 amit.gupta 1317
    <div id="report-modal" class="modal" role="dialog"
1318
         data-backdrop="static" data-keyboard="false">
1319
        <div class="modal-dialog">
1320
 
1321
            <!-- Modal content-->
1322
            <div class="modal-content">
1323
                <div class="modal-header">
1324
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1325
                    <h4 class="modal-title"></h4>
1326
                </div>
1327
                <div class="modal-body"></div>
1328
                <div class="modal-footer">
1329
                    <button type="button" data-dismiss="modal"
1330
                            class="btn btn-default download-report">Download
1331
                    </button>
1332
                </div>
1333
            </div>
1334
        </div>
1335
    </div>
30601 amit.gupta 1336
</section>
32197 jai.hind 1337
 
33087 amit.gupta 1338
<div id="loanSummaryModal" class="modal" role="dialog">
1339
    <div class="modal-dialog modal-lg">
1340
        <div class="modal-content"></div>
32197 jai.hind 1341
 
1342
    </div>
33087 amit.gupta 1343
</div>
28451 tejbeer 1344
</body>
33061 ranu 1345
 
1346
 
26010 amit.gupta 1347
</html>