Subversion Repositories SmartDukaan

Rev

Rev 34973 | Rev 35320 | 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
35316 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>
35316 ranu 618
                </div>*#
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>
648
                            <td id="total-pending-count"></td>
649
                            <td id="total-pending-value"></td>
650
                        </tr>
651
                        <tr>
652
                            <td>Default</td>
653
                            <td id="total-default-count"></td>
654
                            <td id="total-default-value"></td>
655
                        </tr>
656
                        <tr>
657
                            <td>Due</td>
658
                            <td id="total-due-count"></td>
659
                            <td id="total-due-value"></td>
660
                        </tr>
661
 
662
                        </tbody>
663
                    </table>
664
                </div>
665
                <div class="col-lg-3">
666
                    <table class="table table-striped table-hover loan-summary-table">
667
                        <thead>
668
                        <tr>
669
                            <th>Category</th>
670
                            <th>Loan Count</th>
671
                            <th>Loan Value</th>
672
                        </tr>
673
                        </thead>
674
 
675
                        <tbody>
676
 
677
                        <!-- 30 DAYS -->
678
                        <tr>
679
                            <th colspan="3">Above 30 Days</th>
680
                        </tr>
681
                        <tr>
682
                            <td>Pending</td>
683
                            <td id="days30-pending-count"></td>
684
                            <td id="days30-pending-value"></td>
685
                        </tr>
686
                        <tr>
687
                            <td>Default</td>
688
                            <td id="days30-default-count"></td>
689
                            <td id="days30-default-value"></td>
690
                        </tr>
691
                        <tr>
692
                            <td>Due</td>
693
                            <td id="days30-due-count"></td>
694
                            <td id="days30-due-value"></td>
695
                        </tr>
696
                        </tbody>
697
                    </table>
698
                </div>
699
                <div class="col-lg-3">
700
                    <table class="table table-striped table-hover loan-summary-table">
701
                        <thead>
702
                        <tr>
703
                            <th>Category</th>
704
                            <th>Loan Count</th>
705
                            <th>Loan Value</th>
706
                        </tr>
707
                        </thead>
708
 
709
                        <tbody>
710
                        <!-- 60 DAYS -->
711
                        <tr>
712
                            <th colspan="3">Above 60 Days</th>
713
                        </tr>
714
                        <tr>
715
                            <td>Pending</td>
716
                            <td id="days60-pending-count"></td>
717
                            <td id="days60-pending-value"></td>
718
                        </tr>
719
                        <tr>
720
                            <td>Default</td>
721
                            <td id="days60-default-count"></td>
722
                            <td id="days60-default-value"></td>
723
                        </tr>
724
                        <tr>
725
                            <td>Due</td>
726
                            <td id="days60-due-count"></td>
727
                            <td id="days60-due-value"></td>
728
                        </tr>
729
                        </tbody>
730
                    </table>
731
                </div>
732
                <div class="col-lg-3">
733
                    <table class="table table-striped table-hover loan-summary-table">
734
                        <thead>
735
                        <tr>
736
                            <th>Category</th>
737
                            <th>Loan Count</th>
738
                            <th>Loan Value</th>
739
                        </tr>
740
                        </thead>
741
 
742
                        <tbody>
743
                        <!-- 180 DAYS -->
744
                        <tr>
745
                            <th colspan="3">Above 180 Days</th>
746
                        </tr>
747
                        <tr>
748
                            <td>Pending</td>
749
                            <td id="days180-pending-count"></td>
750
                            <td id="days180-pending-value"></td>
751
                        </tr>
752
                        <tr>
753
                            <td>Default</td>
754
                            <td id="days180-default-count"></td>
755
                            <td id="days180-default-value"></td>
756
                        </tr>
757
                        <tr>
758
                            <td>Due</td>
759
                            <td id="days180-due-count"></td>
760
                            <td id="days180-due-value"></td>
761
                        </tr>
762
 
763
                        </tbody>
764
                    </table>
765
                </div>
30017 amit.gupta 766
            </div>
767
            #if($authUserTicketCount)
768
                <div class="row">
769
                    <div class="col-lg-6">
28451 tejbeer 770
 
771
 
30017 amit.gupta 772
                        <div class="row col-lg-4">
773
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
774
                                <strong>Reports</strong>
775
                            </h3>
776
                        </div>
777
                        <div class="row col-lg-12 info-box white-bg">
