Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
31219 amit.gupta 1
<section class="wrapper">
2
    <div class="row">
3
        <div class="col-lg-12">
4
            <h3 class="page-header"><i class="icon_document_alt"></i>Details</h3>
5
            <ol class="breadcrumb">
6
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
7
                <li><i class="icon_document_alt"></i>Partner Franchise Detail</li>
8
            </ol>
9
        </div>
10
    </div>
26418 tejbeer 11
 
12
 
31219 amit.gupta 13
    <div class="row">
26418 tejbeer 14
 
31219 amit.gupta 15
        <div class="row col-lg-4">
16
            <canvas id="chart-partnerType" style="width:auto"></canvas>
31154 tejbeer 17
        </div>
18
 
31219 amit.gupta 19
 
20
        <div class="row col-lg-6">
21
 
22
            <div class="form-group col-lg-3">
23
                <label>Exclude Partner Type</label>
24
                <select multiple class="criteria-partnertype chosen-select">
25
                    #foreach ($partnerType in $partnerTypes)
26
                        <option value="$partnerType">$partnerType</option>
27
                    #end
28
                    <option value="GREY">GREY</option>
29
 
30
                </select>
31
            </div>
32
 
33
            <div class="form-group col-lg-2" style="margin-top:20px">
34
 
35
                <input type="button" class="btn btn-default fileterRowsOnPartnerType"
36
                       value="submit">
37
            </div>
38
 
31154 tejbeer 39
        </div>
31219 amit.gupta 40
    </div>
41
 
42
 
43
    <div class="row">
44
 
45
        <div class="col-lg-12">
46
            <table id="authretailerstats" class="table table-striped table-advance table-hover" style="width:100%">
47
                <thead>
48
                <tr>
49
                    <th>Stores</th>
50
                    <th>Code</th>
51
                    <th>Category</th>
52
                    <th>Sale Target</th>
53
                    <th>Purchase Target</th>
54
                    <th>Counter Size</th>
55
                    <th>Manager</th>
56
                    <th>LMS</th>
57
                    <th>LMTD</th>
58
                    <th>MTD</th>
59
                    <th>Sale Diff</th>
60
                    <th>LM.S</th>
61
                    <th>LMTD.S</th>
62
                    <th>MTD.S</th>
63
                    <th>Unbilled Activated Stock</th>
64
                    <th>Wallet Amount</th>
65
                    <th>In Stock Invest</th>
66
                    <th>Total Invest</th>
67
                    <th>Short Invest</th>
68
                    <th>Pending Indent</th>
69
                    <th>Today Tertiary</th>
70
                    <th>Invest ok</th>
71
                    <th>Ticket</th>
72
                </tr>
73
                </thead>
74
                <tbody>
75
                    #foreach($name in $fofoIdAndallValues.keySet())
76
                    <tr>
77
                        <td>$fofoIdAndPartnerMap.get($name).getBusinessName()
78
                            ($fofoIdAndPartnerMap.get($name).getAddress().getCity())
79
                        </td>
80
                        <td>$fofoIdAndPartnerMap.get($name).getCode()</td>
81
                        <td>$fofoIdAndallValues.get($name).getPartnerType()</td>
82
                        #if($monthlyTargetMap.get($name).getSaleTarget() && $monthlyTargetMap.get($name).getSaleTarget() > 0)
83
                            <td>$monthlyTargetMap.get($name).getSaleTarget()</td>
84
                        #else
85
                            <td>-</td>
86
 
87
                        #end
88
                        #if($monthlyTargetMap.get($name).getPurchaseTarget() && $monthlyTargetMap.get($name).getPurchaseTarget() > 0)
89
                            <td>$monthlyTargetMap.get($name).getPurchaseTarget()</td>
90
                        #else
91
                            <td>-</td>
92
 
93
                        #end
94
                        <td>$fofoIdAndPartnerMap.get($name).getCounterSize()</td>
95
 
96
                        <td>$fofoIdAndallValues.get($name).getAuthUser()</td>
97
                        <td class="currency lmsSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
98
                            data-toggle="modal" data-target="#brandLMSSale">$fofoIdAndallValues.get($name).getLms()</td>
99
                        <td class="currency  lmtdSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
100
                            data-toggle="modal"
