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

Subversion Repositories SmartDukaan

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