feat: Grundgerüst mit Anmeldung, Layout und Design-Tokens

Next.js 16, Prisma 7, Tailwind 4 und Vitest/Playwright, Konfiguration aus Laufzettel übernommen, weil dort derselbe Stack erprobt ist. Die Farben der Branding-Vorgabe stehen als Tokens in globals.css, das helle Theme setzt dieselben Namen neu. Amber und Rot sind dort abgedunkelt, sonst reicht der Kontrast nicht – ein Test prüft beide Themes gegen 4,5:1. Anmeldung mit lokalem Benutzer, Rolle je Anfrage aus der Datenbank, Audit-Log per Trigger nur anhängbar. Geprüft im gebauten Stand auf 1440 px und 390 px. Closes #001 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-12 09:23:41 +02:00
parent c3211d0fe2
commit 871bb3a77c
75 changed files with 10155 additions and 15 deletions
@@ -0,0 +1,44 @@
+/**
+ * Navigation der Seitenleiste. Jeder Eintrag nennt sein Recht als Schlüssel aus RECHTE
+ * (`src/server/auth/rechte.ts`); die Hülle blendet aus, was die Rolle nicht darf.
+ * Hier nur Text und Pfade, damit Client-Komponenten es importieren dürfen.
+ */
+export type NavigationsEintrag = {
+  pfad: string;
+  titel: string;
+  symbol:
+    | "uebersicht"
+    | "ausrollen"
+    | "verlauf"
+    | "templates"
+    | "vorlagen"
+    | "katalog"
+    | "server"
+    | "einstellungen";
+  recht: "lesen" | "ausrollen" | "serverVerwalten" | "katalogVerwalten" | "eigeneZugaenge";
+  /** Erscheint erst, wenn das Issue umgesetzt ist – bis dahin nicht anzeigen statt ins Leere führen. */
+  ab?: string;
+};
+
+export const NAVIGATION: readonly NavigationsEintrag[] = [
+  { pfad: "/", titel: "Übersicht", symbol: "uebersicht", recht: "lesen" },
+  { pfad: "/ausrollen", titel: "Ausrollen", symbol: "ausrollen", recht: "ausrollen", ab: "#008" },
+  { pfad: "/auftraege", titel: "Verlauf", symbol: "verlauf", recht: "lesen", ab: "#006" },
+  { pfad: "/templates", titel: "Templates", symbol: "templates", recht: "lesen", ab: "#007" },
+  { pfad: "/vorlagen", titel: "Vorlagen", symbol: "vorlagen", recht: "lesen", ab: "#012" },
+  { pfad: "/katalog", titel: "Katalog", symbol: "katalog", recht: "lesen", ab: "#004" },
+  { pfad: "/server", titel: "Server", symbol: "server", recht: "lesen", ab: "#002" },
+  {
+    pfad: "/einstellungen",
+    titel: "Einstellungen",
+    symbol: "einstellungen",
+    recht: "eigeneZugaenge",
+    ab: "#015",
+  },
+];
+
+/** Aktiv ist ein Eintrag auch für Unterseiten – außer der Übersicht, sonst wäre sie immer aktiv. */
+export function istAktiv(eintrag: string, pfad: string): boolean {
+  if (eintrag === "/") return pfad === "/";
+  return pfad === eintrag || pfad.startsWith(`${eintrag}/`);
+}