101
                            data-target="#brandLMtdSale">$fofoIdAndallValues.get($name).getLmtd()</td>
102
 
103
                        #if($fofoIdAndallValues.get($name).getMtd() <= 0 )
104
                            <td class="currency mtdSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
105
                                data-toggle="modal" data-target="#brandMtdSale"
106
                                style="color:red">$fofoIdAndallValues.get($name).getMtd()</td>
107
                        #else
108
                            <td class="currency mtdSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
109
                                data-toggle="modal"
110
                                data-target="#brandMtdSale">$fofoIdAndallValues.get($name).getMtd()</td>
111
                        #end
112
 
113
                        #if($fofoIdAndallValues.get($name).getSaleDiff() <= 0 )
114
                            <td class="currency" style="color:red">$fofoIdAndallValues.get($name).getSaleDiff()</td>
115
                        #else
116
                            <td class="currency">$fofoIdAndallValues.get($name).getSaleDiff()</td>
117
                        #end
118
 
119
                        <td class="currency lmsSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
120
                            data-toggle="modal"
121
                            data-target="#brandSecSale">$fofoIdAndallValues.get($name).getSecondarylms()</td>
122
                        <td class="currency  lmtdSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
123
                            data-toggle="modal"
124
                            data-target="#brandSecSale">$fofoIdAndallValues.get($name).getSecondarylmtd()</td>
125
                        #if($fofoIdAndallValues.get($name).getSecondarymtd() <= 0)
126
 
127
                            <td class="currency mtdSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
128
                                data-toggle="modal" data-target="#brandSecSale"
129
                                style="color:red">$fofoIdAndallValues.get($name).getSecondarymtd()</td>
130
                        #else
131
                            <td class="currency mtdSecSale" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
132
                                data-toggle="modal"
133
                                data-target="#brandSecSale">$fofoIdAndallValues.get($name).getSecondarymtd()</td>
134
                        #end
135
                        #if($fofoIdAndallValues.get($name).getInvestment().getActivatedStockAmount() > 20000)
136
                            <td class="currency" id="activatedStock"
137
                                data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal"
138
                                data-target="#activateStock"
139
                                style="color:red">$fofoIdAndallValues.get($name).getInvestment().getActivatedStockAmount()</td>
140
                        #else
141
                            <td class="currency" id="activatedStock"
142
                                data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal"
143
                                data-target="#activateStock">$fofoIdAndallValues.get($name).getInvestment().getActivatedStockAmount()</td>
144
                        #end
145
                        #if($fofoIdAndallValues.get($name).getWalletAmount() > 50000)
146
                            <td class="currency" style="color:red">$fofoIdAndallValues.get($name).getWalletAmount()</td>
147
                        #else
148
                            <td class="currency">$fofoIdAndallValues.get($name).getWalletAmount()</td>
149
                        #end
150
                        <td class="currency instock" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
151
                            data-toggle="modal"
152
                            data-target="#inStockItem">$fofoIdAndallValues.get($name).getInvestment().getInStockAmount()</td>
153
 
154
 
155
                        <td class="currency" id="investment"
156
                            data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()" data-toggle="modal"
157
                            data-target="#partnerInvestment">$fofoIdAndallValues.get($name).getInvestment().getTotalInvestment()</td>
158
 
159
                        #set($realInvestment = $fofoIdAndallValues.get($name).getInvestment().getTotalInvestment() + $fofoIdAndallValues.get($name).getInvestment().getShortInvestment() )
160
 
161
 
162
                        #set($realpercent = ($fofoIdAndallValues.get($name).getInvestment().getTotalInvestment() / $realInvestment)*100)
163
 
164
 
165
 
166
 
167
                        #if($realpercent < 75)
168
                            <td class="currency"
169
                                style="color:red">$fofoIdAndallValues.get($name).getInvestment().getShortInvestment()</td>
170
                        #else
171
                            <td class="currency">$fofoIdAndallValues.get($name).getInvestment().getShortInvestment()</td>
172
 
173
                        #end
174
                        <td class="currency" id="indent" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
175
                            data-toggle="modal"
176
                            data-target="#itemWiseIndent">$fofoIdAndallValues.get($name).getInvestment().getUnbilledAmount()</td>
177
                        <td class="tertiary" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
