Subversion Repositories SmartDukaan

Rev

Rev 35324 | Rev 35396 | 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>
35335 ranu 589
                            <th>Count</th>
590
                            <th>Value</th>
33087 amit.gupta 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
                    <br/>
33087 amit.gupta 629
                </div>
35335 ranu 630
 
631
                <!-- ================= OVERALL SUMMARY ================= -->
35316 ranu 632
                <div class="col-lg-3">
35335 ranu 633
                    <div id="overallSummaryView" style="display:none;">
634
                        <table class="table table-striped table-hover loan-summary-table">
635
                            <thead>
636
                            <tr>
637
                                <th>Category</th>
638
                                <th>Count</th>
639
                                <th>Value</th>
640
                            </tr>
641
                            </thead>
642
                            <tbody>
643
                            <tr>
644
                                <th colspan="3">Overall
645
                                    <button class="btn btn-sm btn-primary pull-right" id="btnShow15"
646
                                            style="padding: 2px 4px;">Show 15-29
647
                                    </button>
648
                                </th>
649
                            </tr>
35316 ranu 650
 
35335 ranu 651
                            <tr>
652
                                <td>Pending</td>
653
                                <td id="total-pending-count"
654
                                    class="state-wise-loan"
655
                                    data-fromdays=""
656
                                    data-todays=""
657
                                    data-statename=""
658
                                    data-type="TOTAL_LOAN"
659
                                    data-toggle="modal"
660
                                    data-target="#loanSummaryModal"></td>
661
                                <td id="total-pending-value"></td>
662
                            </tr>
35316 ranu 663
 
35335 ranu 664
                            <tr>
665
                                <td>Default</td>
666
                                <td id="total-default-count"
667
                                    class="state-wise-loan"
668
                                    data-fromdays=""
669
                                    data-todays=""
670
                                    data-statename=""
671
                                    data-type="DEFAULT_LOAN"
672
                                    data-toggle="modal"
673
                                    data-target="#loanSummaryModal"></td>
674
                                <td id="total-default-value"></td>
675
                            </tr>
676
 
677
                            <tr>
678
                                <td>Due</td>
679
                                <td id="total-due-count"
680
                                    class="state-wise-loan"
681
                                    data-fromdays=""
682
                                    data-todays=""
683
                                    data-statename=""
684
                                    data-type="DUE_LOAN"
685
                                    data-toggle="modal"
686
                                    data-target="#loanSummaryModal"></td>
687
                                <td id="total-due-value"></td>
688
                            </tr>
689
 
690
                            </tbody>
691
                        </table>
692
                    </div>
693
 
694
                    <!-- ================= 15–29 DAYS ================= -->
695
                    <div id="days15View">
696
                        <table class="table table-striped table-hover loan-summary-table">
697
                            <thead>
698
                            <tr>
699
                                <th>Category</th>
700
                                <th>Count</th>
701
                                <th>Value</th>
702
                            </tr>
703
                            </thead>
704
 
705
                            <tbody>
706
                            <tr>
707
                                <th colspan="3">15-29 days
708
                                    <button class="btn btn-sm btn-primary pull-right" id="btnShowOverall"
709
                                            style="padding: 2px 4px;">Show Overall
710
                                    </button>
711
                                </th>
712
                            </tr>
713
 
714
                            <tr>
715
                                <td>Pending</td>
716
                                <td id="days15-pending-count"
717
                                    class="state-wise-loan"
718
                                    data-fromdays="15"
719
                                    data-todays="29"
720
                                    data-statename=""
721
                                    data-type="TOTAL_LOAN"
722
                                    data-toggle="modal"
723
                                    data-target="#loanSummaryModal"></td>
724
                                <td id="days15-pending-value"></td>
725
                            </tr>
726
 
727
                            <tr>
728
                                <td>Default</td>
729
                                <td id="days15-default-count"
730
                                    class="state-wise-loan"
731
                                    data-fromdays="15"
732
                                    data-todays="29"
733
                                    data-statename=""
734
                                    data-type="DEFAULT_LOAN"
735
                                    data-toggle="modal"
736
                                    data-target="#loanSummaryModal"></td>
737
                                <td id="days15-default-value"></td>
738
                            </tr>
739
 
740
                            <tr>
741
                                <td>Due</td>
742
                                <td id="days15-due-count"
743
                                    class="state-wise-loan"
744
                                    data-fromdays="15"
745
                                    data-todays="29"
746
                                    data-statename=""
747
                                    data-type="DUE_LOAN"
748
                                    data-toggle="modal"
749
                                    data-target="#loanSummaryModal"></td>
750
                                <td id="days15-due-value"></td>
751
                            </tr>
752
 
753
                            </tbody>
754
                        </table>
755
                    </div>
35316 ranu 756
                </div>
35335 ranu 757
 
758
 
759
                <!-- ================= 30–59 DAYS ================= -->
