Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
25979 tejbeer 1
<script type="text/javascript">
30601 amit.gupta 2
    $(function () {
27605 tejbeer 3
 
30601 amit.gupta 4
        var object = {
5
            timePicker: true,
6
            locale: {
7
                format: 'DD/MM/YYYY hh A'
8
            }
9
        };
28200 tejbeer 10
 
30601 amit.gupta 11
        $('input[name="scheduleTime"]').daterangepicker(
12
                $.extend(getSingleDatePicker(), object));
28200 tejbeer 13
 
30601 amit.gupta 14
        $('input[name="editScheduleTime"]').daterangepicker(
15
                $.extend(getSingleDatePicker(), object));
16
    });
25979 tejbeer 17
 
30601 amit.gupta 18
    $(".lead-request").click(function () {
19
        $("#newEntryLeadModal").modal({
20
            backdrop: false
21
        });
28200 tejbeer 22
 
30601 amit.gupta 23
    });
28200 tejbeer 24
 
30601 amit.gupta 25
    $(".lead-edit-request").click(function () {
26
        $("#editLeadData").modal({
27
            backdrop: false
28
        });
28200 tejbeer 29
 
30601 amit.gupta 30
    });
28200 tejbeer 31
 
30601 amit.gupta 32
    $('#statusFilter').multiselect({
33
        includeSelectAllOption: true,
34
        multiple: true,
35
        maxHeight: 200,
36
        buttonWidth: '180px',
37
        numberDisplayed: 1,
38
        nonSelectedText: 'Status',
39
        nSelectedText: ' - Status Selected',
40
        allSelectedText: 'All Status Selected',
41
        enableFiltering: true,
42
        enableCaseInsensitiveFiltering: true
43
    });
28200 tejbeer 44
 
30601 amit.gupta 45
    $('#colorFilter').multiselect({
46
        includeSelectAllOption: true,
47
        multiple: true,
48
        maxHeight: 200,
49
        buttonWidth: '180px',
50
        numberDisplayed: 1,
51
        nonSelectedText: 'Color Status',
52
        nSelectedText: ' - Color Selected',
53
        allSelectedText: 'All Status Selected',
54
        enableFiltering: true,
55
        enableCaseInsensitiveFiltering: true
56
    });
25979 tejbeer 57
</script>
58
 
59
 
60
<section class="wrapper">
30601 amit.gupta 61
    <div class="row">
62
        <div class="col-lg-12">
63
            <h3 class="page-header">
64
                <i class="icon_document_alt"></i>LEAD DASHBOARD
65
            </h3>
66
            <ol class="breadcrumb">
67
                <li><i class="fa fa-home"></i><a
68
                        href="${rc.contextPath}/dashboard">Home</a></li>
69
                <li><i class="icon_document_alt"></i>Lead</li>
70
                <li>
71
                    <button class="btn btn-primary newLead" data-toggle="modal"
72
                            data-target="#newEntryLeadModal" type="button">New
73
                    </button>
74
                </li>
75
            </ol>
76
        </div>
77
    </div>
28200 tejbeer 78
 
30601 amit.gupta 79
    <table style="Width: 100%">
80
        <tr>
81
            <td align="left" style="Width: 20%">
82
                <div class="row">
83
                    <div class="col-lg-2 form-group" style="width: 12%;">
84
                        <select id="statusFilter" name="statusFilter" placeholder="Status"
85
                                class="form-control input-sm">
86
                            <option value="" disabled selected>Status</option> #foreach($ls
87
                        in $leadStatus) #if($ls == $selectedLeadStatus)
88
                            <option value="$ls" selected>$ls</option> #else
89
                            <option value="$ls">$ls</option> #end #end
90
                        </select>
91
                    </div>
28200 tejbeer 92
 
30601 amit.gupta 93
                    <div class="col-lg-2">
94
                        <button class="btn btn-primary show-lead" type="button"
95
                        >Submit
96
                        </button>
97
                    </div>
28200 tejbeer 98
 