178
                            data-toggle="modal"
179
                            data-target="#itemWiseTertiary">$fofoIdAndallValues.get($name).getTodayTertiary()</td>
180
                        <td>$fofoIdAndallValues.get($name).getInvestment_ok()</td>
181
                        <td class="openticket" data-fofoid="$fofoIdAndPartnerMap.get($name).getPartnerId()"
182
                            data-toggle="modal"
183
                            data-target="#openTicketModel">$fofoIdAndallValues.get($name).getTicket()</td>
184
                    </tr>
185
                    #end
186
                </tbody>
187
            </table>
31154 tejbeer 188
        </div>
26418 tejbeer 189
 
31219 amit.gupta 190
 
27579 tejbeer 191
    </div>
31219 amit.gupta 192
 
193
 
194
    <div id="itemWiseTertiary" class="modal" role="dialog">
195
        <div class="modal-dialog">
196
            <div class="modal-content">
197
 
198
            </div>
199
        </div>
27586 tejbeer 200
    </div>
31219 amit.gupta 201
 
202
 
203
    <div id="itemWiseIndent" class="modal" role="dialog">
204
        <div class="modal-dialog">
205
            <div class="modal-content">
206
 
207
            </div>
208
        </div>
27640 tejbeer 209
    </div>
26418 tejbeer 210
 
31219 amit.gupta 211
    <div id="inStockItem" class="modal" role="dialog">
212
        <div class="modal-dialog">
213
            <div class="modal-content">
214
 
215
            </div>
216
        </div>
27636 tejbeer 217
    </div>
218
 
219
 
31219 amit.gupta 220
    <div id="partnerInvestment" class="modal" role="dialog">
221
        <div class="modal-dialog">
222
            <div class="modal-content">
223
 
224
            </div>
225
        </div>
27636 tejbeer 226
    </div>
31219 amit.gupta 227
 
228
 
229
    <div id="activateStock" class="modal" role="dialog">
230
        <div class="modal-dialog">
231
            <div class="modal-content">
232
 
233
            </div>
234
        </div>
27636 tejbeer 235
    </div>
31219 amit.gupta 236
 
237
    <div id="brandMtdSale" class="modal" role="dialog">
238
        <div class="modal-dialog">
239
            <div class="modal-content">
240
 
241
            </div>
242
        </div>
27637 tejbeer 243
    </div>
31219 amit.gupta 244
 
245
    <div id="brandLMtdSale" class="modal" role="dialog">
246
        <div class="modal-dialog">
247
            <div class="modal-content">
248
 
249
            </div>
250
        </div>
27660 tejbeer 251
    </div>
31219 amit.gupta 252
 
253
    <div id="brandLMSSale" class="modal" role="dialog">
254
        <div class="modal-dialog">
255
            <div class="modal-content">
256
 
257
            </div>
258
        </div>
27660 tejbeer 259
    </div>
31219 amit.gupta 260
 
261
    <div id="openTicketModel" class="modal" role="dialog">
262
        <div class="modal-dialog">
263
            <div class="modal-content">
264
 
265
            </div>
266
        </div>
267
    </div>
268
 
27893 tejbeer 269
    <div id="brandSecSale" class="modal" role="dialog">
31219 amit.gupta 270
        <div class="modal-dialog">
271
            <div class="modal-content">
272
 
273
            </div>
274
        </div>
27893 tejbeer 275
    </div>
26475 amit.gupta 276
</section>
29162 manish 277
 
31219 amit.gupta 278
<style>
279
    canvas {
29162 manish 280
        -moz-user-select: none;
281
        -webkit-user-select: none;
282
        -ms-user-select: none;
283
    }
284
</style>
285
 
26475 amit.gupta 286
<script type="text/javascript">
27549 tejbeer 287
 
288
 
