Subversion Repositories SmartDukaan

Rev

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

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