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

Subversion Repositories SmartDukaan

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