Harlekin
399988596f
Eine Vorlage ist eine geordnete Liste von Bausteinen: Eingabefelder und feste Textbausteine mit Platzhaltern. Damit trägt dieselbe Struktur den Vorfallsbericht und den Sonderarbeitsvertrag. Die Startvorlagen bilden jetzt den echten Bericht der Abteilung ab, samt Berichtsart, Gefahreneinschätzung und Foundation-Freigabe — letztere als gewöhnliches Feld ohne Wirkung auf den Zugriff. Abschnitte werden gerendert und bearbeitet, Entwürfe alle zwei Sekunden lokal gesichert. Gespeichert wird auf Knopfdruck: ein Abschnitt ist der Sachstand der Akte, kein Chatbeitrag. Die geladene Version geht mit; weicht sie ab, gibt es kein stilles Überschreiben, sondern beide Fassungen nebeneinander mit "Meine übernehmen" und "Fremde übernehmen". Felder über der Stufe des Lesers werden serverseitig durch einen Platzhalter ersetzt, Schwärzungen im Fliesstext kommen als Segmente. Beides so, dass der echte Wert den Server nicht verlässt — nicht als Ausblenden im Client. Der Wortdiff ist selbst geschrieben statt eingekauft: ein Dutzend Zeilen gegen 30 kB im Bündel für etwas, das nur serverseitig läuft. Beim Bauen des Vorlagen-Editors riss das Bündel-Budget auf 127,9 kB, weil zod über das Vorlagenmodul in den Client geriet. Typen und Validierung sind jetzt getrennt: fields.ts ohne zod für Client und Server, schema.ts nur serverseitig. Wieder bei 111,9 kB von 120. 85 Tests, 22 E2E.
54 lines
1.9 KiB
TypeScript
54 lines
1.9 KiB
TypeScript
import Link from 'next/link'
|
|
import { signOut } from '@/auth'
|
|
import { requireUser } from '@/lib/auth/current'
|
|
import { de } from '@/lib/i18n/de'
|
|
|
|
export default async function AppLayout({ children }: { children: React.ReactNode }) {
|
|
const user = await requireUser()
|
|
|
|
async function abmelden() {
|
|
'use server'
|
|
await signOut({ redirectTo: '/anmelden' })
|
|
}
|
|
|
|
return (
|
|
<div className="min-h-dvh">
|
|
<header className="border-b border-line">
|
|
<div className="mx-auto flex max-w-5xl flex-wrap items-center gap-x-6 gap-y-2 px-6 py-3">
|
|
<Link href="/uebersicht" className="font-condensed text-text no-underline">
|
|
{de.app.shortName}
|
|
</Link>
|
|
|
|
<nav className="flex gap-4 font-condensed text-xs">
|
|
<Link href="/uebersicht">{de.nav.dashboard}</Link>
|
|
<Link href="/faelle">{de.nav.cases}</Link>
|
|
{user.permissions.isAdmin || user.permissions.permissions.has('roles.manage') ? (
|
|
<>
|
|
<Link href="/admin/rollen">{de.nav.admin}</Link>
|
|
{user.permissions.isAdmin ||
|
|
user.permissions.permissions.has('template.manage') ? (
|
|
<Link href="/admin/vorlagen">{de.templateAdmin.heading}</Link>
|
|
) : null}
|
|
{user.permissions.isAdmin ? (
|
|
<Link href="/admin/richtlinie">{de.settings.heading}</Link>
|
|
) : null}
|
|
</>
|
|
) : null}
|
|
</nav>
|
|
|
|
<div className="ml-auto flex items-center gap-3 text-xs text-text-dim">
|
|
<span className="font-mono">{user.displayName}</span>
|
|
<form action={abmelden}>
|
|
<button type="submit" className="font-condensed text-accent">
|
|
{de.auth.signOut}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="inhalt">{children}</div>
|
|
</div>
|
|
)
|
|
}
|