30601 amit.gupta 99
                    <div class="col-lg-2">
28200 tejbeer 100
 
30601 amit.gupta 101
                        #if($leadDate)
102
                            <input type="date" id="dateWiseLead" placeholder=""
103
                                   value="$leadDate" name="">
104
                        #else
105
                            <input type="date" id="dateWiseLead" placeholder="" name="">
106
                        #end
29268 manish 107
 
30601 amit.gupta 108
                        <button type="button" class="btn btn-default submitDateWiseLead">
109
                            submit
110
                        </button>
111
                    </div>
29268 manish 112
 
113
 
30601 amit.gupta 114
                </div>
115
            </td>
116
        </tr>
29268 manish 117
 
30601 amit.gupta 118
        <tr>
119
            <td align="left" style="Width: 20%">
120
                <div class="row">
121
                    <div class="col-lg-2 form-group" style="width: 12%;">
29268 manish 122
 
30601 amit.gupta 123
                        <select id="colorFilter" name="colorFilter" placeholder="Status"
124
                                class="form-control input-sm">
125
                            <option value="" disabled selected>Status</option>
29268 manish 126
 
30601 amit.gupta 127
                            #if($colors.contains("All") && $colors.contains("yellow") && $colors.contains("green"))
28200 tejbeer 128
 
30601 amit.gupta 129
                                <option value="All" selected>All</option>
28200 tejbeer 130
 
30601 amit.gupta 131
                            #else
132
                                <option value="All">All</option>
133
                            #end
28200 tejbeer 134
 
30601 amit.gupta 135
                            #if($colors.contains("yellow")&& !$colors.contains("green"))
25979 tejbeer 136
 
30601 amit.gupta 137
                                <option value="yellow" selected>yellow</option>
28200 tejbeer 138
 
30601 amit.gupta 139
                            #else
140
                                <option value="yellow">yellow</option>
28200 tejbeer 141
 
30601 amit.gupta 142
                            #end
28200 tejbeer 143
 
30601 amit.gupta 144
                            #if($colors.contains("green") && !$colors.contains("yellow"))
145
                                <option value="green" selected>green</option>
146
                            #else
147
                                <option value="green">green</option>
148
                            #end
28200 tejbeer 149
 
150
 
30601 amit.gupta 151
                        </select>
152
                    </div>
28200 tejbeer 153
 
30601 amit.gupta 154
                    <div class="col-lg-1">
155
                        <button class="btn btn-primary show-colowise-lead" type="button"
156
                        >Submit
157
                        </button>
158
                    </div>
28200 tejbeer 159
 
30601 amit.gupta 160
                    <div class="row col-lg-5" style="width:518px;height:272px; margin-left: 650px;">
161
                        <canvas id="chart-leadstatus" style="width:auto"></canvas>
28200 tejbeer 162
 
30601 amit.gupta 163
                        <canvas id="chart-lead-search" class="" style="width:auto"></canvas>
28200 tejbeer 164
 
30601 amit.gupta 165
                    </div>
166
                </div>
167
            </td>
168
        </tr>
169
        <tr>
170
            <td align="left">
171
                <div class="row">
172
                    <div class="col-lg-10">
173
                        <table class="table table-border table-condensed table-bordered" id="lead-weakwise-table"
174
                               style="width:100%">
28200 tejbeer 175
 
30601 amit.gupta 176
                            <thead class="row htable" style="background:#F5F5F5;">
28200 tejbeer 177
 
30601 amit.gupta 178
                            <tr style="color:black;">
179
                                <th></th>
180
                                <th>Week 4</th>
181
                                <th>Week 3</th>
182
                                <th>Week 2</th>
183
                                <th colspan="7">Week</th>
184
                                <th></th>
185
                            </tr>
28200 tejbeer 186
 
30601 amit.gupta 187
                            <tr style="color:black;">
188
                                <th>Created By</th>
189
                                <th>$weekDates.get(0) - $weekDates.get(1)</th>
