Rev 35971 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<section class="wrapper"><style>/*.inline {*//* display: inline-block;*//* margin-right: 10px; !* Adjust spacing as needed *!*//*}*//*.left-align {*//* display: flex;*//* align-items: center;*//*}*//*.right-align {*//* display: flex;*//* align-items: center;*//*}*/#paymentDetail:hover {background-color: #9acfea;}#paymentDetail {background-color: gainsboro;}/*.padd-lr {*//* padding-left: 10px;*//* padding-right: 10px;*//*}*/.mk_docVerified {width: 40px;}.mk_feeCompleted {width: 40px;}#allPendingLoiForm td, #allPendingLoiForm th {min-width: 95px;}#paymentDetail.hover {color: #2b669a;}.stack {clear: both;}/*.pagination {*//* display: flex;*//* gap: 5px;*//* align-items: center;*//* justify-content: center;*//* margin: 20px 0;*//*}*//*.pagination button {*//* padding: 8px 12px;*//* border: none;*//* border-radius: 4px;*//* background-color: #f4f4f4;*//* cursor: pointer;*//* transition: background-color 0.3s;*//*}*//*button.active {*//* background-color: #007bff;*//* color: white;*//* border: 1px solid #007bff;*//*}*//*button {*//* margin: 2px;*//* padding: 5px 10px;*//* cursor: pointer;*//*}*//*button:hover:not(.active) {*//* background-color: #f0f0f0;*//*}*/#allPendingLoiForm td button:focus, #allPendingLoiForm td button:hover {background-position: unset;color: #ddd;}</style><div class="row "><div class="col-lg-12"><h3 class="page-header"><i class="icon_document_alt"></i>PENDING LOI</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>Pending LOI Forms</li>#if($isAuthUser ||$isDocApprover)<div style="float:right;margin-bottom: 1%">From:<input type="date" name="from" placeholder="Form">To:<input type="date" name="to" placeholder="To"><button id="downloadAllLoiForm">Download</button></div>#end</ol></div></div><div><div class="col-lg-12">## <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;">#### <div class="right-align">#### <span style="margin-right: 10px;">Search</span>#### <input placeholder="Search Name"#### type="text"#### class="form-control"#### id="loiform-search-by-name"#### name="partner"#### value="">#### </div>## <div class="left-align">## <span>Show</span>## <select style="width: 70px; height: 30px; margin: 0 10px;" name="pageSize">## #foreach($size in $pageSizes)## <option value="$size" #if($size==$pageSize) selected #end>$size</option>## #end## </select>## <span>Entries</span>## </div>## </div><div class="pending-loi-forms table-responsive"><table class="table table-border table-condensed table-bordered table-responsive" id="allPendingLoiForm"style="width:100%"><thead class="row htable"><tr><th>Id</th><th>Company Name</th><th>Filled By</th><th>Owner name</th><th>Mobile</th><th>Email</th><th>Billing City</th><th>Total Commit</th><th>Brand Type</th><th>Brand Fee</th><th>Total collection</th><th>Status</th><th>Document Verified</th><th>Brand Fee Completed</th><th>Action</th></tr></thead><tbody id="allPendingLoiFormData">#foreach($data in $pendingFormList)<tr style="font-weight: bold"><input type="hidden" value="$data.getId()"><td>$data.getId()</td><td>$data.getCompanyName()</td><td>$data.getLoiFormFilledBy()</td><td>$data.getOwnerName()</td><td>$data.getMobile()</td><td>$data.getEmail()</td><td>$data.getCity()</td><td class="currency">$data.getTotalCommitment()</td>#if($isAgreedBrandFeeChanger)<td><select name="brandType">$data.getBrandType()#foreach($type in $brandType)<option value="$type" #if($type==$data.getBrandType()) selected#end>$type</option>#end</select><td><input name="brandFee" value="$data.getBrandFee()"><div align="right"><button type="button" class="save_agree_brand_fee btn-success"value="$data.getId()">Save</button></div></td>#else<td>$data.getBrandType()</td><td class="currency">$data.getBrandFee()</td>#end<td class="currency" class="btn btn-primary" id="paymentDetail"onclick="getPaymentsDetails($data.getId())" data-toggle="modal"data-target="#commonModalDiv"> $data.getTotalFeeCollection()</td><td>$data.getStatus()</td>#if($data.isDocVerified().equals(true))<td style="background-color: #2ac845" class="mk_docVerified">Yes</td>#elseif($data.isDocVerified().equals(false))<td style="background-color: red" class="mk_docVerified">No</td>#else<td>--</td>#end#if($data.getBrandFee()==$data.getTotalFeeCollection())<td style="background-color: #2ac845" class="mk_feeCompleted">Yes</td>#else<td style="background-color: red" class="mk_feeCompleted">No</td>#end#if(!$data.isPaymentApprover())<td>#if($data.getStatus().name() == 'LOI_REJECT')<span style="color:red; font-weight:bold;">LOI Rejected</span>#if($isAuthUser)<button type="button" class="btn-success mk-approve-loi"value="$data.getId()"data-company="$data.getCompanyName()" data-flag="1">Re-Approve Loi</button>#end#else#if(!$data.isLoiOtpPresent() && $data.isDocVerified() && $data.getBrandFee()==$data.getTotalFeeCollection() && !$data.isDocApprover() && $data.isLoiApproved())<button type="button" class="btn-primary generateLoi" value="$data.getId()">GenerateLOI</button>#end#if($isAuthUser)<button type="button" class="btn-danger mk-approve-loi" value="$data.getId()"data-company="$data.getCompanyName()" data-flag="0">Reject Loi</button>#end#if(!($data.getLoiFillerEmail().equals($data.getLoginEmail())) && !$data.isDocApprover() && !$data.isLoiApproved() &&!$isAuthUser)<button type="button" class="btn-danger mk-approve-loi" value="$data.getId()"data-company="$data.getCompanyName()" data-flag="0">Reject Loi</button><button type="button" class="btn-success mk-approve-loi" value="$data.getId()"data-company="$data.getCompanyName()" data-flag="1">Approve Loi</button>#end#if($data.getBrandFee()>$data.getTotalFeeCollection() && !$data.isDocApprover())<button type="button" class="btn-primary payModelBtn" value="$data.getId()"data-toggle="modal" data-target="#brandFeeCollectionModel">Add payment</button>#end#if($data.getLoiDoc()==0 && $data.isSalesTeam() && !$data.isLoiOtpPresent() && !$data.isDocApprover())<button type="button" class="btn-primary updateLoiForm" value="$data.getId()"style="width: 100px">Update</button>#end#if(!$data.isDocVerified() && $data.isSalesTeam()&& !$data.isDocApprover())<button type="button" class="upload-document-form btn-primary"value="$data.getId()">UploadDocument</button>#else#if($data.isDocApprover())#if($data.isDocApprover() && !$data.isDocVerified())<button class="upload-document-form btn-primary" value="$data.getId()">ApproveDocument</button>#else<p>Document verified</p>#end#end#end#end</td>#else<td><button id="paymentDetail"onclick="getPaymentsDetails($data.getId())" data-toggle="modal"data-target="#commonModalDiv">View Payments</button></td>#end</tr>#end</tbody><tfoot class="row htable"><tr><th>Id</th><th>Company Name</th><th>Filled By</th><th>Owner name</th><th>Mobile</th><th>Email</th><th>Billing City</th><th>Total Commit</th><th>Brand Type</th><th>Brand Fee</th><th>Total collection</th><th>Status</th><th>Document Verified</th><th>Brand Fee Completed</th><th>Action</th></tr></tfoot></table></div></div>## <div style="margin-left: 2%" id="paginationInfo">$paginationInfo</div>## <div class="stack">## <div id="pagination" class="pagination"></div>## </div></div><div class="modal fade" id="brandFeeCollectionModel" role="dialog"><div class="modal-dialog modal-lg"><!-- Modal content--><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title">Brand Fee Collection Form</h4></div><div class="modal-body" style="max-height: 500px;overflow-y: auto;"><form name="brandFeeCollectionForm" id="brandFeeCollectionForm" style="align-content: center"method="post"><div class="row"><div class="col-lg-2"><div class="form-group"><label>Amount:</label><input type="number" name="collectedAmount" class="form-control"placeholder="Enter amount" required></div></div><div class="col-lg-2"><div class="form-group"><label>Payment Mode:</label><select class="form-control" name="paymentMode" required><option value="" selected>Select mode</option><option value="UPI">UPI</option><option value="Cheque">Cheque</option><option value="IMPS">IMPS</option><option value="NEFT">NEFT</option><option value="RTGS">RTGS</option></select></div></div><div class="col-lg-2"><div class="form-group"><label>Reference No:</label><input type="text" name="paymentReferenceNo" class="form-control"placeholder="Enter reference no" required></div></div><div class="col-lg-2"><div class="form-group"><label>Attachment:</label><input type="hidden" id="payment-sc-docId" name="paymentAttachment"><input type="file" class="form-control" id="payment-sc-doc" required></div></div><div class="col-lg-3"><div class="form-group"><label>Collecting Date:</label><input type="datetime-local" name="feeCollectingTimeStamp" class="form-control"required></div></div><div class="col-lg-1"><div class="form-group"><button type="button" class="btn-primary " id="addBrandFeePayment" value=""style="margin-top:28px;">Add</button></div></div></div></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div><div class="modal fade" id="commonModalDiv" role="dialog"><div class="modal-dialog modal-lg" style="width:1300px;"><!-- Modal content--><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button></div><div class="modal-body" style="width: 100% ;align-items: center"><div id="commonModalBody">## dynemic model bodies</div></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div></div></div></section><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script><script>$(document).ready(function () {$('.payModelBtn').click(function () {let loiId = $(this).val();addBrandFeePayment.value = loiId;});var dtable = $('#allPendingLoiForm').DataTable({"scrollX": true,"scrollY": "500px",scrollCollapse: true,"fixedHeader": true,fixedColumns: {leftColumns: 2}});});function getPaymentsDetails(loiId) {doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {//handle response here$('#commonModalDiv #commonModalBody').html(response);$('#commonModalDiv').modal('show');});}## $(document).ready(function () {## $('.payModelBtn').click(function () {## let loiId = $(this).val();## addBrandFeePayment.value = loiId;## });## // Callback to Handle Page Changes## var page = 1## // pendingPageLoiForm(1);## $('div.modal-backdrop.fade').remove();#### function onPageChangeHandler(selectedPage) {## page = selectedPage;## console.log('Selected Page:', selectedPage);## pendingPageLoiForm(selectedPage);## }#### createPagination('pagination', $pageCount, page, onPageChangeHandler);## $('#allPendingLoiForm').DataTable({## searching: true, // Disable searching## paging: false, // Disable pagination## info: false, // Disable entity size display## ordering: true, // Enable sorting## fixedColumns: {## leftColumns: 2## },## });## });#### function getPaymentsDetails(loiId) {## doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {## //handle response here## $('#commonModalDiv #commonModalBody').html(response);## $('#commonModalDiv').modal('show');## });## }#### $(function () {## getPartnerAheadOptions($("#typeaheadpartner"), function (selectedPartner) {## partnerId = selectedPartner.partnerId;## console.log(partnerId);## });## });</script>