WebSVN – SmartDukaan – Blame – //trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/all-trial-form.vm

Rev	Author	Line No.	Line
35499	aman	1	`<script type="text/javascript">`
		2
		3	`$(document).ready(function () {`
		4
		5	`$('#trial-users').DataTable({`
		6
		7	`"bPaginate": true,`
		8	`"bLengthChange": true,`
		9	`"bFilter": true,`
		10	`"bInfo": false,`
		11	`"bAutoWidth": false,`
		12	`"scrollX": true,`
		13	`"order": [[0, 'desc']]`
		14
		15	`}`
		16	`);`
		17	`});`
		18	`</script>`
		19
		20	`<style>`
		21
		22
		23	`img:target {`
		24	`border: 5px solid red;`
		25	`}`
		26
		27	`.lightbox {`
		28	`/* Default to hidden */`
		29	`display: none;`
		30
		31	`/* Overlay entire screen */`
		32	`position: fixed;`
		33	`z-index: 999;`
		34	`top: 0;`
		35	`left: 0;`
		36	`right: 0;`
		37	`bottom: 0;`
		38
		39	`/* A bit of padding around image */`
		40	`padding: 1em;`
		41
		42	`/* Translucent background */`
		43	`background: rgba(0, 0, 0, 0.8);`
		44	`}`
		45
		46	`/* Unhide the lightbox when it's the target */`
		47	`.lightbox:target {`
		48	`display: block;`
		49	`}`
		50
		51	`.lightbox span {`
		52	`/* Full width and height */`
		53	`display: block;`
		54	`width: 100%;`
		55	`height: 100%;`
		56
		57	`/* Size and position background image */`
		58	`background-position: center;`
		59	`background-repeat: no-repeat;`
		60	`background-size: contain;`
		61	`}`
		62
		63	`.p-2 {`
		64	`padding: 0.7em;`
		65	`}`
		66
		67
		68	`</style>`
		69	`<section class="wrapper">`
		70	`<div class="row">`
		71	`<div class="col-lg-12">`
		72	`<h3 class="page-header"><i class="icon_document_alt"></i>Trial Partner</h3>`
		73	`<ol class="breadcrumb">`
		74	`<li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>`
35517	aman	75	`<li><i class="icon_document_alt"></i>All Trial Partner page</li>`
35499	aman	76	`</ol>`
		77	`</div>`
		78	`</div>`
		79
35517	aman	80	`<div class="col-md-4 p-2">`
		81	`<label class="form-label">Select Status</label>`
		82	`<select name="status" class="form-select tstatus">`
		83	`<option value="">Select Status</option>`
		84	`#foreach($st in $status)`
		85	`<option value="$st.name()"`
		86	`#if($selectedStatus && $selectedStatus.name() == $st.name())`
		87	`selected`
		88	`#end`
		89	`>`
		90	`$st.name()`
		91	`</option>`
		92	`#end`
		93	`</select>`
		94	`</div>`
35499	aman	95
35517	aman	96
35499	aman	97	`<div class="row">`
		98	`<div class="col-lg-12">`
		99	`<table class="table table-border table-condensed table-bordered" id="trial-users">`
		100	`<thead>`
		101	`<tr>`
		102	`<th>Id</th>`
		103	`<th>Outlet Name</th>`
		104	`<th>Email</th>`
		105	`<th>Mobile</th>`
		106	`<th>Name</th>`
		107	`<th>City</th>`
		108	`<th>State</th>`
		109	`<th>Address</th>`
		110	`<th>Pin Code</th>`
		111	`<th>Pan Document</th>`
35643	aman	112	`<th>Aadhaar Front</th>`
		113	`<th>Aadhaar Back</th>`
35499	aman	114	`<th>Shop Images</th>`
		115	`<th>Status</th>`
