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>`
34650	aman.kumar	111	`<button type="button" class="btn btn-default downloadDateWiseLead">`
		112	`Download`
		113	`</button>`
		114
30601	amit.gupta	115	`</div>`
29268	manish	116
35548	aman	117	`#if($showBulkUploader)`
		118	`<div class="col-lg-3 text-right">`
		119	`<button type="button" class="btn btn-default reassign">`
		120	`Bulk Reassign Leads`
		121	`</button>`
		122	`</div>`
		123	`#end`
		124	`<input type="file" id="bulkReassignFile"`
		125	`accept=".csv"`
		126	`style="display:none;">`
29268	manish	127
35548	aman	128
30601	amit.gupta	129	`</div>`
		130	`</td>`
		131	`</tr>`
29268	manish	132
30601	amit.gupta	133	`<tr>`
		134	`<td align="left" style="Width: 20%">`
		135	`<div class="row">`
		136	`<div class="col-lg-2 form-group" style="width: 12%;">`
29268	manish	137
30601	amit.gupta	138	`<select id="colorFilter" name="colorFilter" placeholder="Status"`
		139	`class="form-control input-sm">`
		140	`<option value="" disabled selected>Status</option>`
29268	manish	141
30601	amit.gupta	142	`#if($colors.contains("All") && $colors.contains("yellow") && $colors.contains("green"))`
28200	tejbeer	143
30601	amit.gupta	144	`<option value="All" selected>All</option>`
28200	tejbeer	145
30601	amit.gupta	146	`#else`
		147	`<option value="All">All</option>`
		148	`#end`
28200	tejbeer	149
30601	amit.gupta	150	`#if($colors.contains("yellow")&& !$colors.contains("green"))`
25979	tejbeer	151
30601	amit.gupta	152	`<option value="yellow" selected>yellow</option>`
28200	tejbeer	153
30601	amit.gupta	154	`#else`
		155	`<option value="yellow">yellow</option>`
28200	tejbeer	156
30601	amit.gupta	157	`#end`
28200	tejbeer	158
30601	amit.gupta	159	`#if($colors.contains("green") && !$colors.contains("yellow"))`
		160	`<option value="green" selected>green</option>`
		161	`#else`
		162	`<option value="green">green</option>`
		163	`#end`
28200	tejbeer	164
		165
30601	amit.gupta	166	`</select>`
		167	`</div>`
28200	tejbeer	168
30601	amit.gupta	169	`<div class="col-lg-1">`
		170	`<button class="btn btn-primary show-colowise-lead" type="button"`
		171	`>Submit`
		172	`</button>`
		173	`</div>`
28200	tejbeer	174
30601	amit.gupta	175	`<div class="row col-lg-5" style="width:518px;height:272px; margin-left: 650px;">`
		176	`<canvas id="chart-leadstatus" style="width:auto"></canvas>`
28200	tejbeer	177
30601	amit.gupta	178	`<canvas id="chart-lead-search" class="" style="width:auto"></canvas>`
28200	tejbeer	179
30601	amit.gupta	180	`</div>`
		181	`</div>`
		182	`</td>`
		183	`</tr>`
		184	`<tr>`
		185	`<td align="left">`
		186	`<div class="row">`
		187	`<div class="col-lg-10">`
		188	`<table class="table table-border table-condensed table-bordered" id="lead-weakwise-table"`
		189	`style="width:100%">`
28200	tejbeer	190
30601	amit.gupta	191	`<thead class="row htable" style="background:#F5F5F5;">`
28200	tejbeer	192
30601	amit.gupta	193	`<tr style="color:black;">`
		194	`<th></th>`
		195	`<th>Week 4</th>`
		196	`<th>Week 3</th>`
		197	`<th>Week 2</th>`
		198	`<th colspan="7">Week</th>`
		199	`<th></th>`
		200	`</tr>`
28200	tejbeer	201
30601	amit.gupta	202	`<tr style="color:black;">`
		203	`<th>Created By</th>`
		204	`<th>$weekDates.get(0) - $weekDates.get(1)</th>`
		205	`<th>$weekDates.get(2) - $weekDates.get(3)</th>`
		206	`<th>$weekDates.get(4) - $weekDates.get(5)</th>`
28200	tejbeer	207
30601	amit.gupta	208	`#foreach($lwDay in $lwDays )`
		209	`<th>$lwDay.getMonth().format($dateMonthChYear)</th>`
		210	`#end`
