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>`
35768	aman	666	`<option value="WEBINAR">WEBINAR</option>`
30601	amit.gupta	667	`</select>`
		668	`</div>`
35548	aman	669
		670	`<div class="col-lg-3 form-group">`
32476	tejbeer	671	`<select class="form-control input-sm" id="conversionprobabilit"`
32471	tejbeer	672	`name="conversionprobability" placeholder="Conversion Probability">`
		673	`<option value="" disabled selected>Conversion Probability</option>`
		674	`<option value="false">Low</option>`
		675	`<option value="true">High</option>`
35548	aman	676
32471	tejbeer	677	`</select>`
		678	`</div>`
30601	amit.gupta	679	`</div>`
35548	aman	680
		681
		682	`<div class="row">`
32464	tejbeer	683	`<div class="col-lg-3">`
35548	aman	684	`<label style="font-weight:bold">Outlet Name</label>`
		685
32464	tejbeer	686	`<div class="input-group">`
35548	aman	687	`<input placeholder="Outlet Name" id="outletName" name="leadoutletName"`
		688	`type="text" value="" class="form-control input-sm">`
		689
32464	tejbeer	690	`</div>`
		691	`</div>`
30601	amit.gupta	692
32464	tejbeer	693	`<div class="col-lg-4 form-group">`
35548	aman	694	`<label style="font-weight:bold">Front</label>`
		695	`<input type="hidden" class="frontph" value="">`
		696	`<input type="file" class="frontp" placeholder="Front" id="frontp" name="frontp"`
		697	`value="">`
32464	tejbeer	698	`</div>`
35548	aman	699
32464	tejbeer	700	`<div class="col-lg-4 form-group">`
35548	aman	701	`<label style="font-weight:bold">Internal With Market</label>`
		702
		703	`<input type="hidden" class="internalMarketh" value="">`
		704	`<input type="file" class="internalMarket" placeholder="Internal With Market"`
		705	`id="internalMarket" name="internalMarket"`
		706	`value="">`
32464	tejbeer	707	`</div>`
35548	aman	708
		709	`<div class="col-lg-4 form-group">`
		710	`<label style="font-weight:bold">Internal Long Shot</label>`
		711
		712	`<input type="hidden" class="leftShoth" value="">`
		713	`<input type="file" class="leftShot" placeholder="Internal Long Shot" id="leftShot"`
		714	`name="leftShot"`
		715	`value="">`
32464	tejbeer	716	`</div>`
35548	aman	717
		718	`<div class="col-lg-4 form-group">`
		719	`<label style="font-weight:bold">Internal Left Wall</label>`
		720	`<input type="hidden" class="leftWallh" value="">`
		721	`<input type="file" class="leftWall" placeholder="Internal Left Wall" id="leftWall"`
		722	`name="leftWall"`
		723	`value="">`
32464	tejbeer	724	`</div>`
35548	aman	725
		726
		727	`<div class="col-lg-4 form-group">`
		728	`<label style="font-weight:bold">Internal Right Wall</label>`
		729
		730	`<input type="hidden" class="rightWallh" value="">`
		731	`<input type="file" class="rightWall" placeholder="Internal Right Wall" id="rightWall"`
		732	`name="rightWall"`
		733	`value="">`
32464	tejbeer	734	`</div>`
		735
		736
		737	`<div class="col-lg-3 form-group">`
		738	`<input id="counterSize" placeholder="Counter Size"`
		739	`name="leadcounterSize" type="text" value=""`
		740	`class="form-control input-sm">`
		741	`</div>`
		742
35548	aman	743	`<div class="col-lg-5 form-group">`
		744
		745	`<table class="table table-border table-condensed table-bordered" id="brandtable">`
		746	`<tr>`
		747	`<th>Brand</th>`
		748	`<th>Value</th>`
		749	`</tr>`
		750
		751
		752
		753	`#foreach($brand in $brandsDisplays)`
		754	`<tr>`
		755	`<td>$brand.getName()</td>`
		756	`<td><input type="number" class="$brand.getName()" placeholder="Value"`
		757	`name="$brand.getName()"`
		758	`value="0"></td>`
		759	`</tr>`
		760	`#end`
		761	`</table>`
		762
		763	`</div>`
		764
		765
		766	`<form>`
		767	`<div class="row" style="margin-bottom: 12px; padding:12px">`
		768	`<form class="form-horizontal">`
		769	`<div class="col-lg-6">`
		770	`<labelfor`
		771	`="excelfile">Ivory Template:</label>`
		772	`<a class="btn btn-primary" id="uploadIvoryLead"> Download Template </a>`
		773	`</div>`
		774	`</form>`
		775
		776	`<div class="col-lg-6 form-group">`
		777	`<div class="input-group">`
		778	`<input type="file" class="form-control input-sm fileLeadGenerate"`
		779	`name="fileLeadGenerate" value="Upload CSv">`
		780	`<span class="input-group-btn">`
