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

toggle mmqr payment method

Browse Source
This commit is contained in:
Dev Team
2025-06-26 17:02:04 +06:30
parent 82b6474bc7
commit d922e4ffbb
4 changed files with 50 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/views/foodcourt/orders/_read_modal.html.erb
View File

@@ -223,16 +223,19 @@
<h2 class="modal-title">Payment Options</h2>
</div>
<div class="payment-grid">
<div class="payment-card" id="dynamic_qr">
<div class="payment-icon text-center">
<img src="/image/mmqr.webp" width="100" height="100" />
</div>
<div class="payment-label text-center">Click here to pay with MMQR</div>
</div>
<% mmqr = PaymentMethodSetting.find_by(payment_method: 'MMQR') %>
<% if mmqr.present? && mmqr.is_active %>
<div class="payment-card" id="dynamic_qr">
<div class="payment-icon text-center">
<img src="/image/mmqr.webp" width="100" height="100" />
</div>
<div class="payment-label text-center">Click here to pay with MMQR</div>
</div>
<div class="text-center text-bold text-muted">
(Or)
</div>
<div class="text-center text-bold text-muted">
(Or)
</div>
<% end %>
<!-- Read NFC Card -->
<button type="button" id="read_nfc" data-toggle="modal" data-target="#read_modal">
@@ -273,14 +276,18 @@ document.addEventListener('DOMContentLoaded', function () {
// });
document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
document.getElementById('fullpage-loading').style.display = 'flex';
var dynamicQR = document.querySelector('.payment-card#dynamic_qr')
setTimeout(function() {
document.getElementById('fullpage-loading').style.display = 'none';
}, 5000);
initDynamicQrPay();
});
if(dynamicQR) {
document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
document.getElementById('fullpage-loading').style.display = 'flex';
setTimeout(function() {
document.getElementById('fullpage-loading').style.display = 'none';
}, 5000);
initDynamicQrPay();
});
}
function initDynamicQrPay() {
const paymentMethod = 'MMQR';

11
app/views/foodcourt/orders/app_orders.html.erb
View File

@@ -550,9 +550,14 @@
});
// qr pay
document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
initDynamicQrPay();
});
var dynamicQR = document.querySelector('.payment-card#dynamic_qr')
if(dynamicQR) {
document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
initDynamicQrPay();
});
}
function initDynamicQrPay() {
const paymentMethod = 'MMQR';

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

@@ -84,7 +84,7 @@
</div>
<div class="row p-l-5 p-r-5">
<div class="col-lg-6 col-md-6 col-sm-6"><strong>Table No :</strong> <%=@table_no%></div>
<span class="hidden" id="dining"><%if !@dining.nil?%><%= @dining.id%><%end%></span>
<span class="hidden" id="dining"><%if !@dining.nil?%><%= @dining.id rescue "-" %><%end%></span>
<div class="col-lg-6 col-md-6 col-sm-6 text-left"><strong>Sale ID :</strong> <span id="sale_id"><% if @sale_data %><%=@sale_data.sale_id %><% end %></span></div>
</div>

31
app/views/layouts/_read_modal.html.erb
View File

@@ -185,6 +185,7 @@
}
</style>
<!-- loading -->
<div id="fullpage-loading" style="display:none; position:fixed; z-index:9999; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.35); align-items:center; justify-content:center;">
<div>
<div style="display:flex; gap:10px; justify-content:center;">
@@ -196,6 +197,7 @@
</div>
</div>
<!-- nfc modal -->
<div class="modal fade" id="read_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
<div class="modal-dialog read-dialog" role="document">
<div class="modal-content">
@@ -223,21 +225,24 @@
<h2 class="modal-title">Payment Options</h2>
</div>
<div class="payment-grid">
<div class="payment-card" id="dynamic_qr">
<div class="payment-icon text-center">
<img src="/image/mmqr.webp" width="100" height="100" />
</div>
<div class="payment-label text-center">Click here to pay with MMQR</div>
<div class="processing-indicator" style="display:none; margin: 1rem 0;">
<div class="processing-dot"></div>
<div class="processing-dot"></div>
<div class="processing-dot"></div>
<% mmqr = PaymentMethodSetting.find_by(payment_method: 'MMQR') %>
<% if mmqr.present? && mmqr.is_active %>
<div class="payment-card" id="dynamic_qr">
<div class="payment-icon text-center">
<img src="/image/mmqr.webp" width="100" height="100" />
</div>
<div class="payment-label text-center">Click here to pay with MMQR</div>
<div class="processing-indicator" style="display:none; margin: 1rem 0;">
<div class="processing-dot"></div>
<div class="processing-dot"></div>
<div class="processing-dot"></div>
</div>
</div>
</div>
<div class="text-center text-bold text-muted">
(Or)
</div>
<div class="text-center text-bold text-muted">
(Or)
</div>
<% end %>
<!-- Read NFC Card -->
<button type="button" id="read_nfc" data-toggle="modal" data-target="#read_modal">