35316 ranu 760
                <div class="col-lg-3">
761
                    <table class="table table-striped table-hover loan-summary-table">
762
                        <thead>
763
                        <tr>
764
                            <th>Category</th>
35335 ranu 765
                            <th>Count</th>
766
                            <th>Value</th>
35316 ranu 767
                        </tr>
768
                        </thead>
769
 
770
                        <tbody>
771
                        <tr>
35335 ranu 772
                            <th colspan="3">30-59 days</th>
35316 ranu 773
                        </tr>
35335 ranu 774
 
35316 ranu 775
                        <tr>
776
                            <td>Pending</td>
35335 ranu 777
                            <td id="days30-pending-count"
778
                                class="state-wise-loan"
779
                                data-fromdays="30"
780
                                data-todays="59"
781
                                data-statename=""
782
                                data-type="TOTAL_LOAN"
783
                                data-toggle="modal"
35320 ranu 784
                                data-target="#loanSummaryModal"></td>
35316 ranu 785
                            <td id="days30-pending-value"></td>
786
                        </tr>
35335 ranu 787
 
35316 ranu 788
                        <tr>
789
                            <td>Default</td>
35335 ranu 790
                            <td id="days30-default-count"
791
                                class="state-wise-loan"
792
                                data-fromdays="30"
793
                                data-todays="59"
794
                                data-statename=""
795
                                data-type="DEFAULT_LOAN"
796
                                data-toggle="modal"
35320 ranu 797
                                data-target="#loanSummaryModal"></td>
35316 ranu 798
                            <td id="days30-default-value"></td>
799
                        </tr>
35335 ranu 800
 
35316 ranu 801
                        <tr>
802
                            <td>Due</td>
35335 ranu 803
                            <td id="days30-due-count"
804
                                class="state-wise-loan"
805
                                data-fromdays="30"
806
                                data-todays="59"
807
                                data-statename=""
808
                                data-type="DUE_LOAN"
809
                                data-toggle="modal"
35320 ranu 810
                                data-target="#loanSummaryModal"></td>
35316 ranu 811
                            <td id="days30-due-value"></td>
812
                        </tr>
35335 ranu 813
 
35316 ranu 814
                        </tbody>
815
                    </table>
816
                </div>
35335 ranu 817
 
818
                <!-- ================= 60–179 DAYS ================= -->
35316 ranu 819
                <div class="col-lg-3">
820
                    <table class="table table-striped table-hover loan-summary-table">
821
                        <thead>
822
                        <tr>
823
                            <th>Category</th>
35335 ranu 824
                            <th>Count</th>
825
                            <th>Value</th>
35316 ranu 826
                        </tr>
827
                        </thead>
828
 
829
                        <tbody>
830
                        <tr>
35335 ranu 831
                            <th colspan="3">60-179 days</th>
35316 ranu 832
                        </tr>
35335 ranu 833
 
35316 ranu 834
                        <tr>
835
                            <td>Pending</td>
35335 ranu 836
                            <td id="days60-pending-count"
837
                                class="state-wise-loan"
838
                                data-fromdays="60"
839
                                data-todays="179"
840
                                data-statename=""
841
                                data-type="TOTAL_LOAN"
842
                                data-toggle="modal"
35320 ranu 843
                                data-target="#loanSummaryModal"></td>
35316 ranu 844
                            <td id="days60-pending-value"></td>
845
                        </tr>
35335 ranu 846
 
35316 ranu 847
                        <tr>
848
                            <td>Default</td>
35335 ranu 849
                            <td id="days60-default-count"
850
                                class="state-wise-loan"
851
                                data-fromdays="60"
852
                                data-todays="179"
853
                                data-statename=""
854
                                data-type="DEFAULT_LOAN"
855
                                data-toggle="modal"
35320 ranu 856
                                data-target="#loanSummaryModal"></td>
35316 ranu 857
                            <td id="days60-default-value"></td>
858
                        </tr>
35335 ranu 859
 
35316 ranu 860
                        <tr>
861
                            <td>Due</td>
35335 ranu 862
                            <td id="days60-due-count"
863
                                class="state-wise-loan"
864
                                data-fromdays="60"
865
                                data-todays="179"
866
                                data-statename=""
867
                                data-type="DUE_LOAN"
868
                                data-toggle="modal"
35320 ranu 869
                                data-target="#loanSummaryModal"></td>
35316 ranu 870
                            <td id="days60-due-value"></td>
871
                        </tr>
35335 ranu 872
 
35316 ranu 873
                        </tbody>
874
                    </table>
875
                </div>
35335 ranu 876
 
877
                <!-- ================= 180+ DAYS ================= -->
35316 ranu 878
                <div class="col-lg-3">
879
                    <table class="table table-striped table-hover loan-summary-table">
880
                        <thead>
881
                        <tr>
882
                            <th>Category</th>