31219 amit.gupta 289
    $(document).ready(function () {
27549 tejbeer 290
 
31219 amit.gupta 291
        $("select.criteria-partnertype").chosen({no_results_text: "Oops, nothing found!"});
31154 tejbeer 292
 
31219 amit.gupta 293
 
294
        var partnerTypes = $("select.criteria-partnertype").val();
295
        if (typeof partnerTypes != "undefined") {
296
            $.fn.dataTable.ext.search.push(function (settings, data, dataIndex) {
297
                var tablePartnerType = data[2];
298
                var lastMonthSale = data[7];
299
 
300
                console.log(lastMonthSale)
301
                lastMonthSale = lastMonthSale.replace(/,/g, "");
302
 
303
                console.log(lastMonthSale)
304
                if (partnerTypes.includes("GREY")) {
305
                    if (parseInt(lastMonthSale) < 200000)
306
                        return false;
307
                }
308
 
309
 
310
                if (partnerTypes.includes("BRONZE")) {
311
                    if (parseInt(lastMonthSale) > 200000)
312
                        return false;
313
                }
314
                if (!partnerTypes.includes(tablePartnerType)) {
315
                    return true;
316
                }
317
                return false;
318
            });
319
        }
320
 
321
        $('#authretailerstats thead tr').clone(true).appendTo('#authretailerstats thead');
322
        $('#authretailerstats thead tr:eq(1) th').each(function (i) {
323
            var title = $(this).text();
324
            $(this).html('<input type="text" style = "width:60%;" placeholder="Search ' + title + '" />');
325
 
326
            $('input', this).on('keyup change', function () {
327
                if (table.column(i).search() !== this.value) {
328
                    table
329
                            .column(i)
330
                            .search(this.value)
331
                            .draw();
332
                }
333
            });
334
        })
335
        var table = $('#authretailerstats').DataTable({
336
            "lengthMenu": [10, 25, 50, 75, 100, 250, 1000],
30948 tejbeer 337
            "scrollX": true,
31219 amit.gupta 338
 
339
            orderCellsTop: true,
340
            fixedHeader: true
341
        });
342
 
343
        $(document).on('click', ".fileterRowsOnPartnerType", function () {
344
            table.draw()
345
        });
346
    });
27579 tejbeer 347
</script>
348
 
349
 
350
<script type="text/javascript">
351
 
31219 amit.gupta 352
    $('#authretailerstats').on('click', '.tertiary', function () {
353
        var fofoId = $(this).data('fofoid');
27579 tejbeer 354
 
355
 
31219 amit.gupta 356
        doGetAjaxRequestHandler(context + "/getItemWiseTertiary?fofoId="
357
                + fofoId, function (response) {
27579 tejbeer 358
 
31219 amit.gupta 359
            $('#itemWiseTertiary .modal-content').html(response);
27586 tejbeer 360
 
31219 amit.gupta 361
        });
362
    });
27586 tejbeer 363
 
364
 
31219 amit.gupta 365
    $('#authretailerstats').on('click', '#indent', function () {
366
        var fofoId = $(this).data('fofoid');
27586 tejbeer 367
 
27636 tejbeer 368
 
31219 amit.gupta 369
        doGetAjaxRequestHandler(context + "/getItemWiseIndent?fofoId="
370
                + fofoId, function (response) {
27636 tejbeer 371
 
31219 amit.gupta 372
            $('#itemWiseIndent .modal-content').html(response);
27636 tejbeer 373
 
31219 amit.gupta 374
        });
375
    });
27636 tejbeer 376
 
377
 
31219 amit.gupta 378
    $('#authretailerstats').on('click', '#investment', function () {
379
        var fofoId = $(this).data('fofoid');
380
        doGetAjaxRequestHandler(context + "/getPartnerInvestment?fofoId="
381
                + fofoId, function (response) {
27636 tejbeer 382
 
31219 amit.gupta 383
            $('#partnerInvestment .modal-content').html(response);
27636 tejbeer 384
 
31219 amit.gupta 385
        });
386
    });
27636 tejbeer 387
 
31219 amit.gupta 388
    $('#authretailerstats').on('click', '#activatedStock', function () {
389
        var fofoId = $(this).data('fofoid');
390
        doGetAjaxRequestHandler(context + "/getPatnerActivateStock?fofoId="
391
                + fofoId, function (response) {
27636 tejbeer 392
 
31219 amit.gupta 393
            $('#activateStock .modal-content').html(response);
27636 tejbeer 394
 
31219 amit.gupta 395
        });
396
    });
27636 tejbeer 397
 
27637 tejbeer 398
 