28200	tejbeer	211
30601	amit.gupta	212	`<th>Result</th>`
		213	`</tr>`
		214	`</thead>`
		215	`<tbody>`
		216	`#foreach($leadCreator in $leadCreators)`
		217	`<tr>`
28200	tejbeer	218
30601	amit.gupta	219	`<td>`
		220	`$leadCreator`
		221	`</td>`
		222	`#if($leadLasts.get($leadCreator))`
		223	`<td>`
		224	`$leadLasts.get($leadCreator)`
		225	`</td>`
		226	`#else`
34269	tejus.loha	227	`<td style="background:rgba(255,153,153,0.55);"> 0`
30601	amit.gupta	228	`</td>`
		229	`#end`
		230	`#if($leadThirds.get($leadCreator))`
		231	`<td>`
		232	`$leadThirds.get($leadCreator)`
		233	`</td>`
		234	`#else`
34269	tejus.loha	235	`<td style="background:#FF99998B;"> 0`
30601	amit.gupta	236	`</td>`
		237	`#end`
		238	`#if( $leadSeconds.get($leadCreator))`
		239	`<td>`
		240	`$leadSeconds.get($leadCreator)`
		241	`</td>`
		242	`#else`
34269	tejus.loha	243	`<td style="background:#FF99998B;">0</td>`
30601	amit.gupta	244	`#end`
28200	tejbeer	245
		246
30601	amit.gupta	247	`#foreach($lwDay in $lwDays )`
28200	tejbeer	248
30601	amit.gupta	249	`#if($leadFirsts.get($leadCreator).get($lwDay.getMonth()))`
		250	`<td>`
		251	`$leadFirsts.get($leadCreator).get($lwDay.getMonth())`
28200	tejbeer	252
30601	amit.gupta	253	`</td>`
		254	`#else`
34269	tejus.loha	255	`<td style="background:#FF99998B;">0</td>`
30601	amit.gupta	256	`#end`
28200	tejbeer	257
30601	amit.gupta	258	`#end`
28200	tejbeer	259
30601	amit.gupta	260	`#if($leadFirsts.get($leadCreator).get($lastDate))`
28200	tejbeer	261
34269	tejus.loha	262	`#if($leadFirsts.get($leadCreator).get($lastDate) >= 8)`
30601	amit.gupta	263	`<td style="color:green;">Appreciate</td>`
28200	tejbeer	264
30601	amit.gupta	265	`#else`
28200	tejbeer	266
30601	amit.gupta	267	`<td>Meet more prospects</td>`
		268	`#end`
		269	`#else`
		270	`<td style="color:red;">`
		271	`No leads created yesterday`
		272	`</td>`
		273	`#end`
28200	tejbeer	274
30601	amit.gupta	275	`</tr>`
		276
		277	`#end`
		278	`</tbody>`
		279
		280	`</table>`
		281	`</div>`
		282	`</div>`
		283
		284
		285	`</div>`
		286	`</td>`
		287	`</tr>`
		288	`</table>`
		289
		290
		291	`<div id="lead-request-table">`
		292	`<div class="row">`
		293	`<div class="col-lg-12">`
		294	`<table class="table table-border table-condensed table-bordered"`
		295	`id="lead-table">`
		296	`<thead>`
		297	`<tr>`
35576	aman	298	`<th>Id</th>`
30601	amit.gupta	299	`<th>Source</th>`
34265	ranu	300	`<th>Partner Name</th>`
34392	tejus.loha	301	`<th>Outlet Name</th>`
34265	ranu	302	`<th>Potential</th>`
30601	amit.gupta	303	`<th>Mobile</th>`
		304	`<th>Address</th>`
		305	`<th>City</th>`
		306	`<th>State</th>`
		307	`<th>Created By</th>`
		308	`<th>Status</th>`
		309	`<th>Created On</th>`
		310	`<th>Updated On</th>`
		311	`<th>ScheduleTimestamp</th>`
		312	`<th>Closure Timestamp</th>`
		313	`<th>Assign To</th>`
		314	`<th>view</th>`
		315	`<th>Action</th>`
		316	`<th></th>`
		317	`</tr>`
		318	`</thead>`
		319	`<tbody>`
33222	amit.gupta	320	`#if(!$leads.isEmpty())`
		321	`#foreach( $lead in $leads )`
30601	amit.gupta	322
33222	amit.gupta	323	`#if($lead.getColor() == "Green")`
		324	`<tr class="open-lead" bgcolor="#98FB98" data="$lead.getId()">`
