BartekGit/karczma-aplikacja-stoliki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prorotyp ekranu v3

Browse Source
This commit is contained in:
Bartek
2026-05-25 14:49:09 +02:00
parent 617fcecfbc
commit a5adf77d44
4 changed files with 65 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/assets/js/stolik2_api.js
View File

@@ -400,7 +400,7 @@ window.selectedAnimationHtml = null;
}
fetchOrders();
setInterval(fetchOrders, 3000);
setInterval(fetchOrders, 10000);
// --- CALL WAITER LOGIC ---
let billState = { payment: '', doc: '', nip: '', company: null };
@@ -431,6 +431,21 @@ window.selectedAnimationHtml = null;
}
};
window.openWaiterDialog = function() {
document.getElementById("waiterModal").classList.add("active");
document.body.style.overflow = 'hidden';
};
window.closeWaiterDialog = function() {
document.getElementById("waiterModal").classList.remove("active");
document.body.style.overflow = '';
};
window.confirmCallWaiter = function() {
closeWaiterDialog();
callWaiter('order');
};
window.openBillDialog = async function() {
billState = { payment: '', doc: '', nip: '', company: null, selectedBillId: null };
document.getElementById("billModal").classList.add("active");

17
public/assets/js/stolik3_api.js
View File

@@ -400,7 +400,7 @@ window.selectedAnimationHtml = null;
}
fetchOrders();
setInterval(fetchOrders, 3000);
setInterval(fetchOrders, 10000);
// --- CALL WAITER LOGIC ---
let billState = { payment: '', doc: '', nip: '', company: null };
@@ -431,6 +431,21 @@ window.selectedAnimationHtml = null;
}
};
window.openWaiterDialog = function() {
document.getElementById("waiterModal").classList.add("active");
document.body.style.overflow = 'hidden';
};
window.closeWaiterDialog = function() {
document.getElementById("waiterModal").classList.remove("active");
document.body.style.overflow = '';
};
window.confirmCallWaiter = function() {
closeWaiterDialog();
callWaiter('order');
};
window.openBillDialog = async function() {
billState = { payment: '', doc: '', nip: '', company: null, selectedBillId: null };
document.getElementById("billModal").classList.add("active");

19
public/stolik2_api.html
View File

@@ -29,8 +29,8 @@
<section class="action-card">
<h3>Przywołaj kelnera</h3>
<div class="action-buttons">
<button class="btn btn-primary action-btn" onclick="callWaiter('order')">
<span>🛎️</span> Złóż zamówienie
<button class="btn btn-primary action-btn" onclick="openWaiterDialog()">
<span>🛎️</span> Przywołaj kelnera
</button>
<button class="btn btn-secondary action-btn" onclick="openBillDialog()">
<span>💳</span> Poproś o rachunek
@@ -76,6 +76,21 @@
</main>
</div>
<!-- WAITER DIALOG -->
<div class="modal-overlay" id="waiterModal">
<div class="modal-content" style="text-align: center;">
<div style="font-size: 48px; margin-bottom: 15px;">🛎️</div>
<h3 style="margin-top: 0; color: var(--text-main); font-family: 'Playfair Display', serif; font-size: 24px;">Przywołać obsługę?</h3>
<p style="color: var(--text-muted); font-size: 15px; margin-bottom: 25px; line-height: 1.5;">
Kelner otrzyma natychmiastowe powiadomienie na swoim panelu i podejdzie do Twojego stolika najszybciej jak to możliwe.
</p>
<div style="display: flex; gap: 12px; flex-direction: column;">
<button class="btn btn-primary" onclick="confirmCallWaiter()" style="padding: 14px; font-size: 16px;">Tak, poproś kelnera</button>
<button class="btn btn-secondary" onclick="closeWaiterDialog()" style="padding: 14px;">Anuluj</button>
</div>
</div>
</div>
<!-- BILL DIALOG -->
<div class="modal-overlay" id="billModal">
<div class="modal-content">

17
public/stolik3_api.html
View File

@@ -88,7 +88,7 @@
<span class="nav-icon">📖</span>
<span class="nav-label">Menu</span>
</div>
<div class="nav-item action-call" onclick="callWaiter('order')">
<div class="nav-item action-call" onclick="openWaiterDialog()">
<span class="nav-icon">🛎️</span>
<span class="nav-label">Kelner</span>
</div>
@@ -98,6 +98,21 @@
</div>
</nav>
<!-- WAITER DIALOG -->
<div class="modal-overlay" id="waiterModal">
<div class="modal-content" style="text-align: center;">
<div style="font-size: 48px; margin-bottom: 15px;">🛎️</div>
<h3 style="margin-top: 0; color: var(--text-main); font-family: 'Playfair Display', serif; font-size: 24px;">Przywołać obsługę?</h3>
<p style="color: var(--text-muted); font-size: 15px; margin-bottom: 25px; line-height: 1.5;">
Kelner otrzyma natychmiastowe powiadomienie na swoim panelu i podejdzie do Twojego stolika najszybciej jak to możliwe.
</p>
<div style="display: flex; gap: 12px; flex-direction: column;">
<button class="btn btn-primary" onclick="confirmCallWaiter()" style="padding: 14px; font-size: 16px;">Tak, poproś kelnera</button>
<button class="btn btn-secondary" onclick="closeWaiterDialog()" style="padding: 14px;">Anuluj</button>
</div>
</div>
</div>
<!-- BILL DIALOG -->
<div class="modal-overlay" id="billModal">
<div class="modal-content">