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

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

Subversion Repositories SmartDukaan

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