Fallakte in Reiter geteilt

Akte, Beteiligte, Dokumente, Änderungen, Export - als eigene Seiten unter einem gemeinsamen Layout, nicht als umgeschaltete Blöcke. Ein Reiter, der im Client nur ein- und ausgeblendet wird, kostet dasselbe wie vorher; nur eigene Seiten trennen den Code wirklich. Der Schnitt folgt der Fachlichkeit: die drei Ebenen aus docs/05 - Kopfdaten, Abschnitte, Verlauf - bleiben zusammen, samt Aktenchat. Das Umfeld der Akte braucht man selten gleichzeitig mit dem Sachstand. Kopf, Stempel und die Knöpfe für Status und Umklassifizierung stehen im Layout und damit auf jedem Reiter. Grösste Route 116,2 statt 119,8 von 120 kB, die neuen Reiter bei 110,7 und 110,9. Damit ist wieder Luft für Phase 9. 48 e2e-Tests, 178 im Web-Paket unverändert grün.
2026-09-03 10:15:14 +02:00
parent f1106a57d6
commit d2a7910861
8 changed files with 318 additions and 227 deletions
@@ -0,0 +1,84 @@
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+import { db } from '@/lib/db'
+import { requireUser } from '@/lib/auth/current'
+import { visiblePersonnelWhere } from '@/lib/access/personnelFilter'
+import { canEditCase } from '@/lib/access/caseWrite'
+import { loadVisibleCase } from '@/lib/cases/service'
+import { listParticipants } from '@/lib/cases/participants'
+import { listLinks } from '@/lib/cases/links'
+import { de } from '@/lib/i18n/de'
+import { Participants } from '../Participants'
+import { CaseLinks } from '../CaseLinks'
+
+export const metadata: Metadata = { title: de.case.tabRelations }
+export const dynamic = 'force-dynamic'
+
+/**
+ * Wer und was an dieser Akte hängt.
+ *
+ * Eigener Reiter, weil beides selten zugleich mit dem Sachstand gebraucht wird
+ * und die Fallakte sonst das Bündelbudget reisst. Siehe das Layout daneben.
+ */
+export default async function CaseRelationsPage({
+  params,
+}: {
+  params: Promise<{ caseNumber: string }>
+}) {
+  const user = await requireUser()
+  const { caseNumber } = await params
+
+  const akte = await loadVisibleCase(user.permissions, caseNumber)
+  if (!akte) notFound()
+
+  const canEdit = canEditCase(user.permissions, akte).ok
+  const darfPersonal =
+    user.permissions.isAdmin || user.permissions.permissions.has('personnel.read')
+
+  const [participants, links, members, files] = await Promise.all([
+    listParticipants(user.permissions, akte.id),
+    listLinks(user.permissions, akte.id),
+    canEdit
+      ? db.user.findMany({
+          where: { isActive: true },
+          orderBy: { displayName: 'asc' },
+          take: 200,
+          select: { id: true, displayName: true },
+        })
+      : Promise.resolve([]),
+    // Nur Personalakten, die der Eintragende sehen darf, und nur mit dem Recht
+    // dazu: sonst verriete die Auswahlliste ihre Existenz.
+    canEdit && darfPersonal
+      ? db.personnelFile.findMany({
+          where: visiblePersonnelWhere(user.permissions),
+          orderBy: { displayName: 'asc' },
+          take: 200,
+          select: { id: true, displayName: true },
+        })
+      : Promise.resolve([]),
+  ])
+
+  return (
+    <div className="grid gap-10 md:grid-cols-2">
+      <section>
+        <h2 className="font-condensed">{de.participant.heading}</h2>
+        <div className="mt-4">
+          <Participants
+            caseNumber={akte.caseNumber}
+            participants={participants}
+            canEdit={canEdit}
+            members={members}
+            files={files}
+          />
+        </div>
+      </section>
+
+      <section>
+        <h2 className="font-condensed">{de.link.heading}</h2>
+        <div className="mt-4">
+          <CaseLinks caseNumber={akte.caseNumber} links={links} canEdit={canEdit} />
+        </div>
+      </section>
+    </div>
+  )
+}