Subversion Repositories SmartDukaan

Rev

Rev 29445 | Rev 29473 | 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>
299 
						#if(!$lead.isEmpty()) #foreach( $request in $lead )
300 
						#if($request.getColor() == "Green")
301 
						<tr class="open-lead" bgcolor="#98FB98" data="$request.getId()">
302 
							#else
303 
						<tr class="open-lead" bgcolor="$request.getColor()"
304 
							data="$request.getId()">
305 
							#end #if($request.getSource())
306 
							<td>$request.getSource()</td> #else
307 
							<td></td> #end
308 
							<td>$request.getFirstName()</td>
309 
							<td>$request.getLastName()</td>
310 
							<td>$request.getLeadMobile()</td>
311 
							<td>$request.getAddress()</td>
312 
							<td>$request.getCity()</td>
313 
							<td>$request.getState()</td>
314 
							<td>$request.getCreatedBy()</td>
315 
							<td>$request.getStatus()</td>
316 
							<td>$request.getCreatedTimestamp().format($dateTimeFormatter)</td>
317 
							<td>$request.getUpdatedTimestamp().format($dateTimeFormatter)</td>
318 
							#if($leadActivityMap.get($request.getId()).getSchelduleTimestamp())
319 
							<td>$leadActivityMap.get($request.getId()).getSchelduleTimestamp().format($dateTimeFormatter)</td>
320 
							#else
321 
							<td>00/00/0000 00:00</td> #end
322 
							#if($request.getClosureTimestamp())
323 
							<td>$request.getClosureTimestamp().format($dateTimeFormatter)</td>
324 
							#else
325 
							<td>00/00/0000 00:00</td> #end
326 
							#if($authIdAndAuthUserMap.get($request.getAssignTo()))
29221 manish 327 
							<td>$authIdAndAuthUserMap.get($request.getAssignTo()).getFirstName() $authIdAndAuthUserMap.get($request.getAssignTo()).getLastName()</td>
28200 tejbeer 328 
							#else
329 
							<td></td> #end
330 
							<td><button class="btn btn-primary view"
331 
									data-requestid="$request.getId()" data-toggle="modal"
332 
									data-target="#fetchLeadActivityData" type="button">View</button></td>
333 
							<td><button class="btn btn-primary editLead"
334 
									data-leadid="$request.getId()" data-toggle="modal"
335 
									data-target="#editLeadData" type="button">Edit</button></td>
29427 manish 336 
						    <td>$request.getColor()</td>
337 
 
28200 tejbeer 338 
						</tr>
339 
						#end #else
340 
						<tr>
341 
							<td colspan="12" style="text-align: center;">NO MATCHING
342 
								DATA FOUND FOR CRITERIA</td>
343 
						</tr>
344 
						#end
345 
					</tbody>
346 
				</table>
347 
			</div>
25979 tejbeer 348 
		</div>
28200 tejbeer 349 
	</div>
350 
 
351 
 
352 
	<div id="fetchLeadActivityData" class="modal" role="dialog">
353 
		<div class="modal-dialog">
354 
			<div class="modal-content"></div>
25979 tejbeer 355 
		</div>
28200 tejbeer 356 
	</div>
25979 tejbeer 357 
 
28200 tejbeer 358 
 
359 
 
360 
	<div id="editLeadData" class="modal" role="dialog">
361 
		<div class="modal-dialog">
362 
			<div class="modal-content">
363 
				<div class="modal-header">
364 
					<button type="button" class="close" data-dismiss="modal">&times;</button>
365 
					<h4 class="modal-title">Edit Lead</h4>
366 
				</div>
367 
				<div class="modal-body">
368 
					<div id="lead-edit-request">
369 
						<div class="row">
370 
							<div class="col-lg-3">
371 
								<div class="input-group">
372 
									<select class="form-control input-sm" id="assignTo"
373 
										name="assignTo" placeholder="Assign">
374 
										<option value="" disabled selected>Assign To</option>
375 
										#foreach($authUser in $authUsers)
29268 manish 376 
										<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>
28200 tejbeer 377 
										#end
378 
									</select>
379 
								</div>
380 
							</div>
381 
 
382 
							<div class="col-lg-3 form-group">
383 
								<input placeholder="Remark" id="remark" name="remark"
384 
									type="text" value="" class="form-control input-sm">
385 
							</div>
386 
 
387 
							<div class="col-lg-3 form-group">
