91 lines
4.3 KiB
HTML
91 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
layout:decorate="~{layouts/blank-layout}">
|
|
<head>
|
|
<title th:text="${pageTitle}">Topup</title>
|
|
</head>
|
|
<body layout:fragment="page_content" id="page_payment">
|
|
<form id="topupApprovalForm" th:action="@{'/topup/approval'}" th:object="${topupForm}"
|
|
autocomplete="off" th:method="POST" enctype="multipart/form-data ">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header bg-white">
|
|
<h4 class="card-title text-themecolor m-1" th:text="#{lbl.topup.new.topup}"></h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title" th:utext="#{lbl.topup.details}"></h5>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
|
<label class="required bmd-label-floating" th:text="#{lbl.cmp.name}"></label>
|
|
<h6 th:text="${topupForm?.cmpName}"></h6>
|
|
</div>
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
|
<label class="required bmd-label-floating" th:text="#{lbl.roc.num}"></label>
|
|
<h6 th:text="${topupForm?.regNo}"></h6>
|
|
</div>
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
|
<label class="required bmd-label-floating" th:text="#{lbl.cmny.addr}" ></label>
|
|
<h6 th:text="${topupForm?.address}"></h6>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
|
<label class="required bmd-label-floating" th:text="#{lbl.topup.transRef}"></label>
|
|
<h6 th:text="${topupForm?.trxnRefNo}"></h6>
|
|
</div>
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
|
<label class="required bmd-label-floating" th:text="#{lbl.payment.transactionDt}"></label>
|
|
<h6 th:text="${#dates.format(topupForm.paymentDt, 'dd/MM/yyyy')}"></h6>
|
|
</div>
|
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
|
<label class="required bmd-label-floating" th:text="#{lbl.payment.amount}" ></label>
|
|
<h6 th:text="${#numbers.formatDecimal(topupForm?.amount, 0, 'COMMA', 2, 'POINT')}"></h6>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4" th:if="${topupForm?.bankSlip!=null}">
|
|
<div class="form-group mt-3">
|
|
<a th:href="'javascript:documentPopup(\'file/download?fmId=' +
|
|
${topupForm?.bankSlip?.fmId} + '&bucketName=' + ${topupForm?.bankSlip?.fileType?.fmBucket} + '\',\''+ ${topupForm?.bankSlip?.fileType?.docDesc?.en} + '\', \'' + ${topupForm?.bankSlip?.file?.contentType} + '\',\'' + ${topupForm?.bankSlip?.fileType?.docDesc?.en} + '\');'">
|
|
<i class="material-icons">picture_as_pdf</i>
|
|
<label th:text="${topupForm?.bankSlip?.fileType?.docDesc?.en}" ></label>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4" th:if="${topupForm?.topupInvoice!=null}">
|
|
<div class="form-group mt-3">
|
|
<a th:href="'javascript:documentPopup(\'file/download?fmId=' +
|
|
${topupForm?.topupInvoice?.fmId} + '&bucketName=' + ${topupForm?.topupInvoice?.fileType?.fmBucket} + '\',\''+ ${topupForm?.topupInvoice?.fileType?.docDesc?.en} + '\', \'' + ${topupForm?.topupInvoice?.file?.contentType} + '\',\'' + ${topupForm?.topupInvoice?.fileType?.docDesc?.en} + '\');'">
|
|
<i class="material-icons">picture_as_pdf</i>
|
|
<label th:text="${topupForm?.topupInvoice?.fileType?.docDesc?.en}" ></label>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<th:block th:if="${wpsApproval}" th:include="page/payment/topup-approval"></th:block>
|
|
</div>
|
|
<div class="card-footer bg-white">
|
|
<div class="d-flex pb-4 justify-content-center">
|
|
<div class="mr-auto">
|
|
<th:block th:if="${isApproval}">
|
|
<button type="button" class="btn btn-previous btn-fill btn-secondary btn-wd" th:onclick="|window.location.href='@{#{url.wps.tasks}}'|" th:text="#{btn.lbl.back}"></button>
|
|
</th:block>
|
|
<th:block th:if="${!isApproval}">
|
|
<button type="button" class="btn btn-previous btn-fill btn-secondary btn-wd" th:onclick="|window.location.href='@{#{url.topup}}'|" th:text="#{btn.lbl.back}"></button>
|
|
</th:block>
|
|
</div>
|
|
<div th:if="${wpsApproval}" class="ml-auto">
|
|
<button type="button" class="btn btn-danger pull-right" id="submitBtnId" onclick="onSubmitApproval()" th:text="#{btn.lbl.submit}"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html> |