35335 ranu 883
                            <th>Count</th>
884
                            <th>Value</th>
35316 ranu 885
                        </tr>
886
                        </thead>
887
 
888
                        <tbody>
889
                        <tr>
35335 ranu 890
                            <th colspan="3">Above 180 days</th>
35316 ranu 891
                        </tr>
35335 ranu 892
 
35316 ranu 893
                        <tr>
894
                            <td>Pending</td>
35335 ranu 895
                            <td id="days180-pending-count"
896
                                class="state-wise-loan"
897
                                data-fromdays="180"
898
                                data-todays=""
899
                                data-statename=""
900
                                data-type="TOTAL_LOAN"
901
                                data-toggle="modal"
35320 ranu 902
                                data-target="#loanSummaryModal"></td>
35316 ranu 903
                            <td id="days180-pending-value"></td>
904
                        </tr>
35335 ranu 905
 
35316 ranu 906
                        <tr>
907
                            <td>Default</td>
35335 ranu 908
                            <td id="days180-default-count"
909
                                class="state-wise-loan"
910
                                data-fromdays="180"
911
                                data-todays=""
912
                                data-statename=""
913
                                data-type="DEFAULT_LOAN"
914
                                data-toggle="modal"
35320 ranu 915
                                data-target="#loanSummaryModal"></td>
35316 ranu 916
                            <td id="days180-default-value"></td>
917
                        </tr>
35335 ranu 918
 
35316 ranu 919
                        <tr>
920
                            <td>Due</td>
35335 ranu 921
                            <td id="days180-due-count"
922
                                class="state-wise-loan"
923
                                data-fromdays="180"
924
                                data-todays=""
925
                                data-statename=""
926
                                data-type="DUE_LOAN"
927
                                data-toggle="modal"
35320 ranu 928
                                data-target="#loanSummaryModal"></td>
35316 ranu 929
                            <td id="days180-due-value"></td>
930
                        </tr>
931
 
932
                        </tbody>
933
                    </table>
934
                </div>
35335 ranu 935
 
30017 amit.gupta 936
            </div>
937
            #if($authUserTicketCount)
938
                <div class="row">
939
                    <div class="col-lg-6">
28451 tejbeer 940
 
941
 
30017 amit.gupta 942
                        <div class="row col-lg-4">
943
                            <h3 style="margin-top: -2px; margin-bottom: 24px">
944
                                <strong>Reports</strong>
945
                            </h3>
946
                        </div>
947
                        <div class="row col-lg-12 info-box white-bg">
948
                            <table class="table table-striped reports-table"
949
                                   style="display: none">
950
                                <tbody>
951
                                <div class="list-group">
952
                                    #foreach($reporticoProjectEntry in
953
                                        $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
954
                                        $reporticoProjectEntry.getValue()) <a
955
                                            href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
956
                                            class="list-group-item"
957
                                        #if($reporticoUrlInfo.getParamsList())
958
                                            data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
959
                                        #end>
960
                                        <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
961
                                        <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
962
                                    </a> #end #end
963
                                </div>
964
                                </tbody>
965
                            </table>
28461 tejbeer 966
 
30017 amit.gupta 967
                        </div>
968
                    </div>
969
                    <div class="col-lg-6">
28451 tejbeer 970
 
971
 
30017 amit.gupta 972
                        <div class="row col-lg-12 info-box white-bg">
973
                            <div class="col-lg-4">
974
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
975
                                    <strong>My Messages</strong>
976
                                </h3>
977
                            </div>
978
                            <div class="col-lg-4">
979
                                <div class="btn-group message-filter">
980
                                    <button data-messagetype="notification" type="button"
981
                                            class="btn btn-default" aria-label="Notifications"
982
                                            title="Notifications">
983
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
984
                                    </button>
985
                                    <button data-messagetype="announcement" type="button"
986
                                            class="btn btn-default" aria-label="Announcements"
987
                                            title="Announcements">
988
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
989
                                    </button>
990
                                    <button data-messagetype="scheme" type="button"
991
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
992
                                            title="SmartDukaan Schemes">
993
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
994
                                    </button>
995
                                    <button data-messagetype="marketing" type="button"
996
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
997
                                            title="SmartDukaan Schemes">
998
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
999
                                    </button>
1000
                                </div>
1001
                            </div>
1002
                            <div class="col-lg-12 row notification-container"
1003
                                 style="max-height: 500px; overflow-y: scroll;"></div>
1004
                        </div>
1005
                    </div>
28461 tejbeer 1006
 
30017 amit.gupta 1007
                </div>
28461 tejbeer 1008
 
1009
 
30017 amit.gupta 1010
            #end #if(!$authUserTicketCount)
28461 tejbeer 1011
 
30017 amit.gupta 1012
            <div class="row">
1013
                <div class="col-lg-6">
1014
                    <div class="row col-lg-4">
