Subversion Repositories SmartDukaan

Rev

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