30601	amit.gupta	781	`<button type="button" class="btn btn-primary submitLeadGenerate">`
29445	manish	782	`Uplaod`
		783	`</button>`
32464	tejbeer	784	`</span>`
35548	aman	785	`</div>`
30601	amit.gupta	786	`</div>`
		787	`</div>`
28200	tejbeer	788
35548	aman	789	`</form>`
28200	tejbeer	790
35548	aman	791	`</div>`
30601	amit.gupta	792	`</div>`
35548	aman	793
		794
30601	amit.gupta	795	`</div>`
		796
35548	aman	797	`<div class="modal-footer">`
30601	amit.gupta	798	`<button type="button" data-dismiss="modal"`
		799	`class="btn btn-default cancel-lead-request">Cancel`
		800	`</button>`
		801	`<button type="button" class="btn btn-default lead-request">Submit</button>`
		802
		803	`</div>`
35548	aman	804	`</div>`
30601	amit.gupta	805	`</div>`
28200	tejbeer	806	`</section>`
		807
		808
25979	tejbeer	809	`<script type="text/javascript">`
30601	amit.gupta	810	`var editor;`
		811	`var searchCount = 0;`
		812	`var ab;`
		813	`$(document)`
		814	`.ready(`
		815	`function () {`
31214	amit.gupta	816	`let table = $('#lead-table').DataTable({`
		817	`orderCellsTop: true,`
32666	amit.gupta	818	`"lengthMenu": [100, 250, 1000, -1],`
28200	tejbeer	819
31214	amit.gupta	820	`fixedHeader: true,`
		821	`"bPaginate": true,`
		822	`"bLengthChange": true,`
		823	`"bFilter": true,`
		824	`"bInfo": false,`
		825	`"bAutoWidth": false,`
28200	tejbeer	826
31214	amit.gupta	827	`"columnDefs": [{`
		828	`type: 'date-euro',`
		829	`targets: 12`
		830	`}, {`
		831	`type: 'date-euro',`
		832	`targets: 11`
		833	`}, {`
		834	`type: 'date-euro',`
		835	`targets: 10`
		836	`}, {`
		837	`type: 'date-euro',`
		838	`targets: 9`
		839	`}`
28200	tejbeer	840
31214	amit.gupta	841	`]`
		842	`});`
		843
30601	amit.gupta	844	`$('#lead-table thead tr').clone(true).appendTo(`
		845	`'#lead-table thead');`
		846	`$('#lead-table thead tr:eq(1) th')`
		847	`.each(`
		848	`function (i) {`
		849	`var title = $(this).text();`
		850	`$(this).html(`
		851	`'<input type="text" class="search-lead" style = "width:60%;" placeholder="Search '`
		852	`+ title`
		853	`+ '" />');`
28200	tejbeer	854
30601	amit.gupta	855	`$('input', this)`
		856	`.on(`
		857	`'keyup change',`
		858	`function () {`
		859	`if (table`
		860	`.column(`
		861	`i)`
		862	`.search() !== this.value) {`
		863	`table`
		864	`.column(`
		865	`i)`
		866	`.search(`
		867	`this.value)`
		868	`.draw();`
		869	`}`
		870	`});`
31214	amit.gupta	871	`});`
29268	manish	872
29478	manish	873
30601	amit.gupta	874	`var myPieChart = null;`
		875	`$(document).on("keyup", ".search-lead",`
		876	`function (e) {`
		877	`console.log('Currently applied global search:');`
		878	`if (myPieChart != null) {`
		879	`myPieChart.destroy();`
		880	`}`