388 
								<select id="reason" name="reason" placeholder="Reason"
389 
									class="form-control input-sm">
390 
									<option value="" disabled selected>Reason</option>
391 
									<option value="No budget">No budget</option>
392 
									<option value="No authority to take decision">No
393 
										authority to take decision</option>
394 
									<option value="No need for new business">No need for
395 
										new business</option>
396 
									<option value="Not ready in near future">Not ready in
397 
										near future</option>
398 
									<option value="No store availability">No store
399 
										availability</option>
400 
								</select>
401 
							</div>
402 
 
403 
							<div class="col-lg-3 form-group">
404 
								<select id="editStatus" name="editStatus" placeholder="Status"
405 
									class="form-control input-sm" onchange="editStatusAction()">
406 
									<option value="" disabled selected>Status</option>
407 
									<option value="followUp">Follow Up</option>
408 
									<option value="notInterested">Not Interested</option>
409 
									<option value="finalized">Finalized</option>
410 
								</select>
411 
							</div>
412 
 
413 
							<div class="col-lg-3 form-group">
414 
								<input id="editScheduleTime" placeholder="scheduleTime"
415 
									name="editScheduleTime" type="text" value=""
416 
									class="form-control input-sm">
417 
							</div>
418 
						</div>
419 
					</div>
420 
				</div>
421 
 
422 
				<div class="modal-footer">
423 
					<button type="button" data-dismiss="modal"
424 
						class="btn btn-default cancel-lead-request">Cancel</button>
425 
					<button type="button" class="btn btn-default lead-edit-request">Submit</button>
426 
 
427 
				</div>
428 
 
429 
			</div>
430 
		</div>
431 
	</div>
432 
 
433 
 
434 
 
435 
 
436 
 
437 
	<div id="newEntryLeadModal" class="modal">
438 
		<div class="modal-dialog">
439 
 
440 
			<!-- Modal content-->
441 
			<div class="modal-content">
442 
				<div class="modal-header">
443 
					<button type="button" class="close" data-dismiss="modal">&times;</button>
444 
					<h4 class="modal-title">Create Lead</h4>
445 
				</div>
446 
				<div class="modal-body">
447 
					<div id="lead-request">
448 
						<div class="row">
449 
							<div class="col-lg-3">
450 
								<div class="input-group">
451 
									<input placeholder="First Name" name="firstName" id="firstName"
452 
										type="text" class="form-control input-sm">
453 
								</div>
454 
							</div>
455 
 
456 
							<div class="col-lg-3 form-group">
457 
								<input placeholder="Last Name" id="lastName" name="lastName"
458 
									type="text" value="" class="form-control input-sm">
459 
							</div>
460 
 
461 
							<div class="col-lg-3 form-group">
462 
								<input placeholder="mobile" id="mobile" name="mobile"
463 
									type="number" value="" class="form-control input-sm">
464 
							</div>
465 
						</div>
466 
 
467 
						<div class="row">
468 
							<div class="col-lg-3 form-group">
469 
								<input id="address" name="address" placeholder="address"
470 
									id="address" type="text" value="" class="form-control input-sm">
471 
							</div>
472 
							<div class="col-lg-3 form-group">
473 
								<input id="city" name="city" placeholder="city" type="text"
474 
									value="" class="form-control input-sm">
475 
							</div>
476 
							<div class="col-lg-3 form-group">
477 
								<select class="form-control input-sm" id="state" name="state"
478 
									placeholder="State">
479 
									<option value="" disabled selected>State</option>
480 
									#foreach($stateName in $stateNames)
481 
									<option value="$stateName">$stateName</option> #end
482 
								</select>
483 
							</div>
484 
						</div>
485 
 
486 
						<div class="row">
487 
 
488 
							<div class="col-lg-3 form-group">
489 
								<select id="status" name="status" placeholder="Status"
490 
									class="form-control input-sm" onchange="statusAction()">
491 
									<option value="" disabled selected>Status</option>
492 
									<option value="followUp">Follow Up</option>
493 
									<option value="notInterested">Not Interested</option>
494 
									<option value="finalized">Finalized</option>
495 
								</select>
496 
							</div>
497 
 
498 
							<div class="col-lg-3 form-group">
499 
								<input id="scheduleTime" placeholder="scheduleTime"
500 
									name="scheduleTime" type="text" value=""
501 
									class="form-control input-sm">
