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>`
		75	`<li><i class="icon_document_alt"></i> Trial Partner Req page</li>`
		76	`</ol>`
		77	`</div>`
		78	`</div>`
		79
		80
		81	`<div class="row">`
		82	`<div class="col-lg-12">`
		83	`<table class="table table-border table-condensed table-bordered" id="trial-users">`
		84	`<thead>`
		85	`<tr>`
		86	`<th>Id</th>`
		87	`<th>Outlet Name</th>`
		88	`<th>Email</th>`
		89	`<th>Mobile</th>`
		90	`<th>Name</th>`
		91	`<th>City</th>`
		92	`<th>State</th>`
		93	`<th>Address</th>`
		94	`<th>Pin Code</th>`
		95	`<th>Pan Document</th>`
		96	`<th>Aadhaar Document</th>`
		97	`<th>Shop Images</th>`
		98	`<th>Status</th>`
		99	`</tr>`
		100	`</thead>`
		101	`<tbody>`
		102	`#if($trialForms.size() > 0)`
		103	`#foreach( $trialForm in $trialForms )`
		104	`<tr data-id="$trialForm.getId()">`
		105	`<td>$trialForm.getId()</td>`
		106	`<td>$trialForm.getBusinessName()</td>`
		107	`<td>$trialForm.getEmail()</td>`
		108	`<td>$trialForm.getMobile()</td>`
		109	`<td>$trialForm.getFirstName() $trialForm.getLastName()</td>`
		110	`<td>$trialForm.getCity()</td>`
		111	`<td>$trialForm.getState()</td>`
		112	`<td>$trialForm.getAddressLine1() #if($trialForm.addressLine2)`
		113	`<br/>$trialForm.addressLine2`
		114	`#end</td>`
		115	`<td>$trialForm.getPincode()</td>`
		116	`<td>`
		117	`<a href="#pan-id$trialForm.getId()">`
		118	`<img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"`
		119	`width="100">`
		120	`</a>`
		121	`<a href="#" class="lightbox" id="pan-id$trialForm.getId()">`
		122	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span>`
		123	`</a>`
		124	`</td>`
		125	`<td>`
		126	`<a href="#aadhaar-id$trialForm.getId()">`
		127	`<img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()"`
		128	`width="100">`
		129	`</a>`
		130	`<a href="#" class="lightbox" id="aadhaar-id$trialForm.getId()">`
		131	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarDocumentId()')"></span>`
		132	`</a>`
		133	`</td>`
		134	`<td>`
		135	`#set($shopImages = $trialForm.getShopImageDocumentIds())`
		136
		137	`#if($shopImages && $shopImages.size() > 0)`
		138	`#foreach($docId in $shopImages)`
		139	`<a href="#shop-img-$docId-$trialForm.getId()">`
		140	`<img src="${rc.contextPath}/download-attachment?documentId=$docId"`
		141	`width="80" style="margin:4px;">`
		142	`</a>`
		143
		144	`<a href="#" class="lightbox" id="shop-img-$docId-$trialForm.getId()">`
		145	`<span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$docId')"></span>`
		146	`</a>`
		147	`#end`
		148	`#else`
		149	`<span>-</span>`
		150	`#end`
		151
		152	`</td>`
		153
		154
		155	`<td class="text-center">`
		156	`$trialForm.getStatus()`
		157	`</td>`
		158
		159	`</tr>`
		160	`#end`
		161	`#else`
		162	`<tr>`
		163	`<td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>`
		164	`</tr>`
		165	`#end`
		166	`</tbody>`
		167	`</table>`
		168	`</div>`
		169	`</div>`
		170
		171
		172	`<div id="fetchLeadActivityData" class="modal" role="dialog">`
		173	`<div class="modal-dialog">`
		174	`<div class="modal-content"></div>`
		175	`</div>`
		176	`</div>`
		177	`</section>`
		178
		179	`<div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog">`
		180	`<div class="modal-dialog modal-lg" role="document">`
		181	`<div class="modal-content">`
		182
		183	`<!-- Modal Header -->`
		184	`<div class="modal-header text-white">`
		185	`<h5 class="modal-title">Brand Potential Verification</h5>`
		186	`<button type="button" class="close text-white" data-dismiss="modal">`
		187	`<span>×</span>`
		188	`</button>`
		189	`</div>`
		190
		191	`<!-- Modal Body -->`
		192	`<div class="modal-body">`
		193
		194	`<form id="asmBmForm" onsubmit="event.preventDefault(); saveAsmBm();"`
		195	`class=" bg-light rounded shadow-sm">`
		196
		197	`<div class="row p-2">`
		198	`<!-- BM Select -->`
		199	`<div class="col-md-4 p-2">`
		200	`<label class="form-label">Select BM</label>`
		201	`<select name="bm" class="form-select">`
		202	`<option value="">Select BM</option>`
		203	`#foreach($option in $bm)`
		204	`<option value="$option.getId()">`
		205	`$option.getFirstName() $option.getLastName()`
		206	`</option>`
		207	`#end`
		208	`</select>`
		209	`</div>`
		210
		211	`<!-- ASM Select -->`
		212	`<div class="col-md-4 p-2">`
		213	`<label class="form-label">Select ASM</label>`
		214	`<select name="asm" class="form-select">`
		215	`<option value="">Select ASM</option>`
		216	`#foreach($option in $asm)`
		217	`<option value="$option.getId()">`
		218	`$option.getFirstName() $option.getLastName()`
		219	`</option>`
		220	`#end`
		221	`</select>`
		222	`</div>`
		223	`<div class="col-md-4">`
		224	`<button type="submit" class="btn btn-danger w-100 mt-3">`
		225	`Save`
		226	`</button>`
		227	`</div>`
		228	`</div>`
		229
		230	`</form>`
		231	`<hr>`
		232
		233
		234	`<form id="brandPotentialForm" onsubmit="event.preventDefault(); saveBrandPotential();">`
		235
		236	`<input type="hidden" name="trialFormId" value=""/>`
		237
		238	`<table class="table table-bordered align-middle">`
		239	`<thead class="table-light">`
		240	`<tr>`
		241	`<th>Brand</th>`
		242	`<th>Potential</th>`
		243	`<th style="width: 50px;">Add</th>`
		244	`</tr>`
		245	`</thead>`
		246
		247	`<tbody id="brandPotentialRows">`
		248	`<tr>`
		249	`<td>`
		250	`<input type="text" name="brand_1" class="form-control" placeholder="Brand Name"/>`
		251	`</td>`
		252	`<td>`
		253	`<input type="number" name="potential_1" class="form-control"`
		254	`placeholder="Enter Potential"/>`
		255	`</td>`
		256	`<td class="text-center">`
		257	`<button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>`
		258	`</td>`
		259	`</tr>`
		260	`</tbody>`
		261
		262	`</table>`
		263
		264	`<button type="submit" class="btn w-100 mt-3 btn-danger">`
		265	`Save & Verify`
		266	`</button>`
		267
		268	`</form>`
		269
		270	`</div>`
		271
		272	`</div>`
		273	`</div>`
		274	`</div>`
		275	`<div class="modal fade" id="cancelTrialModal" tabindex="-1" role="dialog">`
		276	`<div class="modal-dialog modal-sm modal-dialog-centered" role="document">`
		277	`<div class="modal-content">`
		278
		279	`<div class="modal-header">`
		280	`<h5 class="modal-title text-danger">Cancel Trial</h5>`
		281	`<button type="button" class="close" data-dismiss="modal">`
		282	`<span>×</span>`
		283	`</button>`
		284	`</div>`
		285
		286	`<div class="modal-body">`
		287	`<input type="hidden" id="cancelTrialFormId"/>`
		288
		289	`<div class="form-group mb-0">`
		290	`<label>`
		291	`Remark <span class="text-danger">*</span>`
		292	`</label>`
		293	`<textarea`
		294	`id="cancelTrialRemark"`
		295	`class="form-control"`
		296	`rows="3"`
		297	`placeholder="Enter reason"`
		298	`></textarea>`
		299	`</div>`
		300	`</div>`
		301
		302	`<div class="modal-footer">`
		303	`<button`
		304	`class="btn btn-light btn-sm"`
		305	`data-dismiss="modal"`
		306	`>`
		307	`Close`
		308	`</button>`
		309
		310	`<button`
		311	`class="btn btn-danger btn-sm"`
		312	`id="confirmCancelTrial"`
		313	`>`
		314	`Confirm Cancel`
		315	`</button>`
		316	`</div>`
		317
		318	`</div>`
		319	`</div>`
		320	`</div>`
		321
		322
		323	`<script>`
		324	`let rowCount = 1;`
		325
		326	`function addRow() {`
		327	`rowCount++;`
		328
		329	`const tbody = document.getElementById("brandPotentialRows");`
		330
		331	`const newRow = document.createElement("tr");`
		332	newRow.innerHTML = `
		333	`<td>`
		334	`<input type="text" name="brand_${rowCount}" class="form-control" placeholder="Brand Name" />`
		335	`</td>`
		336	`<td>`
		337	`<input type="number" name="potential_${rowCount}" class="form-control" placeholder="Enter Potential" />`
		338	`</td>`
		339	`<td class="text-center">`
		340	`<button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button>`
		341	`</td>`
		342	`;
		343
		344	`tbody.appendChild(newRow);`
		345	`}`
		346	`</script>`
		347
		348
		349
		350
		351
		352
		353

Subversion Repositories SmartDukaan

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