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

Subversion Repositories SmartDukaan

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