30601	amit.gupta	325
		326	`#else`
33222	amit.gupta	327	`<tr class="open-lead" bgcolor="$lead.getColor()"`
		328	`data="$lead.getId()">`
30601	amit.gupta	329
		330	`#end`
		331	`#parse("edit-lead.vm")`
		332
		333	`</tr>`
		334
		335	`#end`
		336
		337	`#else`
		338	`<tr>`
		339	`<td colspan="12" style="text-align: center;">NO MATCHING`
		340	`DATA FOUND FOR CRITERIA`
		341	`</td>`
		342	`</tr>`
		343	`#end`
		344	`</tbody>`
		345	`</table>`
		346	`</div>`
		347	`</div>`
		348	`</div>`
		349
		350
		351	`<div id="fetchLeadActivityData" class="modal" role="dialog">`
		352	`<div class="modal-dialog">`
		353	`<div class="modal-content"></div>`
		354	`</div>`
		355	`</div>`
		356
		357
		358	`<div id="editLeadData" class="modal" role="dialog">`
		359	`<div class="modal-dialog">`
		360	`<div class="modal-content">`
		361	`<div class="modal-header">`
		362	`<button type="button" class="close" data-dismiss="modal">×</button>`
		363	`<h4 class="modal-title">Edit Lead</h4>`
		364	`</div>`
31371	tejbeer	365	`<div class="modal-body" style="height:500px; overflow:auto">`
30601	amit.gupta	366	`<div id="lead-edit-request">`
35548	aman	367
		368
		369	`<div class="row" id="lead-detail-view">`
30601	amit.gupta	370	`<div class="col-lg-3">`
35548	aman	371	`<label style="font-weight:bold">Outlet Name</label>`
		372
30601	amit.gupta	373	`<div class="input-group">`
35548	aman	374	`<input placeholder="Outlet Name" id="outletName" name="outletName"`
		375	`type="text" value="" class="form-control input-sm">`
		376
31371	tejbeer	377	`</div>`
		378	`</div>`
		379
		380	`<div class="col-lg-4 form-group">`
35548	aman	381	`<label style="font-weight:bold">Front</label>`
		382	`<input type="hidden" class="frontp" value="">`
		383	`<input type="file" class="frontp" placeholder="Front" id="frontp" name="frontp"`
		384	`value="">`
31371	tejbeer	385	`</div>`
35548	aman	386
31371	tejbeer	387	`<div class="col-lg-4 form-group">`
35548	aman	388	`<label style="font-weight:bold">Internal With Market</label>`
		389
		390	`<input type="hidden" class="internalMarket" value="">`
		391	`<input type="file" class="internalMarket" placeholder="Internal With Market"`
		392	`id="internalMarket" name="internalMarket"`
		393	`value="">`
31371	tejbeer	394	`</div>`
35548	aman	395
		396	`<div class="col-lg-4 form-group">`
		397	`<label style="font-weight:bold">Internal Long Shot</label>`
		398
		399	`<input type="hidden" class="leftShot" value="">`
		400	`<input type="file" class="leftShot" placeholder="Internal Long Shot" id="leftShot"`
		401	`name="leftShot"`
		402	`value="">`
31371	tejbeer	403	`</div>`
35548	aman	404
		405	`<div class="col-lg-4 form-group">`
		406	`<label style="font-weight:bold">Internal Left Wall</label>`
		407	`<input type="hidden" class="leftWall" value="">`
		408	`<input type="file" class="leftWall" placeholder="Internal Left Wall" id="leftWall"`
		409	`name="leftWall"`
		410	`value="">`
31371	tejbeer	411	`</div>`
35548	aman	412
		413
		414	`<div class="col-lg-4 form-group">`
		415	`<label style="font-weight:bold">Internal Right Wall</label>`
		416
		417	`<input type="hidden" class="rightWall" value="">`
		418	`<input type="file" class="rightWall" placeholder="Internal Right Wall" id="rightWall"`
		419	`name="rightWall"`
		420	`value="">`
31371	tejbeer	421	`</div>`
		422
		423
		424	`<div class="col-lg-3 form-group">`
		425	`<input id="counterSize" placeholder="Counter Size"`
		426	`name="counterSize" type="text" value=""`
		427	`class="form-control input-sm">`
		428	`</div>`
