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>`
31371	tejbeer	348	`<div class="modal-body" style="height:500px; overflow:auto">`
30601	amit.gupta	349	`<div id="lead-edit-request">`
31371	tejbeer	350
		351
31409	tejbeer	352	`<div class="row" id = "lead-detail-view">`
30601	amit.gupta	353	`<div class="col-lg-3">`
		354	`<div class="input-group">`
31371	tejbeer	355	`<input placeholder="Outlet Name" id="outletName" name="outletName"`
		356	`type="text" value="" class="form-control input-sm">`
		357
		358	`</div>`
		359	`</div>`
		360
		361	`<div class="col-lg-4 form-group">`
		362	`<label style="font-weight:bold">Front</label>`
		363	`<input type="hidden" class="frontp" value="">`
		364	`<input type="file" class="frontp" placeholder="Front" id = "frontp" name="frontp"`
		365	`value="">`
		366	`</div>`
		367
		368	`<div class="col-lg-4 form-group">`
		369	`<label style="font-weight:bold">Internal With Market</label>`
		370
		371	`<input type="hidden" class="internalMarket" value="">`
		372	`<input type="file" class="internalMarket" placeholder="Internal With Market" id = "internalMarket" name="internalMarket"`
		373	`value="">`
		374	`</div>`
		375
		376	`<div class="col-lg-4 form-group">`
		377	`<label style="font-weight:bold">Internal Long Shot</label>`
		378
		379	`<input type="hidden" class="leftShot" value="">`
		380	`<input type="file" class="leftShot" placeholder="Internal Long Shot" id = "leftShot" name="leftShot"`
		381	`value="">`
		382	`</div>`
		383
		384	`<div class="col-lg-4 form-group">`
		385	`<label style="font-weight:bold">Internal Left Wall</label>`
		386	`<input type="hidden" class="leftWall" value="">`
		387	`<input type="file" class="leftWall" placeholder="Internal Left Wall" id = "leftWall" name="leftWall"`
		388	`value="">`
		389	`</div>`
		390
		391
		392
		393	`<div class="col-lg-4 form-group">`
		394	`<label style="font-weight:bold">Internal Right Wall</label>`
		395
		396	`<input type="hidden" class="rightWall" value="">`
		397	`<input type="file" class="rightWall" placeholder="Internal Right Wall" id = "rightWall" name="rightWall"`
		398	`value="">`
		399	`</div>`
		400
		401
		402
		403
		404	`<div class="col-lg-3 form-group">`
		405	`<input id="counterSize" placeholder="Counter Size"`
		406	`name="counterSize" type="text" value=""`
		407	`class="form-control input-sm">`
		408	`</div>`
		409
		410	`<div class="col-lg-5 form-group">`
		411
		412	`<table class="table table-border table-condensed table-bordered" id = "brandtable">`
		413	`<tr>`
		414	`<th>Brand</th>`
		415	`<th>Value</th>`
		416	`</tr>`
		417
		418	`#foreach( $brand in $brands )`
		419	`<tr>`
		420	`<td>$brand</td>`
		421	`<td> <input type="number" class="$brand" placeholder="Value" name="$brand"`
		422	`value="0"> </td>`
		423	`</tr>`
		424
		425
		426	`#end`
		427	`</table>`
		428	`</div>`
		429	`<div class="col-lg-2 form-group">`
		430
		431	`<button type="button" class="btn btn-default lead-detail-entry">Submit</button>`
		432	`</div>`
		433
		434	`</div>`
		435	`<div class="row">`
		436	`<div class="col-lg-3">`
		437	`<div class="input-group">`
30601	amit.gupta	438	`<select class="form-control input-sm" id="assignTo"`
		439	`name="assignTo" placeholder="Assign">`
		440	`<option value="" disabled selected>Assign To</option>`
		441	`#foreach($authUser in $authUsers)`
		442	`<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>`
		443	`#end`
		444	`</select>`
		445	`</div>`
		446	`</div>`
		447
		448	`<div class="col-lg-3 form-group">`
		449	`<input placeholder="Remark" id="remark" name="remark"`
		450	`type="text" value="" class="form-control input-sm">`
		451	`</div>`
		452
		453	`<div class="col-lg-3 form-group">`
		454	`<select id="reason" name="reason" placeholder="Reason"`
		455	`class="form-control input-sm">`
		456	`<option value="" disabled selected>Reason</option>`
		457	`<option value="No budget">No budget</option>`
		458	`<option value="No authority to take decision">No`
		459	`authority to take decision`
		460	`</option>`
		461	`<option value="No need for new business">No need for`
		462	`new business`
		463	`</option>`
		464	`<option value="Not ready in near future">Not ready in`
		465	`near future`
		466	`</option>`
		467	`<option value="No store availability">No store`
		468	`availability`
		469	`</option>`
		470	`<option value="Duplicate Number"> Duplicate Number</option>`
		471	`</select>`
		472	`</div>`
		473
		474	`<div class="col-lg-3 form-group">`
		475	`<select id="editStatus" name="editStatus" placeholder="Status"`
		476	`class="form-control input-sm" onchange="editStatusAction()">`
		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="editScheduleTime" placeholder="scheduleTime"`
		486	`name="editScheduleTime" type="text" value=""`
		487	`class="form-control input-sm">`
		488	`</div>`
31249	tejbeer	489
		490	`<div class="col-lg-3 form-group">`
		491	`<select class="form-control input-sm" id="communicationType" name="communicationType"`
		492	`placeholder="Communication Type">`
		493	`<option value="" disabled selected>Communication Type</option>`
		494	`#foreach($communicationType in $communicationTypes)`
		495	`<option value="$communicationType">$communicationType</option> #end`
		496	`</select>`
		497	`</div>`
		498