190
                                <th>$weekDates.get(2) - $weekDates.get(3)</th>
191
                                <th>$weekDates.get(4) - $weekDates.get(5)</th>
28200 tejbeer 192
 
30601 amit.gupta 193
                                #foreach($lwDay in $lwDays )
194
                                    <th>$lwDay.getMonth().format($dateMonthChYear)</th>
195
                                #end
28200 tejbeer 196
 
30601 amit.gupta 197
                                <th>Result</th>
198
                            </tr>
199
                            </thead>
200
                            <tbody>
201
                                #foreach($leadCreator in $leadCreators)
202
                                <tr>
28200 tejbeer 203
 
30601 amit.gupta 204
                                    <td>
205
                                        $leadCreator
206
                                    </td>
207
                                    #if($leadLasts.get($leadCreator))
208
                                        <td>
209
                                            $leadLasts.get($leadCreator)
210
                                        </td>
211
                                    #else
212
                                        <td style="background:#ff9999;"> 0
213
                                        </td>
214
                                    #end
215
                                    #if($leadThirds.get($leadCreator))
216
                                        <td>
217
                                            $leadThirds.get($leadCreator)
218
                                        </td>
219
                                    #else
220
                                        <td style="background:#ff9999;"> 0
221
                                        </td>
222
                                    #end
223
                                    #if( $leadSeconds.get($leadCreator))
224
                                        <td>
225
                                            $leadSeconds.get($leadCreator)
226
                                        </td>
227
                                    #else
228
                                        <td style="background:#ff9999;">0</td>
229
                                    #end
28200 tejbeer 230
 
231
 
30601 amit.gupta 232
                                    #foreach($lwDay in $lwDays )
28200 tejbeer 233
 
30601 amit.gupta 234
                                        #if($leadFirsts.get($leadCreator).get($lwDay.getMonth()))
235
                                            <td>
236
                                                $leadFirsts.get($leadCreator).get($lwDay.getMonth())
28200 tejbeer 237
 
30601 amit.gupta 238
                                            </td>
239
                                        #else
240
                                            <td style="background:#ff9999;">0</td>
241
                                        #end
28200 tejbeer 242
 
30601 amit.gupta 243
                                    #end
28200 tejbeer 244
 
30601 amit.gupta 245
                                    #if($leadFirsts.get($leadCreator).get($lastDate))
28200 tejbeer 246
 
30601 amit.gupta 247
                                        #if($leadFirsts.get($leadCreator).get($lastDate) >= 5)
248
                                            <td style="color:green;">Appreciate</td>
28200 tejbeer 249
 
30601 amit.gupta 250
                                        #else
28200 tejbeer 251
 
30601 amit.gupta 252
                                            <td>Meet more prospects</td>
253
                                        #end
254
                                    #else
255
                                        <td style="color:red;">
256
                                            No leads created yesterday
257
                                        </td>
258
                                    #end
28200 tejbeer 259
 
30601 amit.gupta 260
                                </tr>
261
 
262
                                #end
263
                            </tbody>
264
 
265
                        </table>
266
                    </div>
267
                </div>
268
 
269
 
270
                </div>
271
            </td>
272
        </tr>
273
    </table>
274
 
275
 
276
    <div id="lead-request-table">
277
        <div class="row">
278
            <div class="col-lg-12">
279
                <table class="table table-border table-condensed table-bordered"
280
                       id="lead-table">
281
                    <thead>
282
                    <tr>
283
                        <th>Source</th>
284
                        <th>First Name</th>
285
                        <th>Last Name</th>
286
                        <th>Mobile</th>
287
                        <th>Address</th>
288
                        <th>City</th>
289
                        <th>State</th>
290
                        <th>Created By</th>
291
                        <th>Status</th>
292
                        <th>Created On</th>
293
                        <th>Updated On</th>
294
                        <th>ScheduleTimestamp</th>
295
                        <th>Closure Timestamp</th>
296
                        <th>Assign To</th>
297
                        <th>view</th>