35548	aman	429	`<div class="col-lg-5 form-group">`
		430
		431	`<table class="table table-border table-condensed table-bordered" id="editbrandtable">`
		432	`<tr>`
		433	`<th>Brand</th>`
		434	`<th>Value</th>`
		435	`</tr>`
		436
		437	`#foreach($brand in $brandsDisplays)`
		438	`<tr>`
		439	`<td>$brand.getName()</td>`
		440	`<td><input type="number" class="$brand.getName()" placeholder="Value"`
		441	`name="$brand.getName()"`
		442	`value="0"></td>`
		443	`</tr>`
		444
		445
		446	`#end`
		447	`</table>`
		448	`</div>`
		449	`<div class="col-lg-2 form-group">`
		450
		451	`<button type="button" class="btn btn-default lead-detail-entry">Submit</button>`
		452	`</div>`
		453
31371	tejbeer	454	`</div>`
35548	aman	455	`<div class="row">`
31371	tejbeer	456	`<div class="col-lg-3">`
		457	`<div class="input-group">`
30601	amit.gupta	458	`<select class="form-control input-sm" id="assignTo"`
		459	`name="assignTo" placeholder="Assign">`
		460	`<option value="" disabled selected>Assign To</option>`
		461	`#foreach($authUser in $authUsers)`
		462	`<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>`
		463	`#end`
		464	`</select>`
		465	`</div>`
		466	`</div>`
		467
		468	`<div class="col-lg-3 form-group">`
		469	`<input placeholder="Remark" id="remark" name="remark"`
		470	`type="text" value="" class="form-control input-sm">`
		471	`</div>`
		472
		473	`<div class="col-lg-3 form-group">`
		474	`<select id="reason" name="reason" placeholder="Reason"`
		475	`class="form-control input-sm">`
		476	`<option value="" disabled selected>Reason</option>`
		477	`<option value="No budget">No budget</option>`
		478	`<option value="No authority to take decision">No`
		479	`authority to take decision`
		480	`</option>`
		481	`<option value="No need for new business">No need for`
		482	`new business`
		483	`</option>`
		484	`<option value="Not ready in near future">Not ready in`
		485	`near future`
		486	`</option>`
		487	`<option value="No store availability">No store`
		488	`availability`
		489	`</option>`
		490	`<option value="Duplicate Number"> Duplicate Number</option>`
35252	aman	491	`<option value="reassigning Lead">Reassigning Lead</option>`
30601	amit.gupta	492	`</select>`
		493	`</div>`
		494
		495	`<div class="col-lg-3 form-group">`
		496	`<select id="editStatus" name="editStatus" placeholder="Status"`
		497	`class="form-control input-sm" onchange="editStatusAction()">`
		498	`<option value="" disabled selected>Status</option>`
		499	`<option value="followUp">Follow Up</option>`
		500	`<option value="notInterested">Not Interested</option>`
		501	`<option value="finalized">Finalized</option>`
		502	`</select>`
		503	`</div>`
		504
		505	`<div class="col-lg-3 form-group">`
		506	`<input id="editScheduleTime" placeholder="scheduleTime"`
		507	`name="editScheduleTime" type="text" value=""`
		508	`class="form-control input-sm">`
		509	`</div>`
35548	aman	510
		511	`<div class="col-lg-3 form-group">`
31249	tejbeer	512	`<select class="form-control input-sm" id="communicationType" name="communicationType"`
		513	`placeholder="Communication Type">`
		514	`<option value="" disabled selected>Communication Type</option>`
		515	`#foreach($communicationType in $communicationTypes)`
		516	`<option value="$communicationType">$communicationType</option> #end`
		517	`</select>`
35548	aman	518	`</div>`
		519
		520
		521	`<div class="col-lg-2 form-group">`
32471	tejbeer	522	`<select class="form-control input-sm" id="conversionprobability"`
		523	`name="conversionprobability" placeholder="Conversion Probability">`
34890	aman	524	`<option value="false" disabled selected>Conversion Probability</option>`
32471	tejbeer	525	`<option value="false">Low</option>`
		526	`<option value="true">High</option>`
35548	aman	527
32471	tejbeer	528	`</select>`
		529	`</div>`
35548	aman	530	`<div class="col-lg-2 form-group">`
		531	`<input id="editCity" name="editCity" placeholder="City"`
		532	`type="text" value="" class="form-control input-sm">`
		533	`</div>`
		534
		535	`<div class="col-lg-2 form-group">`
		536	`<select class="form-control input-sm" id="editState" name="editState"`
		537	`placeholder="State">`
		538	`<option value="" disabled selected>State</option>`
		539	`#foreach($stateName in $stateNames)`
		540	`<option value="$stateName">$stateName</option>`
		541	`#end`
		542	`</select>`
		543	`</div>`
		544
		545