30601	amit.gupta	499	`</div>`
		500	`</div>`
		501	`</div>`
		502
		503	`<div class="modal-footer">`
		504	`<button type="button" data-dismiss="modal"`
		505	`class="btn btn-default cancel-lead-request">Cancel`
		506	`</button>`
		507	`<button type="button" class="btn btn-default lead-edit-request">Submit</button>`
		508
		509	`</div>`
		510
		511	`</div>`
		512	`</div>`
		513	`</div>`
		514
		515
		516	`<div id="newEntryLeadModal" class="modal">`
		517	`<div class="modal-dialog">`
		518
		519	`<!-- Modal content-->`
		520	`<div class="modal-content">`
		521	`<div class="modal-header">`
		522	`<button type="button" class="close" data-dismiss="modal">×</button>`
		523	`<h4 class="modal-title">Create Lead</h4>`
		524	`</div>`
		525	`<div class="modal-body">`
		526	`<div id="lead-request">`
		527	`<div class="row">`
		528	`<div class="col-lg-3">`
		529	`<div class="input-group">`
		530	`<input placeholder="First Name" name="firstName" id="firstName"`
		531	`type="text" class="form-control input-sm">`
		532	`</div>`
		533	`</div>`
		534
		535	`<div class="col-lg-3 form-group">`
		536	`<input placeholder="Last Name" id="lastName" name="lastName"`
		537	`type="text" value="" class="form-control input-sm">`
		538	`</div>`
		539
		540	`<div class="col-lg-3 form-group">`
		541	`<input placeholder="mobile" id="mobile" name="mobile"`
		542	`type="number" value="" class="form-control input-sm">`
		543	`</div>`
		544	`</div>`
		545
		546	`<div class="row">`
		547	`<div class="col-lg-3 form-group">`
		548	`<input id="address" name="address" placeholder="address"`
		549	`id="address" type="text" value="" class="form-control input-sm">`
		550	`</div>`
		551	`<div class="col-lg-3 form-group">`
		552	`<input id="city" name="city" placeholder="city" type="text"`
		553	`value="" class="form-control input-sm">`
		554	`</div>`
		555	`<div class="col-lg-3 form-group">`
		556	`<select class="form-control input-sm" id="state" name="state"`
		557	`placeholder="State">`
		558	`<option value="" disabled selected>State</option>`
		559	`#foreach($stateName in $stateNames)`
		560	`<option value="$stateName">$stateName</option> #end`
		561	`</select>`
		562	`</div>`
		563	`</div>`
		564
		565	`<div class="row">`
		566
		567	`<div class="col-lg-3 form-group">`
		568	`<select id="status" name="status" placeholder="Status"`
		569	`class="form-control input-sm" onchange="statusAction()">`
		570	`<option value="" disabled selected>Status</option>`
		571	`<option value="followUp">Follow Up</option>`
		572	`<option value="notInterested">Not Interested</option>`
		573	`<option value="finalized">Finalized</option>`
		574	`</select>`
		575	`</div>`
		576
		577	`<div class="col-lg-3 form-group">`
		578	`<input id="scheduleTime" placeholder="scheduleTime"`
		579	`name="scheduleTime" type="text" value=""`
		580	`class="form-control input-sm">`
		581	`</div>`
		582
		583	`<div class="col-lg-3 form-group">`
		584	`<input id="createRemark" name="createRemark"`
		585	`placeholder="Remark" type="text" value=""`
		586	`class="form-control input-sm">`
		587	`</div>`
		588	`</div>`
		589
		590	`<div class="row">`
