Subversion Repositories SmartDukaan

Rev

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