778
                            <table class="table table-striped reports-table"
779
                                   style="display: none">
780
                                <tbody>
781
                                <div class="list-group">
782
                                    #foreach($reporticoProjectEntry in
783
                                        $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
784
                                        $reporticoProjectEntry.getValue()) <a
785
                                            href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
786
                                            class="list-group-item"
787
                                        #if($reporticoUrlInfo.getParamsList())
788
                                            data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
789
                                        #end>
790
                                        <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
791
                                        <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
792
                                    </a> #end #end
793
                                </div>
794
                                </tbody>
795
                            </table>
28461 tejbeer 796
 
30017 amit.gupta 797
                        </div>
798
                    </div>
799
                    <div class="col-lg-6">
28451 tejbeer 800
 
801
 
30017 amit.gupta 802
                        <div class="row col-lg-12 info-box white-bg">
803
                            <div class="col-lg-4">
804
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
805
                                    <strong>My Messages</strong>
806
                                </h3>
807
                            </div>
808
                            <div class="col-lg-4">
809
                                <div class="btn-group message-filter">
810
                                    <button data-messagetype="notification" type="button"
811
                                            class="btn btn-default" aria-label="Notifications"
812
                                            title="Notifications">
813
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
814
                                    </button>
815
                                    <button data-messagetype="announcement" type="button"
816
                                            class="btn btn-default" aria-label="Announcements"
817
                                            title="Announcements">
818
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
819
                                    </button>
820
                                    <button data-messagetype="scheme" type="button"
821
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
822
                                            title="SmartDukaan Schemes">
823
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
824
                                    </button>
825
                                    <button data-messagetype="marketing" type="button"
826
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
827
                                            title="SmartDukaan Schemes">
828
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
829
                                    </button>
830
                                </div>
831
                            </div>
832
                            <div class="col-lg-12 row notification-container"
833
                                 style="max-height: 500px; overflow-y: scroll;"></div>
834
                        </div>
835
                    </div>
28461 tejbeer 836
 
30017 amit.gupta 837
                </div>
28461 tejbeer 838
 
839
 
30017 amit.gupta 840
            #end #if(!$authUserTicketCount)
28461 tejbeer 841
 
30017 amit.gupta 842
            <div class="row">
843
                <div class="col-lg-6">
844
                    <div class="row col-lg-4">
845
                        <h3 style="margin-top: -2px; margin-bottom: 24px">
846
                            <strong>Reports</strong>
847
                        </h3>
848
                    </div>
849
                    <div class="row col-lg-12 info-box white-bg">
850
                        <table class="table table-striped reports-table"
851
                               style="display: none">
852
                            <tbody>
853
                            <div class="list-group">
854
                                #foreach($reporticoProjectEntry in
855
                                    $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
856
                                    $reporticoProjectEntry.getValue()) <a
857
                                        href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
858
                                        class="list-group-item"
859
                                    #if($reporticoUrlInfo.getParamsList())
860
                                        data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
861
                                    #end>
862
                                    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
863
                                    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
864
                                </a> #end #end
865
                            </div>
866
                            </tbody>
867
                        </table>
28461 tejbeer 868
 
30017 amit.gupta 869
                    </div>
28461 tejbeer 870
 
30017 amit.gupta 871
                </div>
872
                <div class="col-lg-6">
873
                    <div class="col-lg-12">
874
                        <div class="row col-lg-12 info-box white-bg">
875
                            <div class="col-lg-4">
876
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
877
                                    <strong>My Messages</strong>
878
                                </h3>
879
                            </div>
880
                            <div class="col-lg-4">
881
                                <div class="btn-group message-filter">
882
                                    <button data-messagetype="notification" type="button"
883
                                            class="btn btn-default" aria-label="Notifications"
884
                                            title="Notifications">
885
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
886
                                    </button>
887
                                    <button data-messagetype="announcement" type="button"
888
                                            class="btn btn-default" aria-label="Announcements"
889
                                            title="Announcements">
890
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
891
                                    </button>
892
                                    <button data-messagetype="scheme" type="button"
893
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
894
                                            title="SmartDukaan Schemes">
895
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
896
                                    </button>
897
                                    <button data-messagetype="marketing" type="button"
898
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
899
                                            title="SmartDukaan Schemes">
900
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
901
                                    </button>
902
                                </div>
903
                            </div>