35517	aman	116	`<th>Remark</th>`
35499	aman	117	`</tr>`
		118	`</thead>`
		119	`<tbody>`
		120	`#if($trialForms.size() > 0)`
		121	`#foreach( $trialForm in $trialForms )`
		122	`<tr data-id="$trialForm.getId()">`
		123	`<td>$trialForm.getId()</td>`
		124	`<td>$trialForm.getBusinessName()</td>`
		125	`<td>$trialForm.getEmail()</td>`
		126	`<td>$trialForm.getMobile()</td>`
		127	`<td>$trialForm.getFirstName() $trialForm.getLastName()</td>`
		128	`<td>$trialForm.getCity()</td>`
		129	`<td>$trialForm.getState()</td>`
		130	`<td>$trialForm.getAddressLine1() #if($trialForm.addressLine2)`
		131	`<br/>$trialForm.addressLine2`
		132	`#end</td>`
		133	`<td>$trialForm.getPincode()</td>`
		134	`<td>`
		135	`<a href="#pan-id$trialForm.getId()">`
		136	`<img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"`
		137	`width="100">`
		138	`</a>`
		139	`<a href="#" class="lightbox" id="pan-id$trialForm.getId()">`
		140	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>`
		141	`</a>`
		142	`</td>`
		143	`<td>`
35643	aman	144	`<a href="#aadhaar-front-id$trialForm.getId()">`
		145	`<img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarFrontDocumentId()"`
35499	aman	146	`width="100">`
		147	`</a>`
35643	aman	148	`<a href="#" class="lightbox" id="aadhaar-front-id$trialForm.getId()">`
		149	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarFrontDocumentId()')"></span>`
35499	aman	150	`</a>`
		151	`</td>`
35643	aman	152	`<td>`
		153	`<a href="#aadhaar-back-id$trialForm.getId()">`
		154	`<img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarBackDocumentId()"`
		155	`width="100">`
		156	`</a>`
		157	`<a href="#" class="lightbox" id="aadhaar-back-id$trialForm.getId()">`
		158	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarBackDocumentId()')"></span>`
		159	`</a>`
		160	`</td>`
35517	aman	161	`<td class="text-center">`
35499	aman	162	`#set($shopImages = $trialForm.getShopImageDocumentIds())`
		163
		164	`#if($shopImages && $shopImages.size() > 0)`
		165	`#foreach($docId in $shopImages)`
		166	`<a href="#shop-img-$docId-$trialForm.getId()">`
		167	`<img src="${rc.contextPath}/download-attachment?documentId=$docId"`
		168	`width="80" style="margin:4px;">`
		169	`</a>`
		170
		171	`<a href="#" class="lightbox" id="shop-img-$docId-$trialForm.getId()">`
		172	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$docId')"></span>`
		173	`</a>`
		174	`#end`
		175	`#else`
35517	aman	176	`<span class="text-center">-</span>`
35499	aman	177	`#end`
		178
		179	`</td>`
		180
		181
		182	`<td class="text-center">`
		183	`$trialForm.getStatus()`
		184	`</td>`
35517	aman	185	`<td class="text-center">`
		186	`#if($trialForm.remark)`
		187	`<br/>$trialForm.remark`
		188	`#else`
		189	`<span class="text-center">-</span>`
		190	`#end`
		191	`</td>`
35499	aman	192
		193	`</tr>`
		194	`#end`
		195	`#else`
		196	`<tr>`
