| <!DOCTYPE html> |
| <html lang="en" data-module="SmOS_CC"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Corner Cafe · Waiter</title> |
| <link rel="icon" type="image/svg+xml" href="../assets/logo-c.svg"> |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet"> |
| <link rel="stylesheet" href="admin.css?v=16"> |
| </head> |
| <body class="admin-app"> |
| <aside class="admin-sidebar"> |
| <div class="admin-sidebar__brand"> |
| <p class="admin-sidebar__eyebrow"><span data-module-id>SmOS_CC</span></p> |
| <h1 data-module-name>Corner Cafe</h1> |
| </div> |
| <nav class="admin-nav"> |
| <a class="admin-nav__item" href="home.html">Home</a> |
| <a class="admin-nav__item" href="dashboard.html">Orders</a> |
| <a class="admin-nav__item" href="chef.html">Chef</a> |
| <a class="admin-nav__item" href="barista.html">Barista</a> |
| <a class="admin-nav__item is-active" href="waiter.html">Waiter</a> |
| </nav> |
| <div class="admin-sidebar__foot"> |
| <button type="button" class="admin-nav__item admin-nav__item--ghost" data-admin-logout>Out</button> |
| </div> |
| </aside> |
|
|
| <main class="admin-main"> |
| <header class="admin-topbar"> |
| <div> |
| <p class="admin-topbar__eyebrow">Floor</p> |
| <h2>Waiter</h2> |
| </div> |
| <div class="admin-topbar__actions"> |
| <button type="button" class="admin-btn admin-btn--ghost" data-waiter-refresh>↻</button> |
| <span class="admin-live" data-admin-live aria-live="polite">Live</span> |
| </div> |
| </header> |
|
|
| <section class="admin-period" role="group" aria-label="Waiter filter"> |
| <button type="button" class="admin-period__chip is-active" data-waiter-filter="ready">Ready</button> |
| <button type="button" class="admin-period__chip" data-waiter-filter="food">Food</button> |
| <button type="button" class="admin-period__chip" data-waiter-filter="drinks">Drinks</button> |
| <button type="button" class="admin-period__chip" data-waiter-filter="served">Served</button> |
| <button type="button" class="admin-period__chip" data-waiter-filter="tables">Tables</button> |
| </section> |
|
|
| <p class="chef-hint" data-waiter-hint>Completed food / drinks ready to take · table / order ID</p> |
|
|
| <section class="chef-board" data-waiter-board> |
| <p class="admin-empty">Loading…</p> |
| </section> |
| </main> |
|
|
| <script src="../admin-config.js?v=1" defer></script> |
| <script src="../menu-data.js?v=1" defer></script> |
| <script src="../receipt.js?v=1" defer></script> |
| <script src="admin.js?v=17" defer></script> |
| <script> |
| document.addEventListener("DOMContentLoaded", () => { |
| if (window.SmOSAdmin) window.SmOSAdmin.initWaiter(); |
| }); |
| </script> |
| </body> |
| </html> |
|
|