298
                        <th>Action</th>
299
                        <th></th>
300
                    </tr>
301
                    </thead>
302
                    <tbody>
303
                        #if(!$lead.isEmpty())
304
                            #foreach( $request in $lead )
305
 
306
                                #if($request.getColor() == "Green")
307
                                <tr class="open-lead" bgcolor="#98FB98" data="$request.getId()">
308
 
309
                                #else
310
                                <tr class="open-lead" bgcolor="$request.getColor()"
311
                                    data="$request.getId()">
312
 
313
                                #end
314
                                #parse("edit-lead.vm")
315
 
316
                            </tr>
317
 
318
                            #end
319
 
320
                        #else
321
                        <tr>
322
                            <td colspan="12" style="text-align: center;">NO MATCHING
323
                                DATA FOUND FOR CRITERIA
324
                            </td>
325
                        </tr>
326
                        #end
327
                    </tbody>
328
                </table>
329
            </div>
330
        </div>
331
    </div>
332
 
333
 
334
    <div id="fetchLeadActivityData" class="modal" role="dialog">
335
        <div class="modal-dialog">
336
            <div class="modal-content"></div>
337
        </div>
338
    </div>
339
 
340
 
341
    <div id="editLeadData" class="modal" role="dialog">
342
        <div class="modal-dialog">
343
            <div class="modal-content">
344
                <div class="modal-header">
345
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
346
                    <h4 class="modal-title">Edit Lead</h4>
347
                </div>
348
                <div class="modal-body">
349
                    <div id="lead-edit-request">
350
                        <div class="row">
351
                            <div class="col-lg-3">
352
                                <div class="input-group">
353
                                    <select class="form-control input-sm" id="assignTo"
354
                                            name="assignTo" placeholder="Assign">
355
                                        <option value="" disabled selected>Assign To</option>
356
                                        #foreach($authUser in $authUsers)
357
                                            <option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>
358
                                        #end
359
                                    </select>
360
                                </div>
361
                            </div>
362
 
363
                            <div class="col-lg-3 form-group">
364
                                <input placeholder="Remark" id="remark" name="remark"
365
                                       type="text" value="" class="form-control input-sm">
366
                            </div>
367
 
368
                            <div class="col-lg-3 form-group">
369
                                <select id="reason" name="reason" placeholder="Reason"
370
                                        class="form-control input-sm">
371
                                    <option value="" disabled selected>Reason</option>
372
                                    <option value="No budget">No budget</option>
373
                                    <option value="No authority to take decision">No
374
                                        authority to take decision
375
                                    </option>
376
                                    <option value="No need for new business">No need for
377
                                        new business
378
                                    </option>
379
                                    <option value="Not ready in near future">Not ready in
380
                                        near future
381
                                    </option>
382
                                    <option value="No store availability">No store
383
                                        availability
384
                                    </option>
385
                                    <option value="Duplicate Number"> Duplicate Number</option>
386
                                </select>
387
                            </div>
388
 
389
                            <div class="col-lg-3 form-group">
390
                                <select id="editStatus" name="editStatus" placeholder="Status"
391
                                        class="form-control input-sm" onchange="editStatusAction()">
392
                                    <option value="" disabled selected>Status</option>
393
                                    <option value="followUp">Follow Up</option>
394
                                    <option value="notInterested">Not Interested</option>
395
                                    <option value="finalized">Finalized</option>
396
                                </select>
397
                            </div>
398
 
399
                            <div class="col-lg-3 form-group">
400
                                <input id="editScheduleTime" placeholder="scheduleTime"
401
                                       name="editScheduleTime" type="text" value=""
402
                                       class="form-control input-sm">
403
                            </div>
404
                        </div>
405
                    </div>
406
                </div>
407
 
408
                <div class="modal-footer">
409
                    <button type="button" data-dismiss="modal"
410
                            class="btn btn-default cancel-lead-request">Cancel
411
                    </button>
412
                    <button type="button" class="btn btn-default lead-edit-request">Submit</button>