31249	tejbeer	591
		592	`<div class="col-lg-3 form-group">`
		593	`<select class="form-control input-sm" id="communicationTye" name="communicationType"`
		594	`placeholder="Communication Type">`
		595	`<option value="" disabled selected>Communication Type</option>`
		596	`#foreach($communicationType in $communicationTypes)`
		597	`<option value="$communicationType">$communicationType</option> #end`
		598	`</select>`
		599	`</div>`
		600
30601	amit.gupta	601	`<div class="col-lg-3 form-group">`
		602	`<select class="form-control input-sm" id="createAssignTo"`
		603	`name="createAssignTo" placeholder="Assign">`
		604	`<option value="" disabled selected>Assign To</option>`
		605	`#foreach($authUser in $authUsers)`
		606	`<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>`
		607	`#end`
		608	`</select>`
		609	`</div>`
		610
		611	`<div class="col-lg-3 form-group">`
		612	`<select class="form-control input-sm" id="leadSource"`
		613	`name="leadSource" placeholder="Source">`
		614	`<option value="" disabled selected>Source</option>`
		615	`<option value="SELF">SELF</option>`
		616	`<option value="NEWSPAPER">NEWSPAPER</option>`
		617	`<option value="INTERNET">INTERNET</option>`
		618	`<option value="PARTNER">PARTNER</option>`
		619	`</select>`
		620	`</div>`
		621	`</div>`
		622
		623	`<form>`
		624	`<div class="row" style="margin-bottom: 12px;">`
		625	`<form class="form-horizontal">`
		626	`<label class="col-sm-3" for="excelfile">Ivory Template:</label>`
		627	`<div class="col-lg-3" form-group>`
		628	`<a class="btn btn-primary" id="uploadIvoryLead"> Download Template </a>`
		629	`</div>`
		630	`</form>`
		631	`</div>`
		632
		633	`<div class="row">`
		634	`<div class="col-lg-6 form-group">`
		635	`<div class="input-group">`
		636	`<input type="file" class="form-control input-sm fileLeadGenerate"`
		637	`name="fileLeadGenerate" value="Upload CSv">`
		638	`<span class="input-group-btn">`
		639	`<button type="button" class="btn btn-primary submitLeadGenerate">`
29445	manish	640	`Uplaod`
		641	`</button>`
		642	`</span>`
30601	amit.gupta	643	`</div>`
		644	`</div>`
		645	`</div>`
28200	tejbeer	646
30601	amit.gupta	647	`</form>`
28200	tejbeer	648
30601	amit.gupta	649	`</div>`
		650	`</div>`
		651
		652	`<div class="modal-footer">`
		653	`<button type="button" data-dismiss="modal"`
		654	`class="btn btn-default cancel-lead-request">Cancel`
		655	`</button>`
		656	`<button type="button" class="btn btn-default lead-request">Submit</button>`
		657
		658	`</div>`
		659	`</div>`
		660	`</div>`
		661	`</div>`
28200	tejbeer	662	`</section>`
		663
		664
25979	tejbeer	665	`<script type="text/javascript">`
30601	amit.gupta	666	`var editor;`
		667	`var searchCount = 0;`
		668	`var ab;`
		669	`$(document)`
		670	`.ready(`
		671	`function () {`
31214	amit.gupta	672	`let table = $('#lead-table').DataTable({`
		673	`orderCellsTop: true,`
		674	`"lengthMenu": [10, 25, 50, 75, 100, 250, 1000],`
28200	tejbeer	675
31214	amit.gupta	676	`fixedHeader: true,`
		677	`"bPaginate": true,`
		678	`"bLengthChange": true,`
		679	`"bFilter": true,`
		680	`"bInfo": false,`
		681	`"bAutoWidth": false,`
28200	tejbeer	682
31214	amit.gupta	683	`"columnDefs": [{`
		684	`type: 'date-euro',`
		685	`targets: 12`
		686	`}, {`
		687	`type: 'date-euro',`
		688	`targets: 11`
		689	`}, {`
		690	`type: 'date-euro',`
		691	`targets: 10`
		692	`}, {`
		693	`type: 'date-euro',`
		694	`targets: 9`
		695	`}`
28200	tejbeer	696
31214	amit.gupta	697	`]`
		698	`});`
		699
30601	amit.gupta	700	`$('#lead-table thead tr').clone(true).appendTo(`
		701	`'#lead-table thead');`
		702	`$('#lead-table thead tr:eq(1) th')`
		703	`.each(`
		704	`function (i) {`
		705	`var title = $(this).text();`
		706	`$(this).html(`
		707	`'<input type="text" class="search-lead" style = "width:60%;" placeholder="Search '`
		708	`+ title`
		709	`+ '" />');`
