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

fix read modal and header

Browse Source
This commit is contained in:
aungthetkhaing
2025-05-28 11:55:59 +06:30
parent 75fa4436ff
commit b82e2197fd
2 changed files with 51 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
app/views/layouts/_header.html.erb
View File

@@ -331,35 +331,24 @@
// Check Internet Connection status
document.addEventListener('DOMContentLoaded', function() {
function updateConnectionStatus() {
const statusTextEl = document.querySelector('.connection-status-text');
console.log('checking internet connection');
if (!statusTextEl) {
return;
}
const $statusTextEl = $('.connection-status-text');
const $icon = $('#connection-status-item i');
statusTextEl.innerText = "Connecting";
statusTextEl.style.color = "white";
document.querySelector('#connection-status-item i').style.color = "white";
if ($statusTextEl.length === 0) return;
$statusTextEl.text("Connecting").css("color", "white");
$icon.css("color", "white");
fetch("https://www.google.com/generate_204?_=" + new Date().getTime(), {
method: 'GET',
mode: 'no-cors',
cache: 'no-store'
})
.then(function(res) {
console.log(res);
statusTextEl.innerText = "Online";
statusTextEl.style.color = "lightgreen";
document.querySelector('#connection-status-item i').style.color = "lightgreen";
})
.catch(function(e) {
console.log("error", e);
statusTextEl.innerText = "Offline";
statusTextEl.style.color = "#ffcdd2";
document.querySelector('#connection-status-item i').style.color = "#ffcdd2";
});
const img = new Image();
img.onload = function () {
$statusTextEl.text("Online").css("color", "lightgreen");
$icon.css("color", "lightgreen");
};
img.onerror = function () {
$statusTextEl.text("Offline").css("color", "#ffcdd2");
$icon.css("color", "#ffcdd2");
};
img.src = "https://www.google.com/favicon.ico?_=" + new Date().getTime(); // avoid cache
}
updateConnectionStatus();

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

@@ -191,9 +191,7 @@ document.addEventListener('DOMContentLoaded', function () {
let selectedPaymentMethodId = null;
let selectedPaymentMethodLabel = '';
const originalProceedButtonText = proceedButton.textContent.trim(); // Store original button text
// Function to update the "Process" button's state and appearance
const originalProceedButtonText = proceedButton.textContent.trim();
function styleProceedButton(enabled) {
proceedButton.disabled = !enabled;
@@ -201,7 +199,6 @@ document.addEventListener('DOMContentLoaded', function () {
proceedButton.style.borderColor = '#54A5AF'; // Active/theme color
proceedButton.style.color = '#54A5AF';
proceedButton.textContent = `Process with ${selectedPaymentMethodLabel}`;
// Opacity and cursor will be handled by :disabled CSS or browser defaults
} else {
// Reset to default styles (defined in CSS) when disabled
proceedButton.style.borderColor = ''; // Reverts to stylesheet's .btn-proceed border-color
@@ -272,54 +269,46 @@ document.addEventListener('DOMContentLoaded', function () {
}
function initDynamicQrPay() {
const paymentMethod = 'MMQR';
let table_id = $("#table_id").text();
let booking_id = $("#booking_id").text();
let customer_id = $("#customer_id").text();
let second_display_lookup = $("#display_type").val();
const paymentMethod = 'MMQR';
const $serverMode = $('#server_mode');
const $createOrderBtn = $('#create_order');
const $createPayOrderBtn = $('#create_pay_order');
let params = {
order_source: "food_court",
order_type: "dine_in",
customer_id: customer_id,
guest_info: "",
table_id: table_id,
order_items: JSON.stringify(get_order_item_rows()),
create_type: "create_pay",
};
const params = {
order_source: "food_court",
order_type: "dine_in",
customer_id: $("#customer_id").text(),
guest_info: "",
table_id: $("#table_id").text(),
order_items: JSON.stringify(get_order_item_rows()),
create_type: "create_pay",
};
fetch('/foodcourt/addorders/create', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content,
},
body: JSON.stringify(params),
})
.then(response => {
if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`);
}
return response.json();
})
.then(result => {
booking_id = result.booking_id;
console.log(result);
window.location.href = `/foodcourt/${result.sale_id}/qrpay/init`;
$.ajax({
url: '/foodcourt/addorders/create',
method: 'POST',
contentType: 'application/json',
headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},
data: JSON.stringify(params),
success: function(result) {
const booking_id = result.booking_id;
window.location.href = `/foodcourt/${result.sale_id}/qrpay/init`;
if ($serverMode.val() !== "cloud" && $("#display_type").val() === "2") {
// customer_display_view(null, "reload");
}
},
error: function(xhr) {
$('#oqs_loading_wrapper').hide();
$createOrderBtn.prop('disabled', false);
$createPayOrderBtn.prop('disabled', false);
if (document.getElementById("server_mode").value !== "cloud" && second_display_lookup === 2) {
// customer_display_view(null, "reload");
}
})
.catch(error => {
document.getElementById("oqs_loading_wrapper").style.display = "none";
document.getElementById("create_order").disabled = false;
document.getElementById("create_pay_order").disabled = false;
swal("Error", "Status: " + error.message, "error");
const errorMsg = xhr.status ? `Status: ${xhr.status} - ${xhr.statusText}` : "Network error";
swal("Error", errorMsg, "error");
}
});
}
function get_order_item_rows(){
var order_items = [];
var item_row = $('.summary-items tbody tr');