Phase 2 abgeschlossen: nachträgliche Änderungen, Grabstein, Richtlinie
Der Kern von harter Regel 2. Jede Änderung an einem Verlaufseintrag schreibt den vorherigen Stand nach CaseEntryVersion und erhöht die Versionsnummer. Autor und Entstehungszeit bleiben unangetastet, geprüft gegen die Datenbank. Die Karenzzeit wird serverseitig aus AppSetting gelesen, nie aus dem Request. Eine Änderung darin wird versioniert und protokolliert, aber nicht sichtbar markiert — ein Tippfehler, zwei Minuten später korrigiert, soll die Akte nicht mit "bearbeitet"-Marken zupflastern. Alles danach ist markiert und verlangt eine Begründung, ebenso jede Änderung an einem fremden Eintrag. Die Stelle, an der eine naive Umsetzung leckt, hat einen eigenen Test: wird minClearance eines Eintrags angehoben, erben alle bestehenden Versionen den neuen Wert. Sonst liest jemand mit niedrigerer Stufe den ursprünglichen Text einfach in der Historie. Zurückziehen setzt einen Grabstein mit Pflichtbegründung, der Text bleibt in der Datenbank. Rückgängig machen geht und wird wiederum protokolliert. Systemeinträge sind von jeder Änderung ausgenommen. Dazu die Änderungsübersicht als Reiter an der Akte — sichtbar für alle, die die Akte lesen dürfen, nicht nur für die Leitung — und die Adminseite für die Änderungsrichtlinie. Zwei Testprobleme dabei behoben: AppSetting ist eine einzige Zeile für die ganze Anwendung, deshalb laufen die Web-Tests jetzt nacheinander, und die Testdatenbank startet bei jedem Lauf im Auslieferungszustand. Vorher hing das Ergebnis davon ab, was der vorige Lauf hinterlassen hatte. 63 Tests, zweimal hintereinander grün. Bündel bei 110,5 kB von 120.
This commit is contained in:
@@ -0,0 +1,108 @@
|
||||
'use client'
|
||||
|
||||
import { useState, useTransition } from 'react'
|
||||
import { de } from '@/lib/i18n/de'
|
||||
import { savePolicy } from './actions'
|
||||
|
||||
const POLICIES = ['APPEND_ONLY', 'GRACE_WINDOW', 'OPEN'] as const
|
||||
|
||||
/**
|
||||
* Nicht optimistisch: die Richtlinie wirkt sofort für alle Akten.
|
||||
* Bestätigungsdialog, Wartezustand am Knopf, klare Rückmeldung.
|
||||
* Siehe docs/09-performance-und-ux.md.
|
||||
*/
|
||||
export function PolicyForm({
|
||||
initial,
|
||||
}: {
|
||||
initial: { entryEditPolicy: string; entryEditGraceMinutes: number; entryEditMarkGrace: boolean }
|
||||
}) {
|
||||
const [policy, setPolicy] = useState(initial.entryEditPolicy)
|
||||
const [grace, setGrace] = useState(initial.entryEditGraceMinutes)
|
||||
const [mark, setMark] = useState(initial.entryEditMarkGrace)
|
||||
const [saved, setSaved] = useState(false)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const [pending, startTransition] = useTransition()
|
||||
|
||||
function submit() {
|
||||
if (!confirm(de.settings.confirm)) return
|
||||
setError(null)
|
||||
startTransition(async () => {
|
||||
const result = await savePolicy({
|
||||
entryEditPolicy: policy,
|
||||
entryEditGraceMinutes: grace,
|
||||
entryEditMarkGrace: mark,
|
||||
})
|
||||
if (result.ok) setSaved(true)
|
||||
else setError(result.error)
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="mt-6 space-y-6">
|
||||
<fieldset>
|
||||
<legend className="font-condensed text-xs text-text-dim">{de.settings.policy}</legend>
|
||||
<div className="mt-2 space-y-2">
|
||||
{POLICIES.map((value) => (
|
||||
<label key={value} className="flex items-start gap-2 text-sm">
|
||||
<input
|
||||
type="radio"
|
||||
name="policy"
|
||||
value={value}
|
||||
checked={policy === value}
|
||||
onChange={() => {
|
||||
setPolicy(value)
|
||||
setSaved(false)
|
||||
}}
|
||||
className="mt-1"
|
||||
/>
|
||||
<span>{de.settings.policies[value]}</span>
|
||||
</label>
|
||||
))}
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<label className="block">
|
||||
<span className="font-condensed text-xs text-text-dim">{de.settings.graceMinutes}</span>
|
||||
<input
|
||||
type="number"
|
||||
min={0}
|
||||
max={1440}
|
||||
value={grace}
|
||||
disabled={policy !== 'GRACE_WINDOW'}
|
||||
onChange={(event) => {
|
||||
setGrace(Number(event.target.value))
|
||||
setSaved(false)
|
||||
}}
|
||||
className="mt-1.5 block w-24 border border-line bg-raised px-3 py-2 font-mono text-sm disabled:text-text-dim"
|
||||
/>
|
||||
</label>
|
||||
|
||||
<label className="flex items-center gap-2 text-sm">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={mark}
|
||||
onChange={(event) => {
|
||||
setMark(event.target.checked)
|
||||
setSaved(false)
|
||||
}}
|
||||
/>
|
||||
<span>{de.settings.markGrace}</span>
|
||||
</label>
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<button
|
||||
type="button"
|
||||
onClick={submit}
|
||||
disabled={pending}
|
||||
className="border border-line bg-raised px-4 py-2 font-condensed text-xs text-accent disabled:text-text-dim"
|
||||
>
|
||||
{pending ? de.case.saving : de.settings.save}
|
||||
</button>
|
||||
{saved ? (
|
||||
<span className="font-condensed text-2xs text-text-dim">{de.settings.saved}</span>
|
||||
) : null}
|
||||
{error ? <span className="font-condensed text-2xs text-stamp-4">{error}</span> : null}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user