904
                            <div class="col-lg-12 row notification-container"
905
                                 style="max-height: 500px; overflow-y: scroll;"></div>
906
                        </div>
907
                    </div>
908
                </div>
909
            </div>
28461 tejbeer 910
 
30017 amit.gupta 911
        #end
912
        </section>
913
        <div class="text-center">
914
            <div class="credits">
915
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
916
            </div>
917
        </div>
918
    </section>
26010 amit.gupta 919
 
30017 amit.gupta 920
    <script type="text/javascript">
921
        context = "${rc.contextPath}";
922
        webApiScheme = "$webApiScheme";
923
        webApiRoot = "$webApiRoot";
924
        webApiHost = "$webApiHost";
925
        webApiPort = "$webApiPort";
926
            #if($authId)
927
            retailers = $retailers;
928
            warehouses = $warehouses;
929
            authId = $authId;
930
            #end
28451 tejbeer 931
 
26010 amit.gupta 932
 
30017 amit.gupta 933
    </script>
934
    #parse("include-scripts.vm")
28451 tejbeer 935
 
30017 amit.gupta 936
    <script>
26010 amit.gupta 937
 
30017 amit.gupta 938
        //knob
939
        $(function () {
940
            /*$(".knob").knob({
941
              'draw' : function () {
942
                $(this.i).val(this.cv + '%')
943
              }
944
            });*/
945
            $.fn.dataTable.moment('DD/MM/YYYY');
946
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
947
            $('.currency').each(function (index, ele) {
948
                if (!isNaN(parseInt($(ele).html()))) {
949
                    $(ele).html(numberToComma($(ele).html()));
950
                }
951
            });
952
        });
28461 tejbeer 953
 
30017 amit.gupta 954
        $(function () {
955
            var profile = localStorage.getItem('profile');
956
            if (profile) {
957
                $("#photo").attr("src", JSON.parse(profile).image_url);
958
                $("#fofo_name").text(JSON.parse(profile).name);
959
            } else {
960
                $("#photo").attr("src", "");
961
                $("#fofo_name").text("Welcome, User");
962
            }
963
        });
28461 tejbeer 964
 
965
 
30017 amit.gupta 966
        $(function () {
967
            loaderDialogObj = bootbox.dialog({
968
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
969
                show: false
970
            });
971
        });
29137 manish 972
 
30017 amit.gupta 973
        $(document).ready(function () {
29137 manish 974
 
30017 amit.gupta 975
            $(".clickshwograph").click();
29137 manish 976
 
30017 amit.gupta 977
            $(".mobile_based").click();
29137 manish 978
 
30017 amit.gupta 979
            $('div.message-filter').on('click', 'button', function () {
980
                messageType = $(this).data("messagetype");
981
                if ($(this).hasClass('btn-pressed')) {
982
                    messageType = "";
983
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
984
                } else {
985
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
986
                    $(this).addClass('btn-pressed').removeClass('btn-default');
987
                }
988
                notifyTypeChange(messageType);
989
            });
990
            notifyTypeChange("");
991
        });
28451 tejbeer 992
 
30017 amit.gupta 993
 
994
        $(document).on("click", ".mobile_based",
995
                function () {
996
 
997
                    $(".ba").css("color", "blue");
998
                    $(".ba").css("background-color", "white");
999
                    $(".la").css("color", "white");
1000
                    $(".la").css("background-color", "#C0C0C0");
1001
                    $(".as").css("color", "white");
1002
                    $(".as").css("background-color", "#C0C0C0");
1003
 
1004
                    $(".au").css("color", "white");
1005
                    $(".au").css("background-color", "#C0C0C0");
1006
 
1007
                    doGetAjaxRequestHandler(context + "/getMobileBrandWise", function (response) {
1008
                        $('.reportContainer').html(response);
1009
                    });
1010
                });
1011
 
1012
        $(document).on("click", ".accessories_based",
1013
                function () {
1014
 
1015
                    $(".ba").css("color", "white");
1016
                    $(".ba").css("background-color", "#C0C0C0");
1017
                    $(".la").css("color", "blue");
1018
                    $(".la").css("background-color", "white");
1019
                    $(".as").css("color", "white");
1020
                    $(".as").css("background-color", "#C0C0C0");
1021
 
1022
                    $(".au").css("color", "white");
1023
                    $(".au").css("background-color", "#C0C0C0");
1024
                    doGetAjaxRequestHandler(context + "/getAccessoriesBrandWise", function (response) {
1025
                        $('.reportContainer').html(response);
1026
                    });
1027
                });