30601	amit.gupta	546	`</div>`
		547	`</div>`
		548	`</div>`
		549
		550	`<div class="modal-footer">`
		551	`<button type="button" data-dismiss="modal"`
		552	`class="btn btn-default cancel-lead-request">Cancel`
		553	`</button>`
		554	`<button type="button" class="btn btn-default lead-edit-request">Submit</button>`
		555
		556	`</div>`
		557
		558	`</div>`
		559	`</div>`
		560	`</div>`
		561
		562
		563	`<div id="newEntryLeadModal" class="modal">`
		564	`<div class="modal-dialog">`
		565
		566	`<!-- Modal content-->`
		567	`<div class="modal-content">`
		568	`<div class="modal-header">`
		569	`<button type="button" class="close" data-dismiss="modal">×</button>`
		570	`<h4 class="modal-title">Create Lead</h4>`
		571	`</div>`
32464	tejbeer	572	`<div class="modal-body" style="height:500px; overflow:auto">`
30601	amit.gupta	573	`<div id="lead-request">`
		574	`<div class="row">`
		575	`<div class="col-lg-3">`
		576	`<div class="input-group">`
		577	`<input placeholder="First Name" name="firstName" id="firstName"`
		578	`type="text" class="form-control input-sm">`
		579	`</div>`
		580	`</div>`
		581
		582	`<div class="col-lg-3 form-group">`
		583	`<input placeholder="Last Name" id="lastName" name="lastName"`
		584	`type="text" value="" class="form-control input-sm">`
		585	`</div>`
		586
		587	`<div class="col-lg-3 form-group">`
		588	`<input placeholder="mobile" id="mobile" name="mobile"`
		589	`type="number" value="" class="form-control input-sm">`
		590	`</div>`
		591	`</div>`
		592
		593	`<div class="row">`
		594	`<div class="col-lg-3 form-group">`
		595	`<input id="address" name="address" placeholder="address"`
		596	`id="address" type="text" value="" class="form-control input-sm">`
		597	`</div>`
		598	`<div class="col-lg-3 form-group">`
		599	`<input id="city" name="city" placeholder="city" type="text"`
		600	`value="" class="form-control input-sm">`
		601	`</div>`
		602	`<div class="col-lg-3 form-group">`
		603	`<select class="form-control input-sm" id="state" name="state"`
		604	`placeholder="State">`
		605	`<option value="" disabled selected>State</option>`
		606	`#foreach($stateName in $stateNames)`
		607	`<option value="$stateName">$stateName</option> #end`
		608	`</select>`
		609	`</div>`
		610	`</div>`
		611
		612	`<div class="row">`
		613
		614	`<div class="col-lg-3 form-group">`
		615	`<select id="status" name="status" placeholder="Status"`
		616	`class="form-control input-sm" onchange="statusAction()">`
		617	`<option value="" disabled selected>Status</option>`
		618	`<option value="followUp">Follow Up</option>`
		619	`<option value="notInterested">Not Interested</option>`
		620	`<option value="finalized">Finalized</option>`
		621	`</select>`
		622	`</div>`
		623
		624	`<div class="col-lg-3 form-group">`
		625	`<input id="scheduleTime" placeholder="scheduleTime"`
		626	`name="scheduleTime" type="text" value=""`
		627	`class="form-control input-sm">`
		628	`</div>`
		629
		630	`<div class="col-lg-3 form-group">`
		631	`<input id="createRemark" name="createRemark"`
		632	`placeholder="Remark" type="text" value=""`
		633	`class="form-control input-sm">`
		634	`</div>`
		635	`</div>`
		636
		637	`<div class="row">`
35548	aman	638
		639	`<div class="col-lg-3 form-group">`
31249	tejbeer	640	`<select class="form-control input-sm" id="communicationTye" name="communicationType"`
		641	`placeholder="Communication Type">`
		642	`<option value="" disabled selected>Communication Type</option>`
		643	`#foreach($communicationType in $communicationTypes)`
		644	`<option value="$communicationType">$communicationType</option> #end`
		645	`</select>`
		646	`</div>`