413
 
414
                </div>
415
 
416
            </div>
417
        </div>
418
    </div>
419
 
420
 
421
    <div id="newEntryLeadModal" class="modal">
422
        <div class="modal-dialog">
423
 
424
            <!-- Modal content-->
425
            <div class="modal-content">
426
                <div class="modal-header">
427
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
428
                    <h4 class="modal-title">Create Lead</h4>
429
                </div>
430
                <div class="modal-body">
431
                    <div id="lead-request">
432
                        <div class="row">
433
                            <div class="col-lg-3">
434
                                <div class="input-group">
435
                                    <input placeholder="First Name" name="firstName" id="firstName"
436
                                           type="text" class="form-control input-sm">
437
                                </div>
438
                            </div>
439
 
440
                            <div class="col-lg-3 form-group">
441
                                <input placeholder="Last Name" id="lastName" name="lastName"
442
                                       type="text" value="" class="form-control input-sm">
443
                            </div>
444
 
445
                            <div class="col-lg-3 form-group">
446
                                <input placeholder="mobile" id="mobile" name="mobile"
447
                                       type="number" value="" class="form-control input-sm">
448
                            </div>
449
                        </div>
450
 
451
                        <div class="row">
452
                            <div class="col-lg-3 form-group">
453
                                <input id="address" name="address" placeholder="address"
454
                                       id="address" type="text" value="" class="form-control input-sm">
455
                            </div>
456
                            <div class="col-lg-3 form-group">
457
                                <input id="city" name="city" placeholder="city" type="text"
458
                                       value="" class="form-control input-sm">
459
                            </div>
460
                            <div class="col-lg-3 form-group">
461
                                <select class="form-control input-sm" id="state" name="state"
462
                                        placeholder="State">
463
                                    <option value="" disabled selected>State</option>
464
                                    #foreach($stateName in $stateNames)
465
                                        <option value="$stateName">$stateName</option> #end
466
                                </select>
467
                            </div>
468
                        </div>
469
 
470
                        <div class="row">
471
 
472
                            <div class="col-lg-3 form-group">
473
                                <select id="status" name="status" placeholder="Status"
474
                                        class="form-control input-sm" onchange="statusAction()">
475
                                    <option value="" disabled selected>Status</option>
476
                                    <option value="followUp">Follow Up</option>
477
                                    <option value="notInterested">Not Interested</option>
478
                                    <option value="finalized">Finalized</option>
479
                                </select>
480
                            </div>
481
 
482
                            <div class="col-lg-3 form-group">
483
                                <input id="scheduleTime" placeholder="scheduleTime"
484
                                       name="scheduleTime" type="text" value=""
485
                                       class="form-control input-sm">
486
                            </div>
487
 
488
                            <div class="col-lg-3 form-group">
489
                                <input id="createRemark" name="createRemark"
490
                                       placeholder="Remark" type="text" value=""
491
                                       class="form-control input-sm">
492
                            </div>
493
                        </div>
494
 
495
                        <div class="row">
496
                            <div class="col-lg-3 form-group">
497
                                <select class="form-control input-sm" id="createAssignTo"
498
                                        name="createAssignTo" placeholder="Assign">
499
                                    <option value="" disabled selected>Assign To</option>
500
                                    #foreach($authUser in $authUsers)
501
                                        <option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>
502
                                    #end
503
                                </select>
504
                            </div>
505
 
506
                            <div class="col-lg-3 form-group">
507
                                <select class="form-control input-sm" id="leadSource"
508
                                        name="leadSource" placeholder="Source">
509
                                    <option value="" disabled selected>Source</option>
510
                                    <option value="SELF">SELF</option>
511
                                    <option value="NEWSPAPER">NEWSPAPER</option>
512
                                    <option value="INTERNET">INTERNET</option>
513
                                    <option value="PARTNER">PARTNER</option>
514
                                </select>
515
                            </div>
516
                        </div>
517
 
518
                        <form>
