Rev 35517 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<script type="text/javascript">$(document).ready(function () {$('#trial-users').DataTable({"bPaginate": true,"bLengthChange": true,"bFilter": true,"bInfo": false,"bAutoWidth": false,"scrollX": true,"order": [[0, 'desc']]});});</script><style>img:target {border: 5px solid red;}.lightbox {/* Default to hidden */display: none;/* Overlay entire screen */position: fixed;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;/* A bit of padding around image */padding: 1em;/* Translucent background */background: rgba(0, 0, 0, 0.8);}/* Unhide the lightbox when it's the target */.lightbox:target {display: block;}.lightbox span {/* Full width and height */display: block;width: 100%;height: 100%;/* Size and position background image */background-position: center;background-repeat: no-repeat;background-size: contain;}.p-2 {padding: 0.7em;}</style><section class="wrapper"><div class="row"><div class="col-lg-12"><h3 class="page-header"><i class="icon_document_alt"></i>Trial Partner</h3><ol class="breadcrumb"><li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li><li><i class="icon_document_alt"></i>All Trial Partner page</li></ol></div></div><div class="col-md-4 p-2"><label class="form-label">Select Status</label><select name="status" class="form-select tstatus"><option value="">Select Status</option>#foreach($st in $status)<option value="$st.name()"#if($selectedStatus && $selectedStatus.name() == $st.name())selected#end>$st.name()</option>#end</select></div><div class="row"><div class="col-lg-12"><table class="table table-border table-condensed table-bordered" id="trial-users"><thead><tr><th>Id</th><th>Outlet Name</th><th>Email</th><th>Mobile</th><th>Name</th><th>City</th><th>State</th><th>Address</th><th>Pin Code</th><th>Pan Document</th><th>Aadhaar Front</th><th>Aadhaar Back</th><th>Shop Images</th><th>Status</th><th>Remark</th></tr></thead><tbody>#if($trialForms.size() > 0)#foreach( $trialForm in $trialForms )<tr data-id="$trialForm.getId()"><td>$trialForm.getId()</td><td>$trialForm.getBusinessName()</td><td>$trialForm.getEmail()</td><td>$trialForm.getMobile()</td><td>$trialForm.getFirstName() $trialForm.getLastName()</td><td>$trialForm.getCity()</td><td>$trialForm.getState()</td><td>$trialForm.getAddressLine1() #if($trialForm.addressLine2)<br/>$trialForm.addressLine2#end</td><td>$trialForm.getPincode()</td><td><a href="#pan-id$trialForm.getId()"><img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()"width="100"></a><a href="#" class="lightbox" id="pan-id$trialForm.getId()"><span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getPanDocumentId()')"></span></a></td><td><a href="#aadhaar-front-id$trialForm.getId()"><img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarFrontDocumentId()"width="100"></a><a href="#" class="lightbox" id="aadhaar-front-id$trialForm.getId()"><span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarFrontDocumentId()')"></span></a></td><td><a href="#aadhaar-back-id$trialForm.getId()"><img src="${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarBackDocumentId()"width="100"></a><a href="#" class="lightbox" id="aadhaar-back-id$trialForm.getId()"><span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$trialForm.getAadhaarBackDocumentId()')"></span></a></td><td class="text-center">#set($shopImages = $trialForm.getShopImageDocumentIds())#if($shopImages && $shopImages.size() > 0)#foreach($docId in $shopImages)<a href="#shop-img-$docId-$trialForm.getId()"><img src="${rc.contextPath}/download-attachment?documentId=$docId"width="80" style="margin:4px;"></a><a href="#" class="lightbox" id="shop-img-$docId-$trialForm.getId()"><span style="background-image:url('${rc.contextPath}/download-attachment?documentId=$docId')"></span></a>#end#else<span class="text-center">-</span>#end</td><td class="text-center">$trialForm.getStatus()</td><td class="text-center">#if($trialForm.remark)<br/>$trialForm.remark#else<span class="text-center">-</span>#end</td></tr>#end#else<tr><td colspan="15" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td></tr>#end</tbody></table></div></div><div id="fetchLeadActivityData" class="modal" role="dialog"><div class="modal-dialog"><div class="modal-content"></div></div></div></section><div class="modal fade" id="brandPotentialModal" tabindex="-1" role="dialog"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><!-- Modal Header --><div class="modal-header text-white"><h5 class="modal-title">Brand Potential Verification</h5><button type="button" class="close text-white" data-dismiss="modal"><span>×</span></button></div><!-- Modal Body --><div class="modal-body"><form id="asmBmForm" onsubmit="event.preventDefault(); saveAsmBm();"class=" bg-light rounded shadow-sm"><div class="row p-2"><!-- BM Select --><div class="col-md-4 p-2"><label class="form-label">Select BM</label><select name="bm" class="form-select"><option value="">Select BM</option>#foreach($option in $bm)<option value="$option.getId()">$option.getFirstName() $option.getLastName()</option>#end</select></div><!-- ASM Select --><div class="col-md-4 p-2"><label class="form-label">Select ASM</label><select name="asm" class="form-select"><option value="">Select ASM</option>#foreach($option in $asm)<option value="$option.getId()">$option.getFirstName() $option.getLastName()</option>#end</select></div><div class="col-md-4"><button type="submit" class="btn btn-danger w-100 mt-3">Save</button></div></div></form><hr><form id="brandPotentialForm" onsubmit="event.preventDefault(); saveBrandPotential();"><input type="hidden" name="trialFormId" value=""/><table class="table table-bordered align-middle"><thead class="table-light"><tr><th>Brand</th><th>Potential</th><th style="width: 50px;">Add</th></tr></thead><tbody id="brandPotentialRows"><tr><td><input type="text" name="brand_1" class="form-control" placeholder="Brand Name"/></td><td><input type="number" name="potential_1" class="form-control"placeholder="Enter Potential"/></td><td class="text-center"><button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button></td></tr></tbody></table><button type="submit" class="btn w-100 mt-3 btn-danger">Save & Verify</button></form></div></div></div></div><div class="modal fade" id="cancelTrialModal" tabindex="-1" role="dialog"><div class="modal-dialog modal-sm modal-dialog-centered" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title text-danger">Cancel Trial</h5><button type="button" class="close" data-dismiss="modal"><span>×</span></button></div><div class="modal-body"><input type="hidden" id="cancelTrialFormId"/><div class="form-group mb-0"><label>Remark <span class="text-danger">*</span></label><textareaid="cancelTrialRemark"class="form-control"rows="3"placeholder="Enter reason"></textarea></div></div><div class="modal-footer"><buttonclass="btn btn-light btn-sm"data-dismiss="modal">Close</button><buttonclass="btn btn-danger btn-sm"id="confirmCancelTrial">Confirm Cancel</button></div></div></div></div><script>let rowCount = 1;function addRow() {rowCount++;const tbody = document.getElementById("brandPotentialRows");const newRow = document.createElement("tr");newRow.innerHTML = `<td><input type="text" name="brand_${rowCount}" class="form-control" placeholder="Brand Name" /></td><td><input type="number" name="potential_${rowCount}" class="form-control" placeholder="Enter Potential" /></td><td class="text-center"><button type="button" class="btn btn-sm btn-danger" onclick="addRow()">+</button></td>`;tbody.appendChild(newRow);}</script>