Harlekin
cf4348b8b1
Ein Ereignisstrom mit Themen (/api/stream), in dem der Dateistrom aus Phase 5 aufgegangen ist. Zwei Prüfungen: beim Verbinden, welche Themen der Nutzer abonnieren darf, und je Ereignis wird der Inhalt mit seinen Rechten geladen. Das zweite ist nicht nur Vorsicht — eine Umklassifizierung wirkt dadurch in einer offenen Verbindung sofort. In der pg_notify-Nutzlast steht nie ein Inhalt, nur Thema, Art und Kennung. Der Aktenchat sendet optimistisch mit clientseitiger UUIDv7, die zugleich Idempotenzschlüssel ist. Antworten, vier feste Reaktionen, Bearbeiten mit sichtbarem editedAt, Zurückziehen mit Platzhalter — Löschen gibt es nicht, und eine Regel in der Datenbank hält das fest. Eine zurückgezogene Nachricht kommt ohne Text an, nicht ausgeblendet. Aktenzeichen im Text werden zu Vorschaukarten, serverseitig aufgelöst. Eine Akte, die der Leser nicht sehen darf, sieht darin genauso aus wie eine, die es gar nicht gibt. "Als Vermerk übernehmen" steht sichtbar an jeder Nachricht. Der Vermerk gehört dem Verfasser, nicht dem Übernehmenden; ein Systemeintrag nennt den Ursprung, damit der Wortlaut später nicht für die Akte geschrieben wirkt. Bei den Discord-Benachrichtigungen entscheidet die Web-App, wer was erfährt, und der Worker liefert nur aus. Die Alternative hätte geheissen, die Sichtbarkeitsprüfung im Worker ein zweites Mal zu bauen. In meta steht ein Titel nur, wenn er hinaus darf — ab Stufe 3 keiner. Postausgang als Tabelle, angestossen über LISTEN, mit Takt als Sicherheitsnetz. Nebenbei riss das Budget der Fallakte erneut (122 kB). Drei Schritte zurück auf 119,6: Chattexte in eine eigene i18n-Datei, ein gemeinsames AddPanel statt viermal derselbe Aufklapp-Code, und eine eigene UUIDv7 statt des Pakets — die Sortierbarkeit, auf der die Nachlieferung beruht, steht damit im eigenen Code und hat Tests. Unterwegs habe ich NotifyMode und User.notifyMode ein zweites Mal angelegt, obwohl es beides seit dem Grundgerüst gibt. Die Migration schlug fehl und die Datenbank musste von Hand aufgeräumt werden; die Lehre steht in docs/13. 155 Tests im Web-Paket, 15 in der Datenbank, 7 im Worker, 32 e2e.
59 lines
2.2 KiB
TypeScript
59 lines
2.2 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('personnel.read') ? (
|
|
<Link href="/personalakten">{de.nav.personnel}</Link>
|
|
) : null}
|
|
<Link href="/kanaele">{de.channel.heading}</Link>
|
|
<Link href="/einstellungen">{de.notify.heading}</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>
|
|
)
|
|
}
|