519
                            <div class="row" style="margin-bottom: 12px;">
520
                                <form class="form-horizontal">
521
                                    <label class="col-sm-3" for="excelfile">Ivory Template:</label>
522
                                    <div class="col-lg-3" form-group>
523
                                        <a class="btn btn-primary" id="uploadIvoryLead"> Download Template </a>
524
                                    </div>
525
                                </form>
526
                            </div>
527
 
528
                            <div class="row">
529
                                <div class="col-lg-6 form-group">
530
                                    <div class="input-group">
531
                                        <input type="file" class="form-control input-sm fileLeadGenerate"
532
                                               name="fileLeadGenerate" value="Upload CSv">
533
                                        <span class="input-group-btn">
534
				    		<button type="button" class="btn btn-primary submitLeadGenerate">
29445 manish 535
							    Uplaod
536
							</button>
537
						</span>
30601 amit.gupta 538
                                    </div>
539
                                </div>
540
                            </div>
28200 tejbeer 541
 
30601 amit.gupta 542
                        </form>
28200 tejbeer 543
 
30601 amit.gupta 544
                    </div>
545
                </div>
546
 
547
                <div class="modal-footer">
548
                    <button type="button" data-dismiss="modal"
549
                            class="btn btn-default cancel-lead-request">Cancel
550
                    </button>
551
                    <button type="button" class="btn btn-default lead-request">Submit</button>
552
 
553
                </div>
554
            </div>
555
        </div>
556
    </div>
28200 tejbeer 557
</section>
558
 
559
 
25979 tejbeer 560
<script type="text/javascript">
30601 amit.gupta 561
    var editor;
562
    var searchCount = 0;
563
    var ab;
564
    $(document)