1028
 
1029
 
1030
        $(document).on("click", ".activation_summary",
1031
                function () {
1032
 
1033
                    $(".as").css("color", "blue");
1034
                    $(".as").css("background-color", "white");
1035
                    $(".ba").css("color", "white");
1036
                    $(".ba").css("background-color", "#C0C0C0");
1037
                    $(".la").css("color", "white");
1038
                    $(".la").css("background-color", "#C0C0C0");
1039
 
1040
                    $(".au").css("color", "white");
1041
                    $(".au").css("background-color", "#C0C0C0");
1042
                    doGetAjaxRequestHandler(context + "/getActivatedModelByBrand", function (response) {
1043
                        $('.reportContainer').html(response);
1044
                    });
1045
                });
1046
 
1047
 
1048
        $(document).on("click", ".activation_updation",
1049
                function () {
1050
 
1051
                    $(".as").css("color", "white");
1052
                    $(".as").css("background-color", "#C0C0C0");
1053
                    $(".au").css("color", "blue");
1054
                    $(".au").css("background-color", "white");
1055
                    $(".ba").css("color", "white");
1056
                    $(".ba").css("background-color", "#C0C0C0");
1057
 
1058
                    $(".la").css("color", "white");
1059
                    $(".la").css("background-color", "#C0C0C0");
1060
                    doGetAjaxRequestHandler(context + "/getActivatedImeiUpdationDate", function (response) {
1061
                        $('.reportContainer').html(response);
1062
                    });
1063
                });
1064
 
1065
 
31273 tejbeer 1066
        doGetAjaxRequestHandler(context + "/getSaleCountByMilestone", function (response) {
31259 tejbeer 1067
            $('.saleMilestoneContainer').html(response);
1068
        });
33087 amit.gupta 1069
 
1070
        doGetAjaxRequestHandler(context + "/getPurchaseCountByMileStone", function (response) {
31273 tejbeer 1071
            $('.purchaseMilestoneContainer').html(response);
1072
        });
33087 amit.gupta 1073
        doGetAjaxRequestHandler(context + "/getMobileLMSFilter", function (response) {
30601 amit.gupta 1074
            $('.chartfilterlmsContainer').html(response);
1075
        });
30017 amit.gupta 1076
 
1077
 
32197 jai.hind 1078
        $('.loan-summary-table').on('click', '.loan', function () {
1079
            console.log($(this));
1080
            let loanSummaryType = $(this).data("type");
1081
            doGetAjaxRequestHandler(`${context}/getPartnerWiseLoanSummary?loanSummaryType=${loanSummaryType}`, function (response) {
1082
                $('#loanSummaryModal .modal-content').html(response);
1083
            });
1084
        });
1085
 
30601 amit.gupta 1086
        $(document).on('click', ".brand_month_sales", function () {
1087
            $(".bms").css("color", "blue");
1088
            $(".bms").css("background-color", "white");
1089
            $(".bmp").css("color", "white");
1090
            $(".bmp").css("background-color", "#C0C0C0");
1091
            var warehouseId = $('#warehouseMap').val();
1092
            var filterType = $('#monthDateFilter').val();
30017 amit.gupta 1093
 
30601 amit.gupta 1094
            var fofoIds = $('#fofo-users').val();
34973 aman 1095
            if (typeof fofoIds === 'string') {
1096
                fofoIds = fofoIds.split(',').map(id => parseInt(id.trim()));
1097
            }
1098
            const data = {
1099
                warehouseId: warehouseId,
1100
                date: getDatesFromPicker($('input[name="dateRange"]')).startDate,
1101
                endDate: getDatesFromPicker($('input[name="dateRange"]')).endDate,
1102
                fofoIds: fofoIds,
1103
                filterType: filterType
1104
            };
30017 amit.gupta 1105
 
34973 aman 1106
            doPostAjaxRequestWithJsonHandler(context + "/getMobileLMSGraph", JSON.stringify(data), function (response) {
30601 amit.gupta 1107
                $('.chartLmsContainer').html(response);
1108
            });
1109
        });
30017 amit.gupta 1110
 