1015
                        <h3 style="margin-top: -2px; margin-bottom: 24px">
1016
                            <strong>Reports</strong>
1017
                        </h3>
1018
                    </div>
1019
                    <div class="row col-lg-12 info-box white-bg">
1020
                        <table class="table table-striped reports-table"
1021
                               style="display: none">
1022
                            <tbody>
1023
                            <div class="list-group">
1024
                                #foreach($reporticoProjectEntry in
1025
                                    $reporticoProjectMap.entrySet()) #foreach($reporticoUrlInfo in
1026
                                    $reporticoProjectEntry.getValue()) <a
1027
                                        href="${rc.contextPath}/reports/${reporticoProjectEntry.getKey()}${reporticoUrlInfo.getUrl()}"
1028
                                        class="list-group-item"
1029
                                    #if($reporticoUrlInfo.getParamsList())
1030
                                        data-paramslist="$vmUtils.htmlJson($reporticoUrlInfo.getParamsList())"
1031
                                    #end>
1032
                                    <h4 class="list-group-item-heading">$reporticoUrlInfo.getTitle()</h4>
1033
                                    <p class="list-group-item-text">$reporticoUrlInfo.getDescription()</p>
1034
                                </a> #end #end
1035
                            </div>
1036
                            </tbody>
1037
                        </table>
28461 tejbeer 1038
 
30017 amit.gupta 1039
                    </div>
28461 tejbeer 1040
 
30017 amit.gupta 1041
                </div>
1042
                <div class="col-lg-6">
1043
                    <div class="col-lg-12">
1044
                        <div class="row col-lg-12 info-box white-bg">
1045
                            <div class="col-lg-4">
1046
                                <h3 style="margin-top: -2px; margin-bottom: 24px">
1047
                                    <strong>My Messages</strong>
1048
                                </h3>
1049
                            </div>
1050
                            <div class="col-lg-4">
1051
                                <div class="btn-group message-filter">
1052
                                    <button data-messagetype="notification" type="button"
1053
                                            class="btn btn-default" aria-label="Notifications"
1054
                                            title="Notifications">
1055
                                        <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
1056
                                    </button>
1057
                                    <button data-messagetype="announcement" type="button"
1058
                                            class="btn btn-default" aria-label="Announcements"
1059
                                            title="Announcements">
1060
                                        <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
1061
                                    </button>
1062
                                    <button data-messagetype="scheme" type="button"
1063
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
1064
                                            title="SmartDukaan Schemes">
1065
                                        <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
1066
                                    </button>
1067
                                    <button data-messagetype="marketing" type="button"
1068
                                            class="btn btn-default" aria-label="SmartDukaan Schemes"
1069
                                            title="SmartDukaan Schemes">
1070
                                        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
1071
                                    </button>
1072
                                </div>
1073
                            </div>
1074
                            <div class="col-lg-12 row notification-container"
1075
                                 style="max-height: 500px; overflow-y: scroll;"></div>
1076
                        </div>
1077
                    </div>
1078
                </div>
1079
            </div>
28461 tejbeer 1080
 
30017 amit.gupta 1081
        #end
1082
        </section>
1083
        <div class="text-center">
1084
            <div class="credits">
1085
                <p>All rights reserved.&copy;2017, Smart Dukaan</p>
1086
            </div>
1087
        </div>
1088
    </section>
26010 amit.gupta 1089
 
30017 amit.gupta 1090
    <script type="text/javascript">
1091
        context = "${rc.contextPath}";
1092
        webApiScheme = "$webApiScheme";
1093
        webApiRoot = "$webApiRoot";
1094
        webApiHost = "$webApiHost";
1095
        webApiPort = "$webApiPort";
1096
            #if($authId)
1097
            retailers = $retailers;
1098
            warehouses = $warehouses;
1099
            authId = $authId;
1100
            #end
28451 tejbeer 1101
 
26010 amit.gupta 1102
 
30017 amit.gupta 1103
    </script>
1104
    #parse("include-scripts.vm")
28451 tejbeer 1105
 
30017 amit.gupta 1106
    <script>
26010 amit.gupta 1107
 
30017 amit.gupta 1108
        //knob
1109
        $(function () {
1110
            /*$(".knob").knob({
1111
              'draw' : function () {
1112
                $(this.i).val(this.cv + '%')
1113
              }
1114
            });*/
1115
            $.fn.dataTable.moment('DD/MM/YYYY');
1116
            $.fn.dataTable.moment('DD/MM/YYYY hh:mm');
1117
            $('.currency').each(function (index, ele) {
1118
                if (!isNaN(parseInt($(ele).html()))) {
1119
                    $(ele).html(numberToComma($(ele).html()));
1120
                }
1121
            });
1122
        });
28461 tejbeer 1123
 