35548	aman	647
30601	amit.gupta	648	`<div class="col-lg-3 form-group">`
		649	`<select class="form-control input-sm" id="createAssignTo"`
		650	`name="createAssignTo" placeholder="Assign">`
		651	`<option value="" disabled selected>Assign To</option>`
		652	`#foreach($authUser in $authUsers)`
		653	`<option value="$authUser.getId()">$authUser.getFirstName() $authUser.getLastName()</option>`
		654	`#end`
		655	`</select>`
		656	`</div>`
		657
		658	`<div class="col-lg-3 form-group">`
		659	`<select class="form-control input-sm" id="leadSource"`
		660	`name="leadSource" placeholder="Source">`
		661	`<option value="" disabled selected>Source</option>`
		662	`<option value="SELF">SELF</option>`
		663	`<option value="NEWSPAPER">NEWSPAPER</option>`
		664	`<option value="INTERNET">INTERNET</option>`
		665	`<option value="PARTNER">PARTNER</option>`
		666	`</select>`
		667	`</div>`
35548	aman	668
		669	`<div class="col-lg-3 form-group">`
32476	tejbeer	670	`<select class="form-control input-sm" id="conversionprobabilit"`
32471	tejbeer	671	`name="conversionprobability" placeholder="Conversion Probability">`
		672	`<option value="" disabled selected>Conversion Probability</option>`
		673	`<option value="false">Low</option>`
		674	`<option value="true">High</option>`
35548	aman	675
32471	tejbeer	676	`</select>`
		677	`</div>`
30601	amit.gupta	678	`</div>`
35548	aman	679
		680
		681	`<div class="row">`
32464	tejbeer	682	`<div class="col-lg-3">`
35548	aman	683	`<label style="font-weight:bold">Outlet Name</label>`
		684
32464	tejbeer	685	`<div class="input-group">`
35548	aman	686	`<input placeholder="Outlet Name" id="outletName" name="leadoutletName"`
		687	`type="text" value="" class="form-control input-sm">`
		688
32464	tejbeer	689	`</div>`
		690	`</div>`
30601	amit.gupta	691
32464	tejbeer	692	`<div class="col-lg-4 form-group">`
35548	aman	693	`<label style="font-weight:bold">Front</label>`
		694	`<input type="hidden" class="frontph" value="">`
		695	`<input type="file" class="frontp" placeholder="Front" id="frontp" name="frontp"`
		696	`value="">`
32464	tejbeer	697	`</div>`
35548	aman	698
32464	tejbeer	699	`<div class="col-lg-4 form-group">`
35548	aman	700	`<label style="font-weight:bold">Internal With Market</label>`
		701
		702	`<input type="hidden" class="internalMarketh" value="">`
		703	`<input type="file" class="internalMarket" placeholder="Internal With Market"`
		704	`id="internalMarket" name="internalMarket"`
		705	`value="">`
32464	tejbeer	706	`</div>`
35548	aman	707
		708	`<div class="col-lg-4 form-group">`
		709	`<label style="font-weight:bold">Internal Long Shot</label>`
		710
		711	`<input type="hidden" class="leftShoth" value="">`
		712	`<input type="file" class="leftShot" placeholder="Internal Long Shot" id="leftShot"`
		713	`name="leftShot"`
		714	`value="">`
32464	tejbeer	715	`</div>`
35548	aman	716
		717	`<div class="col-lg-4 form-group">`
		718	`<label style="font-weight:bold">Internal Left Wall</label>`
		719	`<input type="hidden" class="leftWallh" value="">`
		720	`<input type="file" class="leftWall" placeholder="Internal Left Wall" id="leftWall"`
		721	`name="leftWall"`
		722	`value="">`
32464	tejbeer	723	`</div>`
35548	aman	724
		725
		726	`<div class="col-lg-4 form-group">`
		727	`<label style="font-weight:bold">Internal Right Wall</label>`
		728
		729	`<input type="hidden" class="rightWallh" value="">`
		730	`<input type="file" class="rightWall" placeholder="Internal Right Wall" id="rightWall"`
		731	`name="rightWall"`
		732	`value="">`
32464	tejbeer	733	`</div>`
		734
		735
		736	`<div class="col-lg-3 form-group">`
		737	`<input id="counterSize" placeholder="Counter Size"`
		738	`name="leadcounterSize" type="text" value=""`
		739	`class="form-control input-sm">`
		740	`</div>`
		741
