Florian WildeandClaude Opus 5
791523027f
Phase 4: eine eigene Oberflaeche unter /kiosk fuer das Wandtablet in der Fahrzeughalle — mit Handschuhen bedienbar und arbeitsfaehig, wenn das Netz weg ist. Datenmodell: Fahrt, Anwesenheit, Waescheabgabe, Inventurgang, Inventurposten, KioskVorgang und SyncKonflikt. Die Kennung eines Vorgangs erzeugt der Browser beim Einreihen und ist damit der Idempotenzschluessel; kommt derselbe Vorgang nach abgebrochener Uebertragung erneut an, erkennt ihn der Server wieder. Die Datenbank setzt vier Regeln selbst durch und verweigert UPDATE und DELETE auf kiosk_vorgang. Offline: von Hand geschriebener Service Worker, Warteschlange in der IndexedDB (Dexie), Fotos als Blob daneben, sichtbarer Zustand als Leiste ueber allem. Was sich beim Nachtragen nicht anwenden laesst, landet als Konflikt unter /terminal statt verworfen zu werden. Dazu: Anmeldung per Ausweis, PIN oder signierter QR-Marke vom Handy, Hallenmonitor mit optionalen DWD-Warnungen, Installation als App. Behoben: die Warteschlange zog ihren Wiederholungstakt bei jedem Rendern neu auf und haette einen liegen gebliebenen Vorgang nie ein zweites Mal geschickt. Gefunden vom Offline-E2E-Test. 31 neue Tests (20 Unit, 11 gegen eine echte Datenbank, 9 E2E je Browser). Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { TrpcProvider } from "@/lib/trpc/provider";
|
|
import { WarteschlangeProvider } from "@/components/kiosk/warteschlange";
|
|
import { ServiceWorkerAnmeldung } from "@/components/kiosk/service-worker";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "FLORIAN Terminal",
|
|
// Ein Terminal gehört nicht in eine Suchmaschine.
|
|
robots: { index: false, follow: false },
|
|
appleWebApp: { capable: true, title: "FLORIAN", statusBarStyle: "black-translucent" },
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: "#b91c1c",
|
|
// Kein Zoom auf dem Wandtablet: ein versehentliches Aufziehen mit dem
|
|
// Handschuh verschiebt sonst die halbe Oberfläche, und niemand findet zurück.
|
|
initialScale: 1,
|
|
maximumScale: 1,
|
|
userScalable: false,
|
|
viewportFit: "cover",
|
|
};
|
|
|
|
/**
|
|
* Layout des Terminals.
|
|
*
|
|
* Bewusst eigenständig, ohne die Seitenleiste der Verwaltungsoberfläche:
|
|
*
|
|
* * **Große Ziele.** Alles Bedienbare ist mindestens 64 Pixel hoch. Wer mit
|
|
* Feuerwehrhandschuhen tippt, trifft keine 32-Pixel-Knöpfe.
|
|
* * **Kein Hover.** Ein Touchgerät kennt kein Darüberfahren; alles, was
|
|
* wichtig ist, steht immer da.
|
|
* * **Kein Zoom, kein Scrollen in der Breite.** Sonst verrutscht die
|
|
* Oberfläche, sobald jemand sie mit dem Ärmel streift.
|
|
*
|
|
* Der Service Worker und die Warteschlange hängen hier — beide gelten für
|
|
* alles unterhalb von /kiosk.
|
|
*/
|
|
export default function KioskLayout({ children }: Readonly<{ children: React.ReactNode }>) {
|
|
return (
|
|
<TrpcProvider>
|
|
<WarteschlangeProvider>
|
|
<ServiceWorkerAnmeldung />
|
|
<div className="min-h-screen bg-[var(--background)] text-[var(--foreground)] [touch-action:manipulation]">
|
|
{children}
|
|
</div>
|
|
</WarteschlangeProvider>
|
|
</TrpcProvider>
|
|
);
|
|
}
|