30017 amit.gupta 1124
        $(function () {
1125
            var profile = localStorage.getItem('profile');
1126
            if (profile) {
1127
                $("#photo").attr("src", JSON.parse(profile).image_url);
1128
                $("#fofo_name").text(JSON.parse(profile).name);
1129
            } else {
1130
                $("#photo").attr("src", "");
1131
                $("#fofo_name").text("Welcome, User");
1132
            }
1133
        });
28461 tejbeer 1134
 
1135
 
30017 amit.gupta 1136
        $(function () {
1137
            loaderDialogObj = bootbox.dialog({
1138
                message: '<div class="container text-center"><i class="fa fa-spin fa-spinner"></i>Loading...</div>',
1139
                show: false
1140
            });
1141
        });
29137 manish 1142
 
30017 amit.gupta 1143
        $(document).ready(function () {
29137 manish 1144
 
30017 amit.gupta 1145
            $(".clickshwograph").click();
29137 manish 1146
 
30017 amit.gupta 1147
            $(".mobile_based").click();
29137 manish 1148
 
30017 amit.gupta 1149
            $('div.message-filter').on('click', 'button', function () {
1150
                messageType = $(this).data("messagetype");
1151
                if ($(this).hasClass('btn-pressed')) {
1152
                    messageType = "";
1153
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1154
                } else {
1155
                    $('div.message-filter').find('button').removeClass('btn-pressed').addClass('btn-default');
1156
                    $(this).addClass('btn-pressed').removeClass('btn-default');
1157
                }
1158
                notifyTypeChange(messageType);
1159
            });
1160
            notifyTypeChange("");
1161
        });
28451 tejbeer 1162
 
30017 amit.gupta 1163
 
1164
        $(document).on("click", ".mobile_based",
1165
                function () {
1166
 
1167
                    $(".ba").css("color", "blue");
1168
                    $(".ba").css("background-color", "white");
1169
                    $(".la").css("color", "white");
1170
                    $(".la").css("background-color", "#C0C0C0");
1171
                    $(".as").css("color", "white");
1172
                    $(".as").css("background-color", "#C0C0C0");
1173
 
1174
                    $(".au").css("color", "white");
1175
                    $(".au").css("background-color", "#C0C0C0");
1176
 
1177
                    doGetAjaxRequestHandler(context + "/getMobileBrandWise", function (response) {
1178
                        $('.reportContainer').html(response);
1179
                    });
1180
                });
1181
 
1182
        $(document).on("click", ".accessories_based",
1183
                function () {
1184
 
1185
                    $(".ba").css("color", "white");
1186
                    $(".ba").css("background-color", "#C0C0C0");
1187
                    $(".la").css("color", "blue");
1188
                    $(".la").css("background-color", "white");
1189
                    $(".as").css("color", "white");
1190
                    $(".as").css("background-color", "#C0C0C0");
1191
 
1192
                    $(".au").css("color", "white");
1193
                    $(".au").css("background-color", "#C0C0C0");
1194
                    doGetAjaxRequestHandler(context + "/getAccessoriesBrandWise", function (response) {
1195
                        $('.reportContainer').html(response);
1196
                    });
1197
                });
1198
 
1199
 
1200
        $(document).on("click", ".activation_summary",
1201
                function () {
1202
 
1203
                    $(".as").css("color", "blue");
1204
                    $(".as").css("background-color", "white");
1205
                    $(".ba").css("color", "white");
1206
                    $(".ba").css("background-color", "#C0C0C0");
1207
                    $(".la").css("color", "white");
1208
                    $(".la").css("background-color", "#C0C0C0");
1209
 
1210
                    $(".au").css("color", "white");
1211
                    $(".au").css("background-color", "#C0C0C0");
1212
                    doGetAjaxRequestHandler(context + "/getActivatedModelByBrand", function (response) {
1213
                        $('.reportContainer').html(response);
1214
                    });
1215
                });
1216
 
1217
 
1218
        $(document).on("click", ".activation_updation",
1219
                function () {
1220
 
1221
                    $(".as").css("color", "white");
1222
                    $(".as").css("background-color", "#C0C0C0");
1223
                    $(".au").css("color", "blue");
1224
                    $(".au").css("background-color", "white");
1225
                    $(".ba").css("color", "white");
1226
                    $(".ba").css("background-color", "#C0C0C0");
1227
 
1228
                    $(".la").css("color", "white");
1229
                    $(".la").css("background-color", "#C0C0C0");
1230
                    doGetAjaxRequestHandler(context + "/getActivatedImeiUpdationDate", function (response) {
1231
                        $('.reportContainer').html(response);
1232
                    });
1233
                });
1234
 
1235
 
31273 tejbeer 1236
        doGetAjaxRequestHandler(context + "/getSaleCountByMilestone", function (response) {
31259 tejbeer 1237
            $('.saleMilestoneContainer').html(response);
1238
        });
33087 amit.gupta 1239
 
