Subversion Repositories SmartDukaan

Rev

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