Florian Wilde
3833a9dd8f
Damit ist Etappe 1 abgeschlossen und betriebsfertig dokumentiert. README mit beiden Betriebswegen. Docker Compose auf eigenem Server ist der Hauptweg; Vercel und Neon sind vollstaendig beschrieben, aber mit einer klaren Begruendung, warum ich davon abrate: beide Anbieter sind US-Unternehmen und unterliegen auch bei EU-Region potenziell dem CLOUD-Act. Bei Gesundheitsdaten einer nicht entscheidungsfaehigen Person ist das eine Abwaegung, die man bewusst treffen muss. Reverse-Proxy-Beispiele fuer Caddy, nginx und Traefik - der Proxy selbst ist nicht Teil des Compose-Setups, weil er auf dem Zielserver schon steht. Die Datenbank hat keine Portfreigabe. Sicherung: pg_dump schreibt direkt in die Verschluesselung, der Klartext landet nie auf der Platte. Danach eine Selbstpruefung - laesst sich die Datei nicht wieder entschluesseln, endet der Lauf mit Fehler statt mit einem stillen Scheinerfolg. Der jeweils erste Stand eines Monats bleibt dauerhaft stehen. Die README sagt ausdruecklich, was das Backup NICHT enthaelt: den Schluessel ENC_KEY_V1 und die Dateien im Objektspeicher. Dazu eine Anleitung, die Wiederherstellung einmal im Jahr zu ueben - mit dem letzten Schritt, in der Anwendung nachzusehen, ob die Diagnosen im Klartext erscheinen. Erst dann stimmt nicht nur die Datenbank, sondern auch der Schluessel. Verarbeitungsverzeichnis und Datenschutzhinweise als ausfuellbare Textbausteine. Die Hinweise sind in einfacher Sprache geschrieben - sie sollen der betreuten Person vorgelesen werden koennen. Die Seite /datenschutz liest denselben Text aus docs/, damit es nicht zwei Fassungen gibt, die auseinanderlaufen. Dockerfile in drei Stufen mit Tesseract, deutschen Sprachdaten und poppler-utils. Zeitzone Europe/Berlin ist gesetzt - ohne sie rechnet der Server in UTC und verschiebt Fristen um einen Tag. Etappe: 1 Phase: Fundament
88 lines
2.4 KiB
TypeScript
88 lines
2.4 KiB
TypeScript
'use client'
|
|
|
|
import * as React from 'react'
|
|
import { useFormStatus } from 'react-dom'
|
|
import { AlertCircle, CheckCircle2, Loader2 } from 'lucide-react'
|
|
import { Alert, AlertDescription } from '@/components/ui/alert'
|
|
import { Button, type ButtonProps } from '@/components/ui/button'
|
|
import type { Formularzustand } from '@/server/actions/sozialhilfe'
|
|
|
|
/**
|
|
* Kleinteile, die in allen Formularen des Sozialhilfemoduls
|
|
* wiederkehren. Sie liegen hier zusammen, damit nicht jedes Formular
|
|
* seinen eigenen Absende-Knopf und seine eigene Meldung erfindet.
|
|
*/
|
|
|
|
/**
|
|
* Absende-Knopf, der während des Speicherns gesperrt ist. Ohne die Sperre
|
|
* entstehen bei langsamer Verbindung Dubletten - und eine doppelt
|
|
* angelegte Nachforderung fällt erst beim Bezirk auf.
|
|
*/
|
|
export function Absenden({
|
|
children = 'Speichern',
|
|
laedtText = 'Wird gespeichert …',
|
|
disabled,
|
|
...props
|
|
}: ButtonProps & { laedtText?: string }) {
|
|
const { pending } = useFormStatus()
|
|
return (
|
|
<Button type="submit" {...props} disabled={pending || disabled}>
|
|
{pending && <Loader2 className="animate-spin" aria-hidden="true" />}
|
|
{pending ? laedtText : children}
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
/** Rückmeldung einer Server Action - Fehler oder Erfolg. */
|
|
export function Meldung({ zustand }: { zustand: Formularzustand }) {
|
|
if (zustand.fehler) {
|
|
return (
|
|
<Alert variant="fehler">
|
|
<AlertCircle aria-hidden="true" />
|
|
<AlertDescription>{zustand.fehler}</AlertDescription>
|
|
</Alert>
|
|
)
|
|
}
|
|
if (zustand.erfolg) {
|
|
return (
|
|
<Alert variant="erfolg">
|
|
<CheckCircle2 aria-hidden="true" />
|
|
<AlertDescription>{zustand.erfolg}</AlertDescription>
|
|
</Alert>
|
|
)
|
|
}
|
|
return null
|
|
}
|
|
|
|
/**
|
|
* Ein Knopf, der eine Aktion ohne Formularfelder auslöst und vorher
|
|
* nachfragt. Für Löschen und andere Schritte, die man nicht versehentlich
|
|
* gehen will.
|
|
*/
|
|
export function AktionMitRueckfrage({
|
|
aktion,
|
|
frage,
|
|
children,
|
|
variant = 'ghost',
|
|
size = 'sm',
|
|
}: {
|
|
aktion: () => Promise<void>
|
|
frage: string
|
|
children: React.ReactNode
|
|
variant?: ButtonProps['variant']
|
|
size?: ButtonProps['size']
|
|
}) {
|
|
return (
|
|
<form
|
|
action={aktion}
|
|
onSubmit={(ereignis) => {
|
|
if (!window.confirm(frage)) ereignis.preventDefault()
|
|
}}
|
|
>
|
|
<Absenden variant={variant} size={size} laedtText="Einen Moment …">
|
|
{children}
|
|
</Absenden>
|
|
</form>
|
|
)
|
|
}
|