1240
        doGetAjaxRequestHandler(context + "/getPurchaseCountByMileStone", function (response) {
31273 tejbeer 1241
            $('.purchaseMilestoneContainer').html(response);
1242
        });
33087 amit.gupta 1243
        doGetAjaxRequestHandler(context + "/getMobileLMSFilter", function (response) {
30601 amit.gupta 1244
            $('.chartfilterlmsContainer').html(response);
1245
        });
30017 amit.gupta 1246
 
1247
 
32197 jai.hind 1248
        $('.loan-summary-table').on('click', '.loan', function () {
1249
            console.log($(this));
1250
            let loanSummaryType = $(this).data("type");
1251
            doGetAjaxRequestHandler(`${context}/getPartnerWiseLoanSummary?loanSummaryType=${loanSummaryType}`, function (response) {
1252
                $('#loanSummaryModal .modal-content').html(response);
1253
            });
1254
        });
1255
 
30601 amit.gupta 1256
        $(document).on('click', ".brand_month_sales", function () {
1257
            $(".bms").css("color", "blue");
1258
            $(".bms").css("background-color", "white");
1259
            $(".bmp").css("color", "white");
1260
            $(".bmp").css("background-color", "#C0C0C0");
1261
            var warehouseId = $('#warehouseMap').val();
1262
            var filterType = $('#monthDateFilter').val();
30017 amit.gupta 1263
 
30601 amit.gupta 1264
            var fofoIds = $('#fofo-users').val();
34973 aman 1265
            if (typeof fofoIds === 'string') {
1266
                fofoIds = fofoIds.split(',').map(id => parseInt(id.trim()));
1267
            }
1268
            const data = {
1269
                warehouseId: warehouseId,
1270
                date: getDatesFromPicker($('input[name="dateRange"]')).startDate,
1271
                endDate: getDatesFromPicker($('input[name="dateRange"]')).endDate,
1272
                fofoIds: fofoIds,
1273
                filterType: filterType
1274
            };
30017 amit.gupta 1275
 
34973 aman 1276
            doPostAjaxRequestWithJsonHandler(context + "/getMobileLMSGraph", JSON.stringify(data), function (response) {
30601 amit.gupta 1277
                $('.chartLmsContainer').html(response);
1278
            });
1279
        });
30017 amit.gupta 1280
 
1281
        $('#fofo-users').multiselect({
1282
            includeSelectAllOption: true,
1283
            multiple: true,
1284
            maxHeight: 200,
1285
            buttonWidth: '180px',
1286
            numberDisplayed: 1,
1287
            nonSelectedText: 'Users',
1288
            nSelectedText: ' - Users Selected',
1289
            allSelectedText: 'All Users Selected',
1290
            enableFiltering: true,
1291
            enableCaseInsensitiveFiltering: true
1292
        });
1293
 
33087 amit.gupta 1294
        function changelanguage(val) {
1295
            console.log(val);
1296
            document.documentElement.setAttribute('lang', val)
1297
            var url = window.location.host;
1298
            alert(url);
1299
            //var path = window.location.path;
1300
            alert(path);
1301
            //window.location.href =url+"/dashboard?lang="+val;
1302
            window.open(url + "/dashboard?lang=" + val, "_self");
32771 raveendra. 1303
        }
1304
 
30017 amit.gupta 1305
    </script>
35316 ranu 1306
 
1307
    <script>