502 
							</div>
503 
 
504 
							<div class="col-lg-3 form-group">
505 
								<input id="createRemark" name="createRemark"
506 
									placeholder="Remark" type="text" value=""
507 
									class="form-control input-sm">
508 
							</div>
509 
						</div>
510 
 
511 
						<div class="row">
512 
							<div class="col-lg-3 form-group">
513 
								<select class="form-control input-sm" id="createAssignTo"
514 
									name="createAssignTo" placeholder="Assign">
515 
									<option value="" disabled selected>Assign To</option>
516 
									#foreach($authUser in $authUsers)
29268 manish 517 
									<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>
28200 tejbeer 518 
									#end
519 
								</select>
520 
							</div>
521 
 
522 
							<div class="col-lg-3 form-group">
523 
								<select class="form-control input-sm" id="leadSource"
524 
									name="leadSource" placeholder="Source">
525 
									<option value="" disabled selected>Source</option>
526 
									<option value="SELF">SELF</option>
527 
									<option value="NEWSPAPER">NEWSPAPER</option>
528 
									<option value="INTERNET">INTERNET</option>
529 
									<option value="PARTNER">PARTNER</option>
530 
								</select>
531 
							</div>
532 
						</div>
29445 manish 533 
 
534 
				<form>
535 
				<div class= "row" style="margin-bottom: 12px;">
536 
		            <form class="form-horizontal">
537 
			         <label class="col-sm-3" for="excelfile">Ivory Template:</label>
538 
			         <div class="col-lg-3" form-group>
539 
				       <a class="btn btn-primary" id="uploadIvoryLead"> Download Template	</a>
540 
		             </div>
541 
	                </form>
542 
	             </div>
28200 tejbeer 543 
 
29445 manish 544 
               <div class="row">
545 
                 <div class="col-lg-4 form-group">
546 
 
547 
			    		<input type="file" class="form-control input-sm fileLeadGenerate" name="fileLeadGenerate" value="Upload CSv">
548 
			    		<span class="input-group-btn">
549 
				    		<button  type = "button" class="btn btn-primary submitLeadGenerate">
550 
							    Uplaod
551 
							</button>
552 
						</span>
553 
                	</div>
554 
			    </div>
555 
 
556 
			    </form>
557 
 
28200 tejbeer 558 
					</div>
559 
				</div>
560 
 
561 
				<div class="modal-footer">
562 
					<button type="button" data-dismiss="modal"
563 
						class="btn btn-default cancel-lead-request">Cancel</button>
564 
					<button type="button" class="btn btn-default lead-request">Submit</button>
565 
 
566 
				</div>
567 
			</div>
568 
		</div>
569 
	</div>
570 
</section>
571 
 
572 
 
25979 tejbeer 573 
<script type="text/javascript">
28200 tejbeer 574 
	var editor;
575 
	$(document)
