Rev 33450 | Blame | Compare with Previous | Last modification | View Log | RSS feed
<style>.grn-product-info{float:left;}.vertical-center {display: flex;align-items: center;}.span-bold{font-weight:bold;margin-right:5px;}.pd-lr-10 {padding-left: 10px;padding-right: 10px;}.p-tag {margin-bottom: 1px;}</style><section class="wrapper"><div class="row"><div class="col-lg-12"><h3 class="page-header"><i class="icon_document_alt"></i>WALLET STATEMENT</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>WALLET STATEMENT</li></ol></div></div><div id="wallet-history-search"><div class="row"><div class="col-lg-2 text-center"><p style="font-size: 18px;" class="p-tag"><b>Wallet Balance</b></p>#if($userWallet)<p style="font-size: 21px;" class="p-tag"><b> Rs.$userWallet.getAmount()</b></p>#else<p style="font-size: 21px;" class="p-tag"><b>NA</b></p>#end</div><div class="col-lg-10"><div class="row"><div class="col-lg-3 text-center"><p style="font-size: 18px;" class="p-tag"><b>Total Dues (inc Interest)</b></p><p style="font-size: 21px;" class="p-tag"><b>$totalDue.setScale(2,$ru)</b></p></div><div class="col-lg-3 text-center"><p style="font-size: 18px;" class="p-tag"><b>Credit Limit</b></p><p style="font-size: 21px;" class="p-tag"><b>$creditlimit.setScale(2,$ru)</b></p></div><div class="col-lg-3 text-center"><p style="font-size: 18px;" class="p-tag"><b>Available Credit</b></p><p style="font-size: 21px;" class="p-tag"><b>$availableLimit.setScale(2,$ru)</b></p></div><div class="col-lg-3 text-center"><p style="font-size: 18px;" class="p-tag"><b>Total Utilization</b></p><p style="font-size: 21px;" class="p-tag"><b>$utilization.setScale(2,$ru)</b></p></div></div></div><div class="clearfix"></div><br><div class="col-lg-2 pd-lr-10"></div><div class="col-lg-2 pd-lr-10">#if ($isAdmin)<div class="input-group"><input id="partnerId" type="text" class="typeahead form-control form-control-sm"placeholder="Search Partner" data-provide="typeahead"#if(${retailerName}) value="${retailerName}" #endautocomplete="off"/></div>#end</div><div class="col-lg-4 pd-lr-10"><div class="form-inline"><div class="form-group"><div class="input-group"><input placeholder = "Choose Range" name="walletPeriod" type="text" value="" class="form-control"></div></div><button type="submit" class="btn btn-primary mk_fetch_statement" >Download Statement</button></div></div><div class="col-lg-4 pd-lr-10"><div class="form-inline"><div class="form-group"><div class="input-group"><input placeholder="Choose Range" name="statementPeriod" type="text" value=""class="form-control"></div></div><button type="submit" class="btn btn-primary mk_fetch_account">Download Account Statement</button></div></div>#if($isAdmin)<div class="col-lg-12"><div class="form-inline"><div class="form-group"><div class="input-group"><input type="date" class="closingDate"></div></div><button type="submit" class="btn btn-primary mk_closing_statement" >Download Closing</button></div><br></div>#end</div></div><div class="clearfix"></div><br><div id="wallet-history-table"><div class="row"><div class="col-lg-12"><table class="table table-striped table-advance table-hover"><tbody><tr><th>Id</th><th>Reference</th><th>Reference Type</th><th>+ / -</th><th>Amount</th><th>Date</th><th>Description</th><th>Doc</th></tr>#if(!$walletHistories.isEmpty())#foreach( $walletHistory in $walletHistories )<tr class="wallet-details" data="$walletHistory.getId()"><td>$walletHistory.getId()</td><td>$walletHistory.getReference()</td><td>$walletHistory.getReferenceType()</td>#if($walletHistory.getAmount() >= 0)<td>+</td><td>$walletHistory.getAmount()</td>#else<td>-</td>#set($amount = 0-$walletHistory.getAmount())<td>$amount</td>#end<td>$walletHistory.getFormattedDate()</td>#if($walletHistory.getDescription())<td>$walletHistory.getDescription()</td>#else<td></td>#end<td>#if($walletAttachmentMap && $walletAttachmentMap.containsKey($walletHistory.getId()))<button type="button" class="btn btn-info btn-xs wallet-doc-view-btn"data-doc-url="${rc.contextPath}/document/$walletAttachmentMap.get($walletHistory.getId())"><i class="fa fa-eye"></i></button>#end</td></tr>#end#else<tr><td colspan="8" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td></tr>#end</tbody></table></div></div></div>#if(!$walletHistories.isEmpty())<div class="row" id="wallet-history-paginated"><div class="col-lg-9"><p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p></div><div class="col-lg-3" style="text-align:right;"><div class="btn-group" style="width:40%"><button class="btn btn-primary previous" disabled="disabled" style="width:100%">#springMessage("reportswalletstatement.previous")</button></div><div class="btn-group" style="width:40%">#if($end >= $size)<button class="btn btn-primary next" style="width:100%" disabled="disabled">#springMessage("reportswalletstatement.next")</button>#else<button class="btn btn-primary next" style="width:100%">#springMessage("reportswalletstatement.next")</button>#end</div></div></div>#end<!-- Document View Modal --><div class="modal fade" id="walletDocViewModal" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title">Payment Proof</h4></div><div class="modal-body" style="text-align:center;"><img id="wallet-doc-preview" src="" style="max-width:100%; max-height:500px;"></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">$(document).on('click', '.wallet-doc-view-btn', function () {var docUrl = $(this).data('doc-url');$('#wallet-doc-preview').attr('src', docUrl);$('#walletDocViewModal').modal('show');});$(function () {$('input[name="walletPeriod"]').daterangepicker(getRangedDatePicker());$('input[name="statementPeriod"]').daterangepicker(getStatementRanges());$('.mk_fetch_statement').click(function () {let walletRangePicker = getDatesFromPicker('input[name="walletPeriod"]');if (typeof fofoId != "undefined") {window.location.href = `${context} /wallet/statement?startDate=${walletRangePicker.startDate}&endDate=${walletRangePicker.endDate}&fofoId=${fofoId}`;} else {window.location.href = `${context} /wallet/statement?startDate=${walletRangePicker.startDate}&endDate=${walletRangePicker.endDate}`;}});$('.mk_fetch_account').click(function () {let statementRangePicker = getDatesFromPicker('input[name="statementPeriod"]');if (typeof fofoId != "undefined") {window.location.href = `${context}/account/statement?startDate=${statementRangePicker.startDate}&endDate=${statementRangePicker.endDate}&fofoId=${fofoId}`;} else {window.location.href = `${context}/account/statement?startDate=${statementRangePicker.startDate}&endDate=${statementRangePicker.endDate}`;}});$('.mk_closing_statement').click(function () {var closingDate = $('.closingDate').val();if (closingDate == "") {alert("Closing date is required");return;}window.location.href = context + "/account/closing-statements?closingDate=" + closingDate + "&q=" + new Date().getTime();});getPartnerAheadOptions($("#partnerId"),function(selectedPartner){fofoId = selectedPartner.partnerId;$("#walletRanges").focus();});});</script><div id="wallet-history-details-container" style="background:white;background-color:white;"></div>