1308
        var stateLoanData = {
1309
            #foreach($entry in $stateWiseLoanSummaryMap.entrySet())
1310
                "$entry.key": {
1311
 
35335 ranu 1312
                    // ------------------- Main Summary -------------------
35316 ranu 1313
                    pendingLoans: {
1314
                        partnerCount: $entry.value.pendingLoansLoanAggregation.partnerCount,
1315
                        totalValue: $entry.value.pendingLoansLoanAggregation.totalValue
1316
                    },
1317
                    defaultLoans: {
1318
                        partnerCount: $entry.value.defaultLoansAggregation.partnerCount,
1319
                        totalValue: $entry.value.defaultLoansAggregation.totalValue
1320
                    },
1321
                    dueLoans: {
1322
                        partnerCount: $entry.value.dueLoansAggregation.partnerCount,
1323
                        totalValue: $entry.value.dueLoansAggregation.totalValue
1324
                    },
1325
 
35335 ranu 1326
                    // ------------------ 15–29 Days -------------------
1327
                    range15to29: {
35316 ranu 1328
                        pending: {
35335 ranu 1329
                            partnerCount: $entry.value.range15to29.pending.partnerCount,
1330
                            totalValue: $entry.value.range15to29.pending.totalValue
35316 ranu 1331
                        },
1332
                        defaults: {
35335 ranu 1333
                            partnerCount: $entry.value.range15to29.defaults.partnerCount,
1334
                            totalValue: $entry.value.range15to29.defaults.totalValue
35316 ranu 1335
                        },
1336
                        dues: {
35335 ranu 1337
                            partnerCount: $entry.value.range15to29.dues.partnerCount,
1338
                            totalValue: $entry.value.range15to29.dues.totalValue
35316 ranu 1339
                        }
1340
                    },
1341
 
35335 ranu 1342
                    // ------------------ 30–59 Days -------------------
1343
                    range30to59: {
35316 ranu 1344
                        pending: {
35335 ranu 1345
                            partnerCount: $entry.value.range30to59.pending.partnerCount,
1346
                            totalValue: $entry.value.range30to59.pending.totalValue
35316 ranu 1347
                        },
1348
                        defaults: {
35335 ranu 1349
                            partnerCount: $entry.value.range30to59.defaults.partnerCount,
1350
                            totalValue: $entry.value.range30to59.defaults.totalValue
35316 ranu 1351
                        },
1352
                        dues: {
35335 ranu 1353
                            partnerCount: $entry.value.range30to59.dues.partnerCount,
1354
                            totalValue: $entry.value.range30to59.dues.totalValue
35316 ranu 1355
                        }
1356
                    },
1357
 
35335 ranu 1358
                    // ------------------ 60–179 Days -------------------
1359
                    range60to179: {
35316 ranu 1360
                        pending: {
35335 ranu 1361
                            partnerCount: $entry.value.range60to179.pending.partnerCount,
1362
                            totalValue: $entry.value.range60to179.pending.totalValue
35316 ranu 1363
                        },
1364
                        defaults: {
35335 ranu 1365
                            partnerCount: $entry.value.range60to179.defaults.partnerCount,
1366
                            totalValue: $entry.value.range60to179.defaults.totalValue
35316 ranu 1367
                        },
1368
                        dues: {
35335 ranu 1369
                            partnerCount: $entry.value.range60to179.dues.partnerCount,
1370
                            totalValue: $entry.value.range60to179.dues.totalValue
35316 ranu 1371
                        }
35335 ranu 1372
                    },
1373
 
1374
                    // ------------------ 180+ Days -------------------
1375
                    range180Plus: {
1376
                        pending: {
1377
                            partnerCount: $entry.value.range180Plus.pending.partnerCount,
1378
                            totalValue: $entry.value.range180Plus.pending.totalValue
1379
                        },
1380
                        defaults: {
1381
                            partnerCount: $entry.value.range180Plus.defaults.partnerCount,
1382
                            totalValue: $entry.value.range180Plus.defaults.totalValue
1383
                        },
1384
                        dues: {
1385
                            partnerCount: $entry.value.range180Plus.dues.partnerCount,
1386
                            totalValue: $entry.value.range180Plus.dues.totalValue
1387
                        }
35316 ranu 1388
                    }
1389
 
1390
                }#if($foreach.hasNext),#end
1391
            #end
1392
        };
1393
 