565
            .ready(
566
                    function () {
28200 tejbeer 567
 
568
 
30601 amit.gupta 569
                        console.log($('#lead-table tbody tr').length)
28200 tejbeer 570
 
30601 amit.gupta 571
                        $('#lead-table thead tr').clone(true).appendTo(
572
                                '#lead-table thead');
573
                        $('#lead-table thead tr:eq(1) th')
574
                                .each(
575
                                        function (i) {
576
                                            var title = $(this).text();
577
                                            $(this).html(
578
                                                    '<input type="text"  class="search-lead" style = "width:60%;" placeholder="Search '
579
                                                    + title
580
                                                    + '" />');
28200 tejbeer 581
 
30601 amit.gupta 582
                                            $('input', this)
583
                                                    .on(
584
                                                            'keyup change',
585
                                                            function () {
586
                                                                if (table
587
                                                                        .column(
588
                                                                                i)
589
                                                                        .search() !== this.value) {
590
                                                                    table
591
                                                                            .column(
592
                                                                                    i)
593
                                                                            .search(
594
                                                                                    this.value)
595
                                                                            .draw();
596
                                                                }
597
                                                            });
598
                                        })
599
                        var table = $('#lead-table').DataTable({
600
                            orderCellsTop: true,
30947 tejbeer 601
                            "lengthMenu": [10, 25, 50, 75, 100, 250, 1000],
602
 
30601 amit.gupta 603
                            fixedHeader: true,
604
                            "bPaginate": true,
605
                            "bLengthChange": true,
606
                            "bFilter": true,
607
                            "bInfo": false,
608
                            "bAutoWidth": false,
29268 manish 609
 
30601 amit.gupta 610
                            "columnDefs": [{
611
                                type: 'date-euro',
612
                                targets: 12
613
                            }, {
614
                                type: 'date-euro',
615
                                targets: 11
616
                            }, {
617
                                type: 'date-euro',
618
                                targets: 10
619
                            }, {
620
                                type: 'date-euro',
621
                                targets: 9
622
                            }
29478 manish 623
 
30601 amit.gupta 624
                            ]
625
                        });
29268 manish 626
 
29478 manish 627
 
30601 amit.gupta 628
                        var myPieChart = null;
629
                        $(document).on("keyup", ".search-lead",
630
                                function (e) {
631
                                    console.log('Currently applied global search:');
632
                                    if (myPieChart != null) {
633
                                        myPieChart.destroy();
634
                                    }
29268 manish 635
 
636
 
30601 amit.gupta 637
                                    myFunction(searchCount);
29268 manish 638
 
30601 amit.gupta 639
 
640
                                });
641
 
642
                        function myFunction() {
643
                            if (searchCount == 0) {
644
                                ab = setTimeout(function () {
645
                                    datatableChart();
646
                                }, 3000);
647
                                searchCount++;
648
                            } else {
649
                                clearTimeout(ab);
650
                                ab = setTimeout(function () {
651
                                    datatableChart();
652
                                }, 3000);
653
                            }
654
                        }
655
 
656
 
657
                        function datatableChart() {
658
 
659
 
660
                            $('#chart-leadstatus').remove();
661
 
662
                            let count = 0;
663
                            let ni = 0;
664
 
665
                            let fwup = 0;
666
                            let htld = 0;
667
                            let pend = 0;
668
                            let final = 0;
669
 
670
                            table.rows({
671
                                "search": "applied"
672
                            }).every(function () {
673
                                var data = this.data();
674
                                var status = data[8];
675
                                var hotLeads = data[16];
676
 
677
                                console.log("status" + status);
678
 
679
                                if (hotLeads == "Green") {
680
                                    htld++;
681
                                }
682
 
683
                                if (status == "notInterested") {
684
                                    ni++;
685
                                } else if (status == "followUp") {
686
                                    fwup++;
687
                                } else if (status == "pending") {
688
 
689
                                    pend++;
690
                                } else if (status == "finalized") {
691
 
692
                                    final++;
693
                                }
694
                                var count = table.rows({search: 'applied'}).count();
695
 
696
                            });
697
                            var ctx = document.getElementById('chart-lead-search').getContext('2d');
698
 
699
                            myPieChart = new Chart(ctx, {
700
                                "type": "pie",
701
                                "data": {
702
                                    "labels": [
703
                                        "notInterested",
704
                                        "followUp",
705
                                        "pending",
706
                                        "finalized",
707
                                        "HotLeads"
708
                                    ],
709
                                    "datasets": [
710
                                        {
711
                                            "data": [
712
                                                ni, fwup, pend, final, htld
713
                                            ],
714
                                            "backgroundColor": ["red", "#9ACD32", "pink", "blue", "green"],
715
                                            "label": "DataSet 1"
716
                                        }
717
                                    ]
718
                                },
719
                                "options": {
720
                                    "responsive": true,
721
                                    "legend": {
722
                                        "labels": {
723
                                            "fontColor": "black",
724
                                            "fontSize": 15
725
                                        },
726
                                        "position": "left"
727
                                    }
728
                                }
729
                            });
730
 
731
                            if (ni <= 0) {
732
                                myPieChart.getDatasetMeta(0).data[0].hidden = true;
733
                            }
734
                            if (fwup <= 0) {
735
                                myPieChart.getDatasetMeta(0).data[1].hidden = true;
736
                            }
737
                            if (pend <= 0) {
738
                                myPieChart.getDatasetMeta(0).data[2].hidden = true;
739
                            }
740
                            if (final <= 0) {
741
                                myPieChart.getDatasetMeta(0).data[3].hidden = true;
742
                            }
743
 
744
                            if (htld <= 0) {
745
                                myPieChart.getDatasetMeta(0).data[4].hidden = true;
746
                            }
747
 
748
                            myPieChart.update();
749
 
750
                        }
751
 
752
 
753
                    });
25979 tejbeer 754
</script>
29221 manish 755
 
29268 manish 756
<script type="text/javascript">
757
 
30601 amit.gupta 758
 
759
    var config = $chartLead;
760
 
761
    var ctx = document.getElementById('chart-leadstatus').getContext('2d');
762
    var bar = new Chart(ctx, config);
29268 manish 763
</script>