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

Subversion Repositories SmartDukaan

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