adjust customer display
This commit is contained in:
parent
2621002fde
commit
91e9a72157
@ -62,16 +62,16 @@
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
}
|
||||
.item-name {
|
||||
font-size: 1.2rem;
|
||||
font-size: 2.5vmin;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
.item-details {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.9rem;
|
||||
font-size: 2vmin;
|
||||
}
|
||||
.item-price {
|
||||
font-size: 1.2rem;
|
||||
font-size: 2.5vmin;
|
||||
font-weight: bold;
|
||||
color: var(--accent);
|
||||
}
|
||||
@ -79,7 +79,7 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.2rem;
|
||||
font-size: 2.5vmin;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.grand-total {
|
||||
@ -92,12 +92,12 @@
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.grand-total-label {
|
||||
font-size: 1.2rem;
|
||||
font-size: 3vmin;
|
||||
text-transform: uppercase;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.grand-total-amount {
|
||||
font-size: 3.5rem;
|
||||
font-size: 10vmin;
|
||||
font-weight: 800;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@ -111,7 +111,7 @@
|
||||
color: var(--text-muted);
|
||||
}
|
||||
.welcome-icon {
|
||||
font-size: 5rem;
|
||||
font-size: 15vmin;
|
||||
margin-bottom: 1rem;
|
||||
color: var(--border);
|
||||
opacity: 0.5;
|
||||
@ -138,6 +138,7 @@
|
||||
<i class="bi bi-cart4 me-2"></i>Customer Display
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<button onclick="toggleFullScreen()" class="btn btn-sm btn-link text-muted me-3" title="Toggle Fullscreen"><i class="bi bi-arrows-fullscreen"></i></button>
|
||||
<div id="debugInfo" class="me-3 badge bg-secondary" style="display: none;">Items: 0</div>
|
||||
<div id="customerName" class="badge bg-light text-dark fs-6 fw-normal border">
|
||||
Welcome
|
||||
@ -318,6 +319,24 @@
|
||||
updateDisplay(JSON.parse(stored));
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
function toggleFullScreen() {
|
||||
if (!document.fullscreenElement) {
|
||||
document.documentElement.requestFullscreen();
|
||||
} else {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Attempt to maximize on load
|
||||
window.addEventListener('load', () => {
|
||||
try {
|
||||
window.moveTo(0, 0);
|
||||
window.resizeTo(screen.availWidth, screen.availHeight);
|
||||
} catch(e) {}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -2868,7 +2868,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
|
||||
<div class="p-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<h6 class="m-0 fw-bold"><i class="bi bi-cart3 me-2"></i>Cart</h6>
|
||||
<div class="d-flex gap-2">
|
||||
<button class="btn btn-sm btn-outline-info" onclick="window.open('customer-display.php?v=<?= time() ?>', 'CustomerDisplay', 'width=1000,height=800')" title="Customer Display"><i class="bi bi-display me-1"></i> Customer Screen</button>
|
||||
<button class="btn btn-sm btn-outline-info" onclick="window.open('customer-display.php?v=<?= time() ?>', 'CustomerDisplay', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=' + screen.availWidth + ',height=' + screen.availHeight + ',left=0,top=0')" title="Customer Display"><i class="bi bi-display me-1"></i> Customer Screen</button>
|
||||
<button class="btn btn-sm btn-outline-warning" onclick="cart.openHeldCartsModal()" title="Held List"><i class="bi bi-list-task"></i></button>
|
||||
<button class="btn btn-sm btn-outline-secondary" onclick="cart.hold()" title="Hold Cart"><i class="bi bi-pause-circle"></i></button>
|
||||
<button class="btn btn-sm btn-outline-danger" onclick="cart.clear()" title="Clear Cart"><i class="bi bi-trash"></i></button>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user