576 
			.ready(
577 
					function() {
29268 manish 578 
 
579 
 
580 
 
28200 tejbeer 581 
						console.log($('#lead-table tbody tr').length)
29268 manish 582 
 
28200 tejbeer 583 
							$('#lead-table thead tr').clone(true).appendTo(
584 
									'#lead-table thead');
585 
							$('#lead-table thead tr:eq(1) th')
586 
									.each(
587 
											function(i) {
588 
												var title = $(this).text();
589 
												$(this).html(
29268 manish 590 
														'<input type="text"  class="search-lead" style = "width:60%;" placeholder="Search '
28200 tejbeer 591 
																+ title
592 
																+ '" />');
593 
 
594 
												$('input', this)
595 
														.on(
596 
																'keyup change',
597 
																function() {
598 
																	if (table
599 
																			.column(
600 
																					i)
601 
																			.search() !== this.value) {
602 
																		table
603 
																				.column(
604 
																						i)
605 
																				.search(
606 
																						this.value)
607 
																				.draw();
608 
																	}
609 
																});
610 
											})
611 
							var table = $('#lead-table').DataTable({
612 
								orderCellsTop : true,
613 
								fixedHeader : true,
614 
								"bPaginate" : true,
615 
								"bLengthChange" : true,
616 
								"bFilter" : true,
617 
								"bInfo" : false,
618 
								"bAutoWidth" : false,
619 
 
620 
								"columnDefs" : [ {
621 
									type : 'date-euro',
622 
									targets : 12
623 
								}, {
624 
									type : 'date-euro',
625 
									targets : 11
626 
								}, {
627 
									type : 'date-euro',
628 
									targets : 10
629 
								}, {
630 
									type : 'date-euro',
631 
									targets : 9
632 
								}
633 
 
634 
								]
635 
							});
29268 manish 636 
 
637 
 
638 
					var  myPieChart = null;
639 
						$(document).on("keyup", ".search-lead",
640 
                function (e) {
641 
		           	console.log('Currently applied global search:');
642 
		         if(myPieChart!=null){
643 
        myPieChart.destroy();
644 
    }
645 
		           	datatableChart();
646 
 
647 
	           	});
28200 tejbeer 648 
 
29268 manish 649 
 
650 
function datatableChart() {
651 
 
652 
$('#chart-leadstatus').remove();
653 
 
654 
		let count = 0;
655 
		let ni =0;
656 
 
657 
		let fwup = 0;
29427 manish 658 
		let htld = 0;
29268 manish 659 
		let pend = 0;
660 
		let final = 0;
661 
 
662 
		table.rows({
663 
			"search" : "applied"
664 
		}).every(function() {
665 
 
666 
			var data = this.data();
667 
 
668 
			console.log("data"+data);
669 
			var status = data[8];
29427 manish 670 
			var hotLeads = data[16];
29268 manish 671 
 
672 
			console.log("status"+status);
673 
 
29427 manish 674 
			if(hotLeads =="Green"){
675 
			htld++;
676 
			}
677 
 
29268 manish 678 
			if(status=="notInterested"){
679 
			ni++;
680 
			}
681 
			else if(status=="followUp"){
682 
			fwup++;
683 
			}
684 
			else if(status=="pending"){
685 
 
686 
			pend++;
687 
			}
688 
			else if(status=="finalized"){
689 
 
690 
			final++;
691 
			}
692 
 
29427 manish 693 
			console.log("All"+ni + fwup + pend+ final+htld);
29268 manish 694 
 
695 
                 var count= table.rows( {search:'applied'} ).count();
696 
 
697 
                console.log("count"+count);
698 
 
699 
                });
700 
 
701 
 
702 
 
703 
	 var ctx = document.getElementById('chart-lead-search').getContext('2d');
704 
 
705 
        myPieChart = new Chart(ctx, {
706 
            "type":"pie",
29448 manish 707 
       "data":{
29268 manish 708 
         "labels":[
709 
            "notInterested",
710 
            "followUp",
711 
            "pending",
29427 manish 712 
            "finalized",
713 
            "HotLeads"
29268 manish 714 
                  ],
715 
       "datasets":[
716 
           {
717 
            "data":[
29427 manish 718 
                ni,fwup,pend,final,htld
29268 manish 719 
               ],
29427 manish 720 
         "backgroundColor":["red","#9ACD32","pink","blue","green"],
29268 manish 721 
         "label":"DataSet 1"
722 
           }
723 
                 ]
724 
              },
725 
        "options":{
726 
          "responsive":true,
727 
              "legend":{
728 
        "labels":{
729 
            "fontColor":"black",
730 
           "fontSize":15
731 
           },
732 
          "position":"left"
733 
                 }
734 
         }});
735 
 
736 
         if(ni <= 0){
737 
         myPieChart.getDatasetMeta(0).data[0].hidden = true;
738 
           }
739 
         if(fwup <= 0){
740 
         myPieChart.getDatasetMeta(0).data[1].hidden=true;
741 
         }
742 
         if(pend <= 0){
743 
         myPieChart.getDatasetMeta(0).data[2].hidden=true;
744 
         }
745 
         if(final <= 0){
746 
         myPieChart.getDatasetMeta(0).data[3].hidden=true;
747 
         }
748 
 
29427 manish 749 
          if(htld <= 0){
750 
         myPieChart.getDatasetMeta(0).data[4].hidden=true;
751 
         }
752 
 
29268 manish 753 
         myPieChart.update();
754 
 
755 
	}
756 
 
757 
 
28200 tejbeer 758 
					});
25979 tejbeer 759 
</script>
29221 manish 760 
 
29268 manish 761 
<script type="text/javascript">
762 
 
763 
 
764 
        var config = $chartLead;
765 
 
766 
        var ctx = document.getElementById('chart-leadstatus').getContext('2d');
767 
       var bar = new Chart(ctx, config);
768 
</script>