35548	aman	742	`<div class="col-lg-5 form-group">`
		743
		744	`<table class="table table-border table-condensed table-bordered" id="brandtable">`
		745	`<tr>`
		746	`<th>Brand</th>`
		747	`<th>Value</th>`
		748	`</tr>`
		749
		750
		751
		752	`#foreach($brand in $brandsDisplays)`
		753	`<tr>`
		754	`<td>$brand.getName()</td>`
		755	`<td><input type="number" class="$brand.getName()" placeholder="Value"`
		756	`name="$brand.getName()"`
		757	`value="0"></td>`
		758	`</tr>`
		759	`#end`
		760	`</table>`
		761
		762	`</div>`
		763
		764
		765	`<form>`
		766	`<div class="row" style="margin-bottom: 12px; padding:12px">`
		767	`<form class="form-horizontal">`
		768	`<div class="col-lg-6">`
		769	`<labelfor`
		770	`="excelfile">Ivory Template:</label>`
		771	`<a class="btn btn-primary" id="uploadIvoryLead"> Download Template </a>`
		772	`</div>`
		773	`</form>`
		774
		775	`<div class="col-lg-6 form-group">`
		776	`<div class="input-group">`
		777	`<input type="file" class="form-control input-sm fileLeadGenerate"`
		778	`name="fileLeadGenerate" value="Upload CSv">`
		779	`<span class="input-group-btn">`
30601	amit.gupta	780	`<button type="button" class="btn btn-primary submitLeadGenerate">`
29445	manish	781	`Uplaod`
		782	`</button>`
32464	tejbeer	783	`</span>`
35548	aman	784	`</div>`
30601	amit.gupta	785	`</div>`
		786	`</div>`
28200	tejbeer	787
35548	aman	788	`</form>`
28200	tejbeer	789
35548	aman	790	`</div>`
30601	amit.gupta	791	`</div>`
35548	aman	792
		793
30601	amit.gupta	794	`</div>`
		795
35548	aman	796	`<div class="modal-footer">`
30601	amit.gupta	797	`<button type="button" data-dismiss="modal"`
		798	`class="btn btn-default cancel-lead-request">Cancel`
		799	`</button>`
		800	`<button type="button" class="btn btn-default lead-request">Submit</button>`
		801
		802	`</div>`
35548	aman	803	`</div>`
30601	amit.gupta	804	`</div>`
28200	tejbeer	805	`</section>`
		806
		807
25979	tejbeer	808	`<script type="text/javascript">`
30601	amit.gupta	809	`var editor;`
		810	`var searchCount = 0;`
		811	`var ab;`
		812	`$(document)`
		813	`.ready(`
		814	`function () {`
31214	amit.gupta	815	`let table = $('#lead-table').DataTable({`
		816	`orderCellsTop: true,`
32666	amit.gupta	817	`"lengthMenu": [100, 250, 1000, -1],`
28200	tejbeer	818
31214	amit.gupta	819	`fixedHeader: true,`
		820	`"bPaginate": true,`
		821	`"bLengthChange": true,`
		822	`"bFilter": true,`
		823	`"bInfo": false,`
		824	`"bAutoWidth": false,`
28200	tejbeer	825
31214	amit.gupta	826	`"columnDefs": [{`
		827	`type: 'date-euro',`
		828	`targets: 12`
		829	`}, {`
		830	`type: 'date-euro',`
		831	`targets: 11`
		832	`}, {`
		833	`type: 'date-euro',`
		834	`targets: 10`
		835	`}, {`
		836	`type: 'date-euro',`
		837	`targets: 9`
		838	`}`
28200	tejbeer	839
31214	amit.gupta	840	`]`
		841	`});`
		842
30601	amit.gupta	843	`$('#lead-table thead tr').clone(true).appendTo(`
		844	`'#lead-table thead');`
		845	`$('#lead-table thead tr:eq(1) th')`
		846	`.each(`
		847	`function (i) {`
		848	`var title = $(this).text();`
		849	`$(this).html(`
		850	`'<input type="text" class="search-lead" style = "width:60%;" placeholder="Search '`
		851	`+ title`
		852	`+ '" />');`
28200	tejbeer	853
30601	amit.gupta	854	`$('input', this)`
		855	`.on(`
		856	`'keyup change',`
		857	`function () {`
		858	`if (table`
		859	`.column(`
		860	`i)`
		861	`.search() !== this.value) {`
		862	`table`
		863	`.column(`
		864	`i)`
		865	`.search(`
		866	`this.value)`
		867	`.draw();`
		868	`}`
		869	`});`