31219 amit.gupta 399
    $('#authretailerstats').on('click', '.mtdSale', function () {
400
        var fofoId = $(this).data('fofoid');
401
        doGetAjaxRequestHandler(context + "/getPatnerBrandWiseMTDSale?fofoId="
402
                + fofoId, function (response) {
27637 tejbeer 403
 
31219 amit.gupta 404
            $('#brandMtdSale .modal-content').html(response);
27637 tejbeer 405
 
31219 amit.gupta 406
        });
407
    });
27640 tejbeer 408
 
31219 amit.gupta 409
    $('#authretailerstats').on('click', '.lmtdSale', function () {
410
        var fofoId = $(this).data('fofoid');
411
        doGetAjaxRequestHandler(context + "/getPatnerBrandWiseLMTDSale?fofoId="
412
                + fofoId, function (response) {
27640 tejbeer 413
 
31219 amit.gupta 414
            $('#brandLMtdSale .modal-content').html(response);
27640 tejbeer 415
 
31219 amit.gupta 416
        });
417
    });
27660 tejbeer 418
 
419
 
31219 amit.gupta 420
    $('#authretailerstats').on('click', '.instock', function () {
421
        var fofoId = $(this).data('fofoid');
422
        doGetAjaxRequestHandler(context + "/getPatnerInStock?fofoId="
423
                + fofoId, function (response) {
424
            $('#inStockItem .modal-content').html(response);
27660 tejbeer 425
 
31219 amit.gupta 426
        });
427
    });
27660 tejbeer 428
 
31219 amit.gupta 429
    $('#authretailerstats').on('click', '.lmsSale', function () {
430
        var fofoId = $(this).data('fofoid');
27893 tejbeer 431
 
31219 amit.gupta 432
        doGetAjaxRequestHandler(context + "/getPatnerBrandWiseLMSSale?fofoId="
433
                + fofoId, function (response) {
434
            $('#brandLMSSale .modal-content').html(response);
27893 tejbeer 435
 
31219 amit.gupta 436
        });
437
    });
27893 tejbeer 438
 
31219 amit.gupta 439
    $('#authretailerstats').on('click', '.lmsSecSale', function () {
440
        var fofoId = $(this).data('fofoid');
441
        $("#brand-secondary-model .modal-body").empty();
442
        doGetAjaxRequestHandler(context + "/getPartnerSecondarySale?fofoId="
443
                + fofoId + "&timeValue=lms", function (response) {
444
            $('#brandSecSale .modal-content').html(response);
27893 tejbeer 445
 
31219 amit.gupta 446
        });
447
    });
27893 tejbeer 448
 
31219 amit.gupta 449
    $('#authretailerstats').on('click', '.mtdSecSale', function () {
450
        var fofoId = $(this).data('fofoid');
451
        $("#brand-secondary-model .modal-body").empty();
452
        doGetAjaxRequestHandler(context + "/getPartnerSecondarySale?fofoId="
453
                + fofoId + "&timeValue=mtd", function (response) {
454
            $('#brandSecSale .modal-content').html(response);
27660 tejbeer 455
 
31219 amit.gupta 456
        });
457
    });
29162 manish 458
 
31219 amit.gupta 459
    $('#authretailerstats').on('click', '.lmtdSecSale', function () {
460
        var fofoId = $(this).data('fofoid');
461
        $("#brand-secondary-model .modal-body").empty();
462
        doGetAjaxRequestHandler(context + "/getPartnerSecondarySale?fofoId="
463
                + fofoId + "&timeValue=lmtd", function (response) {
464
            $('#brandSecSale .modal-content').html(response);
465
 
466
        });
467
    });
468
 
469
    $('#authretailerstats').on('click', '.openticket', function () {
470
        var fofoId = $(this).data('fofoid');
471
        doGetAjaxRequestHandler(context + "/getOpenTicketByFofoId?fofoId="
472
                + fofoId, function (response) {
473
            $('#openTicketModel .modal-content').html(response);
474
 
475
        });
476
    });
477
 
29162 manish 478
</script>
479
 
480
<script type="text/javascript">
31219 amit.gupta 481
 
482
    var config = $chartPieMap;
483
 
484
    var ctx = document.getElementById('chart-partnerType').getContext('2d');
485
    var bar = new Chart(ctx, config);
29162 manish 486
</script>
487
 
488
 
489
 
490
 
491