git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update payment selection ui & layout adjustments

Browse Source
This commit is contained in:
Dev Team
2025-05-28 16:07:25 +06:30
parent 069a885175
commit dae75f03de
4 changed files with 35 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/views/foodcourt/qrpay/init.html.erb
View File

@@ -203,6 +203,11 @@
<div class="card-block">
<div class="payment-waiting text-center" style="height: 400px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;">
<img src="/image/mmqr.webp" alt="MMQR Payment" style="max-width: 120px; margin-bottom: 10px;">
<div class="processing-indicator" style="margin: 1rem 0;">
<div class="processing-dot"></div>
<div class="processing-dot"></div>
<div class="processing-dot"></div>
</div>
<h3 class="m-t-20" style="color: #555;">Waiting for Customer Payment</h3>
<p class="text-muted">Please ask customer to scan the QR code</p>
<% if @qr_svg %>
@@ -210,15 +215,11 @@
<%= raw @qr_svg %>
</div>
<% end %>
<div class="processing-indicator m-t-10" style="margin-top: 8rem;">
<div class="processing-dot"></div>
<div class="processing-dot"></div>
<div class="processing-dot"></div>
<div class="d-flex" style="margin-top: 1rem;">
<button class="btn btn-danger" id="cancel-btn">Cancel Payment</button>
</div>
</div>
<div class="d-flex" style="margin-top: 10rem;">
<button class="btn btn-block btn-default waves-effect" id="cancel-btn">Cancel</button>
</div>
<input type="hidden" name="server_mode" value="<%=ENV["SERVER_MODE"]%>" id="server_mode">
<input type="hidden" name="display_type" id="display_type" value="<%= @display_type%>">
</div>
@@ -271,6 +272,7 @@ $(document).ready(function() {
console.log("Received:", data);
if (data.status === "PAY_SUCCESS") {
$('#cancel-btn').hide();
this.handlePaymentSuccess();
}
},
@@ -303,7 +305,7 @@ $(document).ready(function() {
setTimeout(() => {
window.location.href = "/";
}, 3000);
}, 2000);
}
},
error: (xhr, status, error) => {