diff --git a/web/src/app.css b/web/src/app.css index 1f87c26..de35968 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -18,7 +18,7 @@ --secondary-foreground: oklch(0.208 0.042 265.755); --muted: oklch(0.968 0.007 247.896); --muted-foreground: oklch(0.554 0.046 257.417); - --accent: oklch(0.968 0.007 247.896); + --accent: oklch(85.488% 0.01474 254.732); --accent-foreground: oklch(0.208 0.042 265.755); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.929 0.013 255.508); diff --git a/web/src/lib/AppSidebar.svelte b/web/src/lib/AppSidebar.svelte index b88e3b2..b1be261 100644 --- a/web/src/lib/AppSidebar.svelte +++ b/web/src/lib/AppSidebar.svelte @@ -67,6 +67,14 @@ title: "Roe", url: "/room/Roe", }, + { + title: "Empfang 1", + url: "/room/Empfang%201", + }, + { + title: "Empfang 2", + url: "/room/Empfang%202", + }, ], }, // { diff --git a/web/src/lib/sidebar.svelte.ts b/web/src/lib/sidebar.svelte.ts new file mode 100644 index 0000000..e00891f --- /dev/null +++ b/web/src/lib/sidebar.svelte.ts @@ -0,0 +1,3 @@ +export const sidebarState = $state({ + open: false +}); \ No newline at end of file diff --git a/web/src/routes/(manage)/+layout.svelte b/web/src/routes/(manage)/+layout.svelte index 121211c..792aa77 100644 --- a/web/src/routes/(manage)/+layout.svelte +++ b/web/src/routes/(manage)/+layout.svelte @@ -11,7 +11,7 @@ import ConnectionLostDialog from '$lib/ConnectionLostDialog.svelte'; import { onMount } from 'svelte'; import { browser } from '$app/environment'; - import { sidebarState } from "$lib/sidebar.svelte.ts"; + import { sidebarState } from "$lib/sidebar.svelte"; let { children } = $props(); diff --git a/web/src/routes/(manage)/room/[slug]/+page.svelte b/web/src/routes/(manage)/room/[slug]/+page.svelte index 06f4b0e..43cb813 100644 --- a/web/src/routes/(manage)/room/[slug]/+page.svelte +++ b/web/src/routes/(manage)/room/[slug]/+page.svelte @@ -4,7 +4,7 @@ import * as InputOTP from "$lib/components/ui/input-otp"; import { eventTarget } from "$lib/ws.svelte"; import { toast } from "svelte-sonner"; - import { sidebarState } from "$lib/sidebar.svelte.ts"; + import { sidebarState } from "$lib/sidebar.svelte"; const slug = $derived(page.params.slug); @@ -14,8 +14,8 @@ let isInvalid = $state(false); - const TICKET_INPUT_REGEX = "^[A-B]{0,1}[0-9]{0,2}$"; - const TICKET_REGEX = /^[A-B]\d{2}$/; + const TICKET_INPUT_REGEX = "^[A-E]{0,1}[0-9]{0,2}$"; + const TICKET_REGEX = /^[A-E]\d{2}$/; async function submit() { if(!TICKET_REGEX.test(nextTicket)) { diff --git a/web/src/routes/display/+page.svelte b/web/src/routes/display/+page.svelte index 7f14f70..259356a 100644 --- a/web/src/routes/display/+page.svelte +++ b/web/src/routes/display/+page.svelte @@ -1,6 +1,7 @@ -
+{#if newCalls.length > 0} +
+
+ {#each newCalls as call (call.num)} + {call.num} → {call.ticket.room} + {/each} +
+
+{/if} + +
{#if connected} - +
- + - {#each calls.filter(c => c.num.startsWith("A")) as call (call.num)} + {#each calls.slice(0, ENTRIES_PER_TABLE) as call (call.num)} - + {/each}
Wartenr.->→ Raum
{call.num}->→ {call.ticket.status === "no-show" ? "Empfang " + ENTRIES[call.num[0]] : call.ticket.room}
- +
+ +
- + - {#each calls.filter(c => c.num.startsWith("B")) as call (call.num)} + {#each calls.slice(ENTRIES_PER_TABLE) as call (call.num)} - + {/each} @@ -69,14 +90,19 @@
Wartenr.->→ Raum
{call.num}->→ {call.ticket.status === "no-show" ? "Empfang " + ENTRIES[call.num[0]] : call.ticket.room}