31214	amit.gupta	870	`});`
29268	manish	871
29478	manish	872
30601	amit.gupta	873	`var myPieChart = null;`
		874	`$(document).on("keyup", ".search-lead",`
		875	`function (e) {`
		876	`console.log('Currently applied global search:');`
		877	`if (myPieChart != null) {`
		878	`myPieChart.destroy();`
		879	`}`
29268	manish	880
		881
30601	amit.gupta	882	`myFunction(searchCount);`
29268	manish	883
30601	amit.gupta	884
		885	`});`
		886
		887	`function myFunction() {`
		888	`if (searchCount == 0) {`
		889	`ab = setTimeout(function () {`
		890	`datatableChart();`
		891	`}, 3000);`
		892	`searchCount++;`
		893	`} else {`
		894	`clearTimeout(ab);`
		895	`ab = setTimeout(function () {`
		896	`datatableChart();`
		897	`}, 3000);`
		898	`}`
		899	`}`
		900
		901
		902	`function datatableChart() {`
		903
		904
		905	`$('#chart-leadstatus').remove();`
		906
		907	`let count = 0;`
		908	`let ni = 0;`
		909
		910	`let fwup = 0;`
		911	`let htld = 0;`
		912	`let pend = 0;`
		913	`let final = 0;`
		914
		915	`table.rows({`
		916	`"search": "applied"`
		917	`}).every(function () {`
		918	`var data = this.data();`
		919	`var status = data[8];`
		920	`var hotLeads = data[16];`
		921
		922	`console.log("status" + status);`
		923
		924	`if (hotLeads == "Green") {`
		925	`htld++;`
		926	`}`
		927
		928	`if (status == "notInterested") {`
		929	`ni++;`
		930	`} else if (status == "followUp") {`
		931	`fwup++;`
		932	`} else if (status == "pending") {`
		933
		934	`pend++;`
		935	`} else if (status == "finalized") {`
		936
		937	`final++;`
		938	`}`
		939	`var count = table.rows({search: 'applied'}).count();`
		940
		941	`});`
		942	`var ctx = document.getElementById('chart-lead-search').getContext('2d');`
		943
33990	tejus.loha	944	`myPieChart = new Chart1(ctx, {`
30601	amit.gupta	945	`"type": "pie",`
		946	`"data": {`
		947	`"labels": [`
		948	`"notInterested",`
		949	`"followUp",`
		950	`"pending",`
		951	`"finalized",`
		952	`"HotLeads"`
		953	`],`
		954	`"datasets": [`
		955	`{`
		956	`"data": [`
		957	`ni, fwup, pend, final, htld`
		958	`],`
		959	`"backgroundColor": ["red", "#9ACD32", "pink", "blue", "green"],`
		960	`"label": "DataSet 1"`
		961	`}`
		962	`]`
		963	`},`
		964	`"options": {`
		965	`"responsive": true,`
		966	`"legend": {`
		967	`"labels": {`
		968	`"fontColor": "black",`
		969	`"fontSize": 15`
		970	`},`
		971	`"position": "left"`
		972	`}`
		973	`}`
		974	`});`
		975
		976	`if (ni <= 0) {`
		977	`myPieChart.getDatasetMeta(0).data[0].hidden = true;`
		978	`}`
		979	`if (fwup <= 0) {`
		980	`myPieChart.getDatasetMeta(0).data[1].hidden = true;`
		981	`}`
		982	`if (pend <= 0) {`
		983	`myPieChart.getDatasetMeta(0).data[2].hidden = true;`
		984	`}`
		985	`if (final <= 0) {`
		986	`myPieChart.getDatasetMeta(0).data[3].hidden = true;`
		987	`}`
		988
		989	`if (htld <= 0) {`
		990	`myPieChart.getDatasetMeta(0).data[4].hidden = true;`
		991	`}`
		992
		993	`myPieChart.update();`
		994
		995	`}`
		996
		997
		998	`});`
25979	tejbeer	999	`</script>`
29221	manish	1000
29268	manish	1001	`<script type="text/javascript">`
		1002
30601	amit.gupta	1003
		1004	`var config = $chartLead;`
		1005
		1006	`var ctx = document.getElementById('chart-leadstatus').getContext('2d');`
33990	tejus.loha	1007	`var bar = new Chart1(ctx, config);`
29268	manish	1008	`</script>`

Subversion Repositories SmartDukaan

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