Subversion Repositories SmartDukaan

Rev

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