Harlekin
03cb5ec9a7
Die Dokumentebene aus docs/13 ist gebaut, additiv: Document, DocumentSection und DocumentSectionVersion neben Case, CaseSection und CaseEntry. Ein Dokument hängt an einer Fallakte, an einer Personalakte oder an nichts, höchstens an einem - gesichert durch eine CHECK-Bedingung. Es gibt kein DELETE; eine Zurücknahme lässt einen Grabstein stehen, der auch für den Admin zu ist. Eine neue Dokumentart ist damit ein Datensatz, kein Deployment. Im Seed stehen vier: vermerk, vorfallsbericht, sonderarbeitsvertrag (mehrseitiger Vertragstext mit Platzhaltern und Unterschriftenzeilen) und bussgeld. Zwei Umbenennungen, beide von Hand migriert, damit die vorhandenen Zeilen und Zählerstände stehen bleiben: - CaseTemplate -> DocumentTemplate, plus uses[] und layout - CaseCounter -> NumberSeries, ein Nummernkreis je Präfix für Aktenzeichen und Dokumentnummern Die Regeln für Abschnitte stehen jetzt einmal in lib/sections/render.ts und gelten für Fallakten und Dokumente gleichermaßen. Die Frage aus docs/13, ob CaseSection langfristig in die Dokumentebene wandert, ist damit verneint und begründet. Rückverweise auf der Personalakte laufen durch visibleCaseWhere, die Zahl daneben entsteht aus dem gefilterten Ergebnis. Auch die Rollengruppe verschwindet mit, sonst verriete "Betroffener" ohne Eintrag die Ermittlung. Die eigene Personalakte ist keine Ausnahme von der Freigabestufe. Vier neue Rechte: document.create, .edit, .finalize, .retract. Das letzte steht bei den zurückgehaltenen, es greift in Geschriebenes ein. 91 Tests im Web-Paket, 15 in der Datenbank, 28 e2e. Größte Route 118 kB gegen das Budget von 120 kB - die Luft wird knapp.
92 lines
3.3 KiB
TypeScript
92 lines
3.3 KiB
TypeScript
import type { Metadata } from 'next'
|
|
import Link from 'next/link'
|
|
import { db } from '@/lib/db'
|
|
import { requirePermission } from '@/lib/auth/current'
|
|
import { listPersonnelFiles } from '@/lib/personnel/service'
|
|
import { de } from '@/lib/i18n/de'
|
|
import { StampMark, classificationEdgeStyle } from '@/components/StampMark'
|
|
|
|
export const metadata: Metadata = { title: de.personnel.listHeading }
|
|
export const dynamic = 'force-dynamic'
|
|
|
|
/**
|
|
* Liste der Personalakten.
|
|
*
|
|
* Wie bei den Fallakten: Suche, Sichtbarkeit und Zählung laufen über dieselbe
|
|
* Abfrage. Eine Akte über der Stufe des Lesers taucht weder auf noch in der
|
|
* Zahl daneben.
|
|
*/
|
|
export default async function PersonnelListPage({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{ q?: string }>
|
|
}) {
|
|
// Ohne das Recht gibt es die Seite nicht — 404, nicht 403.
|
|
const user = await requirePermission('personnel.read')
|
|
const { q } = await searchParams
|
|
|
|
const [{ files, total }, levels] = await Promise.all([
|
|
listPersonnelFiles(user.permissions, { query: q }),
|
|
db.clearanceLevelConfig.findMany({ orderBy: { level: 'asc' } }),
|
|
])
|
|
const levelName = new Map(levels.map((l) => [l.level, l.name]))
|
|
const darfAnlegen =
|
|
user.permissions.isAdmin || user.permissions.permissions.has('personnel.edit')
|
|
|
|
return (
|
|
<main className="mx-auto max-w-5xl px-6 py-10">
|
|
<div className="flex flex-wrap items-baseline justify-between gap-4">
|
|
<h1 className="font-condensed">{de.personnel.listHeading}</h1>
|
|
<span className="font-mono text-xs text-text-dim">{de.personnel.countLabel(total)}</span>
|
|
</div>
|
|
|
|
<form method="get" className="mt-4 flex flex-wrap items-center gap-3">
|
|
<input
|
|
type="search"
|
|
name="q"
|
|
defaultValue={q ?? ''}
|
|
placeholder={de.personnel.search}
|
|
aria-label={de.personnel.search}
|
|
className="w-full max-w-sm border border-line bg-raised px-3 py-2 text-sm"
|
|
/>
|
|
{darfAnlegen ? (
|
|
<Link href="/personalakten/neu" className="ml-auto font-condensed text-xs">
|
|
{de.personnel.create}
|
|
</Link>
|
|
) : null}
|
|
</form>
|
|
|
|
{files.length === 0 ? (
|
|
<p className="mt-10 text-text-dim">
|
|
{q ? de.personnel.emptySearch : de.personnel.empty}
|
|
</p>
|
|
) : (
|
|
<ul className="mt-6 border-t border-line">
|
|
{files.map((akte) => (
|
|
<li key={akte.id} className="border-b border-line">
|
|
<Link
|
|
href={`/personalakten/${akte.id}`}
|
|
prefetch
|
|
className="flex flex-wrap items-baseline gap-x-4 gap-y-1 py-3 pl-3 text-text no-underline"
|
|
style={classificationEdgeStyle(akte.classification)}
|
|
>
|
|
<span className="grow">{akte.displayName}</span>
|
|
{akte.serviceNumber ? (
|
|
<span className="font-mono text-xs text-text-dim">{akte.serviceNumber}</span>
|
|
) : null}
|
|
{akte.rank ? (
|
|
<span className="font-condensed text-2xs text-text-dim">{akte.rank}</span>
|
|
) : null}
|
|
<StampMark
|
|
level={akte.classification}
|
|
name={levelName.get(akte.classification) ?? de.common.unknown}
|
|
/>
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
</main>
|
|
)
|
|
}
|