1111
        $('#fofo-users').multiselect({
1112
            includeSelectAllOption: true,
1113
            multiple: true,
1114
            maxHeight: 200,
1115
            buttonWidth: '180px',
1116
            numberDisplayed: 1,
1117
            nonSelectedText: 'Users',
1118
            nSelectedText: ' - Users Selected',
1119
            allSelectedText: 'All Users Selected',
1120
            enableFiltering: true,
1121
            enableCaseInsensitiveFiltering: true
1122
        });
1123
 
33087 amit.gupta 1124
        function changelanguage(val) {
1125
            console.log(val);
1126
            document.documentElement.setAttribute('lang', val)
1127
            var url = window.location.host;
1128
            alert(url);
1129
            //var path = window.location.path;
1130
            alert(path);
1131
            //window.location.href =url+"/dashboard?lang="+val;
1132
            window.open(url + "/dashboard?lang=" + val, "_self");
32771 raveendra. 1133
        }
1134
 
30017 amit.gupta 1135
    </script>
35316 ranu 1136
 
1137
    <script>
1138
        var stateLoanData = {
1139
            #foreach($entry in $stateWiseLoanSummaryMap.entrySet())
1140
                "$entry.key": {
1141
 
1142
                    // --- Main Summary ---
1143
                    pendingLoans: {
1144
                        partnerCount: $entry.value.pendingLoansLoanAggregation.partnerCount,
1145
                        totalValue: $entry.value.pendingLoansLoanAggregation.totalValue
1146
                    },
1147
                    defaultLoans: {
1148
                        partnerCount: $entry.value.defaultLoansAggregation.partnerCount,
1149
                        totalValue: $entry.value.defaultLoansAggregation.totalValue
1150
                    },
1151
                    dueLoans: {
1152
                        partnerCount: $entry.value.dueLoansAggregation.partnerCount,
1153
                        totalValue: $entry.value.dueLoansAggregation.totalValue
1154
                    },
1155
 
1156
                    // --- Above 30 Days Summary ---
1157
                    above30Days: {
1158
                        pending: {
1159
                            partnerCount: $entry.value.above30Days.pending.partnerCount,
1160
                            totalValue: $entry.value.above30Days.pending.totalValue
1161
                        },
1162
                        defaults: {
1163
                            partnerCount: $entry.value.above30Days.defaults.partnerCount,
1164
                            totalValue: $entry.value.above30Days.defaults.totalValue
1165
                        },
1166
                        dues: {
1167
                            partnerCount: $entry.value.above30Days.dues.partnerCount,
1168
                            totalValue: $entry.value.above30Days.dues.totalValue
1169
                        }
1170
                    },
1171
 
1172
                    // --- Above 60 Days ---
1173
                    above60Days: {
1174
                        pending: {
1175
                            partnerCount: $entry.value.above60Days.pending.partnerCount,
1176
                            totalValue: $entry.value.above60Days.pending.totalValue
1177
                        },
1178
                        defaults: {
1179
                            partnerCount: $entry.value.above60Days.defaults.partnerCount,
1180
                            totalValue: $entry.value.above60Days.defaults.totalValue
1181
                        },
1182
                        dues: {
1183
                            partnerCount: $entry.value.above60Days.dues.partnerCount,
1184
                            totalValue: $entry.value.above60Days.dues.totalValue
1185
                        }
1186
                    },
1187
 
1188
                    // --- Above 180 Days ---
1189
                    above180Days: {
1190
                        pending: {
1191
                            partnerCount: $entry.value.above180Days.pending.partnerCount,
1192
                            totalValue: $entry.value.above180Days.pending.totalValue
1193
                        },
1194
                        defaults: {
1195
                            partnerCount: $entry.value.above180Days.defaults.partnerCount,
1196
                            totalValue: $entry.value.above180Days.defaults.totalValue
1197
                        },
1198
                        dues: {
1199
                            partnerCount: $entry.value.above180Days.dues.partnerCount,
1200
                            totalValue: $entry.value.above180Days.dues.totalValue
1201
                        }
1202
                    }
1203
 
1204
                }#if($foreach.hasNext),#end
1205
            #end
1206
        };
1207
 