29268	manish	881
		882
30601	amit.gupta	883	`myFunction(searchCount);`
29268	manish	884
30601	amit.gupta	885
		886	`});`
		887
		888	`function myFunction() {`
		889	`if (searchCount == 0) {`
		890	`ab = setTimeout(function () {`
		891	`datatableChart();`
		892	`}, 3000);`
		893	`searchCount++;`
		894	`} else {`
		895	`clearTimeout(ab);`
		896	`ab = setTimeout(function () {`
		897	`datatableChart();`
		898	`}, 3000);`
		899	`}`
		900	`}`
		901
		902
		903	`function datatableChart() {`
		904
		905
		906	`$('#chart-leadstatus').remove();`
		907
		908	`let count = 0;`
		909	`let ni = 0;`
		910
		911	`let fwup = 0;`
		912	`let htld = 0;`
		913	`let pend = 0;`
		914	`let final = 0;`
		915
		916	`table.rows({`
		917	`"search": "applied"`
		918	`}).every(function () {`
		919	`var data = this.data();`
		920	`var status = data[8];`
		921	`var hotLeads = data[16];`
		922
		923	`console.log("status" + status);`
		924
		925	`if (hotLeads == "Green") {`
		926	`htld++;`
		927	`}`
		928
		929	`if (status == "notInterested") {`
		930	`ni++;`
		931	`} else if (status == "followUp") {`
		932	`fwup++;`
		933	`} else if (status == "pending") {`
		934
		935	`pend++;`
		936	`} else if (status == "finalized") {`
		937
		938	`final++;`
		939	`}`
		940	`var count = table.rows({search: 'applied'}).count();`
		941
		942	`});`
		943	`var ctx = document.getElementById('chart-lead-search').getContext('2d');`
		944
33990	tejus.loha	945	`myPieChart = new Chart1(ctx, {`
30601	amit.gupta	946	`"type": "pie",`
		947	`"data": {`
		948	`"labels": [`
		949	`"notInterested",`
		950	`"followUp",`
		951	`"pending",`
		952	`"finalized",`
		953	`"HotLeads"`
		954	`],`
		955	`"datasets": [`
		956	`{`
		957	`"data": [`
		958	`ni, fwup, pend, final, htld`
		959	`],`
		960	`"backgroundColor": ["red", "#9ACD32", "pink", "blue", "green"],`
		961	`"label": "DataSet 1"`
		962	`}`
		963	`]`
		964	`},`
		965	`"options": {`
		966	`"responsive": true,`
		967	`"legend": {`
		968	`"labels": {`
		969	`"fontColor": "black",`
		970	`"fontSize": 15`
		971	`},`
		972	`"position": "left"`
		973	`}`
		974	`}`
		975	`});`
		976
		977	`if (ni <= 0) {`
		978	`myPieChart.getDatasetMeta(0).data[0].hidden = true;`
		979	`}`
		980	`if (fwup <= 0) {`
		981	`myPieChart.getDatasetMeta(0).data[1].hidden = true;`
		982	`}`
		983	`if (pend <= 0) {`
		984	`myPieChart.getDatasetMeta(0).data[2].hidden = true;`
		985	`}`
		986	`if (final <= 0) {`
		987	`myPieChart.getDatasetMeta(0).data[3].hidden = true;`
		988	`}`
		989
		990	`if (htld <= 0) {`
		991	`myPieChart.getDatasetMeta(0).data[4].hidden = true;`
		992	`}`
		993
		994	`myPieChart.update();`
		995
		996	`}`
		997
		998
		999	`});`
25979	tejbeer	1000	`</script>`
29221	manish	1001
29268	manish	1002	`<script type="text/javascript">`
		1003
30601	amit.gupta	1004
		1005	`var config = $chartLead;`
		1006
		1007	`var ctx = document.getElementById('chart-leadstatus').getContext('2d');`
33990	tejus.loha	1008	`var bar = new Chart1(ctx, config);`
29268	manish	1009	`</script>`

Subversion Repositories SmartDukaan

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