28200	tejbeer	710
30601	amit.gupta	711	`$('input', this)`
		712	`.on(`
		713	`'keyup change',`
		714	`function () {`
		715	`if (table`
		716	`.column(`
		717	`i)`
		718	`.search() !== this.value) {`
		719	`table`
		720	`.column(`
		721	`i)`
		722	`.search(`
		723	`this.value)`
		724	`.draw();`
		725	`}`
		726	`});`
31214	amit.gupta	727	`});`
29268	manish	728
29478	manish	729
29268	manish	730
30601	amit.gupta	731	`var myPieChart = null;`
		732	`$(document).on("keyup", ".search-lead",`
		733	`function (e) {`
		734	`console.log('Currently applied global search:');`
		735	`if (myPieChart != null) {`
		736	`myPieChart.destroy();`
		737	`}`
29268	manish	738
		739
30601	amit.gupta	740	`myFunction(searchCount);`
29268	manish	741
30601	amit.gupta	742
		743	`});`
		744
		745	`function myFunction() {`
		746	`if (searchCount == 0) {`
		747	`ab = setTimeout(function () {`
		748	`datatableChart();`
		749	`}, 3000);`
		750	`searchCount++;`
		751	`} else {`
		752	`clearTimeout(ab);`
		753	`ab = setTimeout(function () {`
		754	`datatableChart();`
		755	`}, 3000);`
		756	`}`
		757	`}`
		758
		759
		760	`function datatableChart() {`
		761
		762
		763	`$('#chart-leadstatus').remove();`
		764
		765	`let count = 0;`
		766	`let ni = 0;`
		767
		768	`let fwup = 0;`
		769	`let htld = 0;`
		770	`let pend = 0;`
		771	`let final = 0;`
		772
		773	`table.rows({`
		774	`"search": "applied"`
		775	`}).every(function () {`
		776	`var data = this.data();`
		777	`var status = data[8];`
		778	`var hotLeads = data[16];`
		779
		780	`console.log("status" + status);`
		781
		782	`if (hotLeads == "Green") {`
		783	`htld++;`
		784	`}`
		785
		786	`if (status == "notInterested") {`
		787	`ni++;`
		788	`} else if (status == "followUp") {`
		789	`fwup++;`
		790	`} else if (status == "pending") {`
		791
		792	`pend++;`
		793	`} else if (status == "finalized") {`
		794
		795	`final++;`
		796	`}`
		797	`var count = table.rows({search: 'applied'}).count();`
		798
		799	`});`
		800	`var ctx = document.getElementById('chart-lead-search').getContext('2d');`
		801
		802	`myPieChart = new Chart(ctx, {`
		803	`"type": "pie",`
		804	`"data": {`
		805	`"labels": [`
		806	`"notInterested",`
		807	`"followUp",`
		808	`"pending",`
		809	`"finalized",`
		810	`"HotLeads"`
		811	`],`
		812	`"datasets": [`
		813	`{`
		814	`"data": [`
		815	`ni, fwup, pend, final, htld`
		816	`],`
		817	`"backgroundColor": ["red", "#9ACD32", "pink", "blue", "green"],`
		818	`"label": "DataSet 1"`
		819	`}`
		820	`]`
		821	`},`
		822	`"options": {`
		823	`"responsive": true,`
		824	`"legend": {`
		825	`"labels": {`
		826	`"fontColor": "black",`
		827	`"fontSize": 15`
		828	`},`
		829	`"position": "left"`
		830	`}`
		831	`}`
		832	`});`
		833
		834	`if (ni <= 0) {`
		835	`myPieChart.getDatasetMeta(0).data[0].hidden = true;`
		836	`}`
		837	`if (fwup <= 0) {`
		838	`myPieChart.getDatasetMeta(0).data[1].hidden = true;`
		839	`}`
		840	`if (pend <= 0) {`
		841	`myPieChart.getDatasetMeta(0).data[2].hidden = true;`
		842	`}`
		843	`if (final <= 0) {`
		844	`myPieChart.getDatasetMeta(0).data[3].hidden = true;`
		845	`}`
		846
		847	`if (htld <= 0) {`
		848	`myPieChart.getDatasetMeta(0).data[4].hidden = true;`
		849	`}`
		850
		851	`myPieChart.update();`
		852
		853	`}`
		854
		855
		856	`});`
25979	tejbeer	857	`</script>`
29221	manish	858
29268	manish	859	`<script type="text/javascript">`
		860
30601	amit.gupta	861
		862	`var config = $chartLead;`
		863
		864	`var ctx = document.getElementById('chart-leadstatus').getContext('2d');`
		865	`var bar = new Chart(ctx, config);`
29268	manish	866	`</script>`

Subversion Repositories SmartDukaan

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