1208
        $(document).ready(function () {
1209
 
1210
            var defaultState = "Delhi";
1211
 
1212
            // Wait until dropdown is fully rendered
1213
            setTimeout(function () {
1214
 
1215
                if (stateLoanData[defaultState]) {
1216
                    $("#stateDropdown").val(defaultState);
1217
                    $("#stateDropdown").trigger("change");
1218
                }
1219
 
1220
            }, 100);
1221
 
1222
 
1223
            $("#stateDropdown").on("change", function () {
1224
 
1225
                var selectedState = $(this).val();
1226
 
1227
                if (!selectedState) {
1228
                    $("td[id]").text("");
1229
                    return;
1230
                }
1231
 
1232
                var data = stateLoanData[selectedState];
1233
 
1234
                // MAIN SUMMARY
1235
                $("#total-pending-count").text(data.pendingLoans.partnerCount);
1236
                $("#total-pending-value").text(Number(data.pendingLoans.totalValue).toFixed(2));
1237
 
1238
                $("#total-default-count").text(data.defaultLoans.partnerCount);
1239
                $("#total-default-value").text(Number(data.defaultLoans.totalValue).toFixed(2));
1240
 
1241
                $("#total-due-count").text(data.dueLoans.partnerCount);
1242
                $("#total-due-value").text(Number(data.dueLoans.totalValue).toFixed(2));
1243
 
1244
                // ABOVE 30 DAYS
1245
                $("#days30-pending-count").text(data.above30Days.pending.partnerCount);
1246
                $("#days30-pending-value").text(Number(data.above30Days.pending.totalValue).toFixed(2));
1247
 
1248
                $("#days30-default-count").text(data.above30Days.defaults.partnerCount);
1249
                $("#days30-default-value").text(Number(data.above30Days.defaults.totalValue).toFixed(2));
1250
 
1251
                $("#days30-due-count").text(data.above30Days.dues.partnerCount);
1252
                $("#days30-due-value").text(Number(data.above30Days.dues.totalValue).toFixed(2));
1253
 
1254
                // ABOVE 60 DAYS
1255
                $("#days60-pending-count").text(data.above60Days.pending.partnerCount);
1256
                $("#days60-pending-value").text(Number(data.above60Days.pending.totalValue).toFixed(2));
1257
 
1258
                $("#days60-default-count").text(data.above60Days.defaults.partnerCount);
1259
                $("#days60-default-value").text(Number(data.above60Days.defaults.totalValue).toFixed(2));
1260
 
1261
                $("#days60-due-count").text(data.above60Days.dues.partnerCount);
1262
                $("#days60-due-value").text(Number(data.above60Days.dues.totalValue).toFixed(2));
1263
 
1264
                // ABOVE 180 DAYS
1265
                $("#days180-pending-count").text(data.above180Days.pending.partnerCount);
1266
                $("#days180-pending-value").text(Number(data.above180Days.pending.totalValue).toFixed(2));
1267
 
1268
                $("#days180-default-count").text(data.above180Days.defaults.partnerCount);
1269
                $("#days180-default-value").text(Number(data.above180Days.defaults.totalValue).toFixed(2));
1270
 
1271
                $("#days180-due-count").text(data.above180Days.dues.partnerCount);
1272
                $("#days180-due-value").text(Number(data.above180Days.dues.totalValue).toFixed(2));
1273
            });
1274
 
1275
        });
1276
 
1277
 
1278
    </script>
1279
 
30017 amit.gupta 1280
    <div id="report-modal" class="modal" role="dialog"
1281
         data-backdrop="static" data-keyboard="false">
1282
        <div class="modal-dialog">
1283
 
1284
            <!-- Modal content-->
1285
            <div class="modal-content">
1286
                <div class="modal-header">
1287
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1288
                    <h4 class="modal-title"></h4>
1289
                </div>
1290
                <div class="modal-body"></div>
1291
                <div class="modal-footer">
1292
                    <button type="button" data-dismiss="modal"
1293
                            class="btn btn-default download-report">Download
1294
                    </button>
1295
                </div>
1296
            </div>
1297
        </div>
1298
    </div>
30601 amit.gupta 1299
</section>
32197 jai.hind 1300
 
33087 amit.gupta 1301
<div id="loanSummaryModal" class="modal" role="dialog">
1302
    <div class="modal-dialog modal-lg">
1303
        <div class="modal-content"></div>
32197 jai.hind 1304
 
1305
    </div>
33087 amit.gupta 1306
</div>
28451 tejbeer 1307
</body>
33061 ranu 1308
 
1309
 
26010 amit.gupta 1310
</html>