Subversion Repositories SmartDukaan

Rev

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