WebSVN – SmartDukaan – Blame – //trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/lead.vm

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

Subversion Repositories SmartDukaan

(root)//trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/lead.vm – Rev 31249