Subversion Repositories SmartDukaan

Rev

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