35643	aman	197	`<td colspan="15" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>`
35499	aman	198	`</tr>`
		199	`#end`
		200	`</tbody>`
		201	`</table>`
		202	`</div>`
		203	`</div>`
		204
		205
		206	`<div id="fetchLeadActivityData" class="modal" role="dialog">`
		207	`<div class="modal-dialog">`
		208	`<div class="modal-content"></div>`
		209	`</div>`
		210	`</div>`
		211	`</section>`
		212
		213	`<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">`
		214	`<div class="modal-dialog modal-lg" role="document">`
		215	`<div class="modal-content">`
		216
		217	`<!-- Modal Header -->`
		218	`<div class="modal-header text-white">`
		219	`<h5 class="modal-title">Brand Potential Verification</h5>`
		220	`<button type="button" class="close text-white" data-dismiss="modal">`
		221	`<span>×</span>`
		222	`</button>`
		223	`</div>`
		224
		225	`<!-- Modal Body -->`
		226	`<div class="modal-body">`
		227
		228	`<form id="asmBmForm" onsubmit="event.preventDefault(); saveAsmBm();"`
		229	`class=" bg-light rounded shadow-sm">`
		230
		231	`<div class="row p-2">`
		232	`<!-- BM Select -->`
		233	`<div class="col-md-4 p-2">`
		234	`<label class="form-label">Select BM</label>`
		235	`<select name="bm" class="form-select">`
		236	`<option value="">Select BM</option>`
		237	`#foreach($option in $bm)`
		238	`<option value="$option.getId()">`
		239	`$option.getFirstName() $option.getLastName()`
		240	`</option>`
		241	`#end`
		242	`</select>`
		243	`</div>`
		244
		245	`<!-- ASM Select -->`
		246	`<div class="col-md-4 p-2">`
		247	`<label class="form-label">Select ASM</label>`
		248	`<select name="asm" class="form-select">`
		249	`<option value="">Select ASM</option>`
		250	`#foreach($option in $asm)`
		251	`<option value="$option.getId()">`
		252	`$option.getFirstName() $option.getLastName()`
		253	`</option>`
		254	`#end`
		255	`</select>`
		256	`</div>`
		257	`<div class="col-md-4">`
		258	`<button type="submit" class="btn btn-danger w-100 mt-3">`
		259	`Save`
		260	`</button>`
		261	`</div>`
		262	`</div>`
		263
		264	`</form>`
		265	`<hr>`
		266
		267
		268	`<form id="brandPotentialForm" onsubmit="event.preventDefault(); saveBrandPotential();">`
		269
		270	`<input type="hidden" name="trialFormId" value=""/>`
		271
		272	`<table class="table table-bordered align-middle">`
		273	`<thead class="table-light">`
		274	`<tr>`
		275	`<th>Brand</th>`
		276	`<th>Potential</th>`
		277	`<th style="width: 50px;">Add</th>`
		278	`</tr>`
		279	`</thead>`
		280
		281	`<tbody id="brandPotentialRows">`
		282	`<tr>`
		283	`<td>`
		284	`<input type="text" name="brand_1" class="form-control" placeholder="Brand Name"/>`
		285	`</td>`
		286	`<td>`
		287	`<input type="number" name="potential_1" class="form-control"`
		288	`placeholder="Enter Potential"/>`
		289	`</td>`
		290	`<td class="text-center">`
		291	`<button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>`
		292	`</td>`
		293	`</tr>`
		294	`</tbody>`
		295
		296	`</table>`
		297
		298	`<button type="submit" class="btn w-100 mt-3 btn-danger">`
		299	`Save & Verify`
		300	`</button>`
		301
		302	`</form>`
		303
		304	`</div>`
		305
		306	`</div>`
		307	`</div>`
		308	`</div>`
		309	`<div class="modal fade" id="cancelTrialModal" tabindex="-1" role="dialog">`
		310	`<div class="modal-dialog modal-sm modal-dialog-centered" role="document">`
		311	`<div class="modal-content">`
		312
		313	`<div class="modal-header">`
		314	`<h5 class="modal-title text-danger">Cancel Trial</h5>`
		315	`<button type="button" class="close" data-dismiss="modal">`
		316	`<span>×</span>`
		317	`</button>`
		318	`</div>`
		319
		320	`<div class="modal-body">`
		321	`<input type="hidden" id="cancelTrialFormId"/>`
		322
		323	`<div class="form-group mb-0">`
		324	`<label>`
		325	`Remark <span class="text-danger">*</span>`
		326	`</label>`
		327	`<textarea`
		328	`id="cancelTrialRemark"`
		329	`class="form-control"`
		330	`rows="3"`
		331	`placeholder="Enter reason"`
		332	`></textarea>`
		333	`</div>`
		334	`</div>`
		335
		336	`<div class="modal-footer">`
		337	`<button`
		338	`class="btn btn-light btn-sm"`
		339	`data-dismiss="modal"`
		340	`>`
		341	`Close`
		342	`</button>`
		343
		344	`<button`
		345	`class="btn btn-danger btn-sm"`
		346	`id="confirmCancelTrial"`
		347	`>`
		348	`Confirm Cancel`
		349	`</button>`
		350	`</div>`
		351
		352	`</div>`
		353	`</div>`
		354	`</div>`
		355
		356
		357	`<script>`
		358	`let rowCount = 1;`
		359
		360	`function addRow() {`
		361	`rowCount++;`
		362
		363	`const tbody = document.getElementById("brandPotentialRows");`
		364
		365	`const newRow = document.createElement("tr");`
		366	newRow.innerHTML = `
		367	`<td>`
		368	`<input type="text" name="brand_${rowCount}" class="form-control" placeholder="Brand Name" />`
		369	`</td>`
		370	`<td>`
		371	`<input type="number" name="potential_${rowCount}" class="form-control" placeholder="Enter Potential" />`
		372	`</td>`
		373	`<td class="text-center">`
		374	`<button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>`
		375	`</td>`
		376	`;
		377
		378	`tbody.appendChild(newRow);`
		379	`}`
		380	`</script>`
		381
		382
		383
		384
		385
		386
		387

Subversion Repositories SmartDukaan

(root)//trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/all-trial-form.vm – Rev 35643