Subversion Repositories SmartDukaan

Rev

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