1394
        $(document).ready(function () {
1395
 
1396
            var defaultState = "Delhi";
1397
 
1398
            setTimeout(function () {
1399
                if (stateLoanData[defaultState]) {
1400
                    $("#stateDropdown").val(defaultState);
1401
                    $("#stateDropdown").trigger("change");
1402
                }
1403
            }, 100);
1404
 
1405
            $("#stateDropdown").on("change", function () {
1406
 
1407
                var selectedState = $(this).val();
1408
 
1409
                if (!selectedState) {
1410
                    $("td[id]").text("");
1411
                    return;
1412
                }
1413
 
1414
                var data = stateLoanData[selectedState];
1415
 
35320 ranu 1416
                $(".state-wise-loan").attr("data-statename", selectedState);
1417
 
35335 ranu 1418
                // ---------------- Main Summary ----------------
35316 ranu 1419
                $("#total-pending-count").text(data.pendingLoans.partnerCount);
1420
                $("#total-pending-value").text(Number(data.pendingLoans.totalValue).toFixed(2));
1421
 
1422
                $("#total-default-count").text(data.defaultLoans.partnerCount);
1423
                $("#total-default-value").text(Number(data.defaultLoans.totalValue).toFixed(2));
1424
 
1425
                $("#total-due-count").text(data.dueLoans.partnerCount);
1426
                $("#total-due-value").text(Number(data.dueLoans.totalValue).toFixed(2));
1427
 
35335 ranu 1428
                // ---------------- 15–29 Days ----------------
1429
                $("#days15-pending-count").text(data.range15to29.pending.partnerCount);
1430
                $("#days15-pending-value").text(Number(data.range15to29.pending.totalValue).toFixed(2));
35316 ranu 1431
 
35335 ranu 1432
                $("#days15-default-count").text(data.range15to29.defaults.partnerCount);
1433
                $("#days15-default-value").text(Number(data.range15to29.defaults.totalValue).toFixed(2));
35316 ranu 1434
 
35335 ranu 1435
                $("#days15-due-count").text(data.range15to29.dues.partnerCount);
1436
                $("#days15-due-value").text(Number(data.range15to29.dues.totalValue).toFixed(2));
35316 ranu 1437
 
35335 ranu 1438
                // ---------------- 30–59 Days ----------------
1439
                $("#days30-pending-count").text(data.range30to59.pending.partnerCount);
1440
                $("#days30-pending-value").text(Number(data.range30to59.pending.totalValue).toFixed(2));
35316 ranu 1441
 
35335 ranu 1442
                $("#days30-default-count").text(data.range30to59.defaults.partnerCount);
1443
                $("#days30-default-value").text(Number(data.range30to59.defaults.totalValue).toFixed(2));
35316 ranu 1444
 
35335 ranu 1445
                $("#days30-due-count").text(data.range30to59.dues.partnerCount);
1446
                $("#days30-due-value").text(Number(data.range30to59.dues.totalValue).toFixed(2));
35316 ranu 1447
 
35335 ranu 1448
                // ---------------- 60–179 Days ----------------
1449
                $("#days60-pending-count").text(data.range60to179.pending.partnerCount);
1450
                $("#days60-pending-value").text(Number(data.range60to179.pending.totalValue).toFixed(2));
35316 ranu 1451
 
35335 ranu 1452
                $("#days60-default-count").text(data.range60to179.defaults.partnerCount);
1453
                $("#days60-default-value").text(Number(data.range60to179.defaults.totalValue).toFixed(2));
35316 ranu 1454
 
35335 ranu 1455
                $("#days60-due-count").text(data.range60to179.dues.partnerCount);
1456
                $("#days60-due-value").text(Number(data.range60to179.dues.totalValue).toFixed(2));
1457
 
1458
                // ---------------- 180+ Days ----------------
1459
                $("#days180-pending-count").text(data.range180Plus.pending.partnerCount);
1460
                $("#days180-pending-value").text(Number(data.range180Plus.pending.totalValue).toFixed(2));
1461
 
1462
                $("#days180-default-count").text(data.range180Plus.defaults.partnerCount);
1463
                $("#days180-default-value").text(Number(data.range180Plus.defaults.totalValue).toFixed(2));
1464
 
1465
                $("#days180-due-count").text(data.range180Plus.dues.partnerCount);
1466
                $("#days180-due-value").text(Number(data.range180Plus.dues.totalValue).toFixed(2));
1467
 
35316 ranu 1468
            });
1469
 
1470
        });
1471
 
1472
 
35320 ranu 1473
        $('.loan-summary-table').on('click', '.state-wise-loan', function () {
1474
            console.log($(this));
1475
            let loanSummaryType = $(this).data("type");
35324 ranu 1476
            let stateName = $("#stateDropdown").val();
35335 ranu 1477
            let fromDays = $(this).data("fromdays");
1478
            let toDays = $(this).data("todays");
1479
            doGetAjaxRequestHandler(`${context}/getPartnerStateWiseLoanSummary?loanSummaryType=${loanSummaryType}&stateName=${stateName}&fromDays=${fromDays}&toDays=${toDays}`, function (response) {
35320 ranu 1480
                $('#loanSummaryModal .modal-content').html(response);
1481
            });
1482
        });
35335 ranu 1483
        // Show 15–29 days view
1484
        $("#btnShow15").click(function () {
1485
            $("#overallSummaryView").hide();
1486
            $("#days15View").show();
1487
        });
35320 ranu 1488
 
35335 ranu 1489
        // Show overall view
1490
        $("#btnShowOverall").click(function () {
1491
            $("#days15View").hide();
1492
            $("#overallSummaryView").show();
1493
        });
35320 ranu 1494
 
35335 ranu 1495
 
35316 ranu 1496
    </script>
1497
 
30017 amit.gupta 1498
    <div id="report-modal" class="modal" role="dialog"
1499
         data-backdrop="static" data-keyboard="false">
1500
        <div class="modal-dialog">
1501
 
1502
            <!-- Modal content-->
1503
            <div class="modal-content">
1504
                <div class="modal-header">
1505
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1506
                    <h4 class="modal-title"></h4>
1507
                </div>
1508
                <div class="modal-body"></div>
1509
                <div class="modal-footer">
1510
                    <button type="button" data-dismiss="modal"
1511
                            class="btn btn-default download-report">Download
1512
                    </button>
1513
                </div>
1514
            </div>
1515
        </div>
1516
    </div>
30601 amit.gupta 1517
</section>
32197 jai.hind 1518
 
33087 amit.gupta 1519
<div id="loanSummaryModal" class="modal" role="dialog">
1520
    <div class="modal-dialog modal-lg">
1521
        <div class="modal-content"></div>
32197 jai.hind 1522
 
1523
    </div>
33087 amit.gupta 1524
</div>
28451 tejbeer 1525
</body>
33061 ranu 1526
 
1527
 
26010 amit.gupta 1528
</html>