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
73 lines
2.2 KiB
TypeScript
73 lines
2.2 KiB
TypeScript
'use client'
|
|
|
|
import { useActionState } from 'react'
|
|
import { useFormStatus } from 'react-dom'
|
|
import { AlertCircle, CheckCircle2, Loader2 } from 'lucide-react'
|
|
import { passwortAendern, type PasswortZustand } from '@/server/actions/konto'
|
|
import { Alert, AlertDescription } from '@/components/ui/alert'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Input } from '@/components/ui/input'
|
|
import { Feld } from '@/components/feld'
|
|
|
|
function Absenden() {
|
|
const { pending } = useFormStatus()
|
|
return (
|
|
<Button type="submit" disabled={pending}>
|
|
{pending && <Loader2 className="animate-spin" aria-hidden="true" />}
|
|
{pending ? 'Wird geändert …' : 'Passwort ändern'}
|
|
</Button>
|
|
)
|
|
}
|
|
|
|
export function PasswortFormular() {
|
|
const [zustand, aktion] = useActionState<PasswortZustand, FormData>(passwortAendern, {})
|
|
|
|
if (zustand.erfolg) {
|
|
return (
|
|
<Alert variant="erfolg">
|
|
<CheckCircle2 aria-hidden="true" />
|
|
<AlertDescription>
|
|
Passwort geändert. Alle offenen Sitzungen wurden beendet — auch diese hier. Beim
|
|
nächsten Klick wirst du zur Anmeldung geschickt.
|
|
</AlertDescription>
|
|
</Alert>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<form action={aktion} className="space-y-4" noValidate>
|
|
{zustand.fehler && (
|
|
<Alert variant="fehler">
|
|
<AlertCircle aria-hidden="true" />
|
|
<AlertDescription>{zustand.fehler}</AlertDescription>
|
|
</Alert>
|
|
)}
|
|
|
|
<Feld id="aktuell" beschriftung="Bisheriges Passwort" fehler={zustand.felder?.aktuell} pflicht>
|
|
<Input name="aktuell" type="password" autoComplete="current-password" required />
|
|
</Feld>
|
|
|
|
<Feld
|
|
id="neu"
|
|
beschriftung="Neues Passwort"
|
|
erklaerung="Mindestens 12 Zeichen."
|
|
fehler={zustand.felder?.neu}
|
|
pflicht
|
|
>
|
|
<Input name="neu" type="password" autoComplete="new-password" required />
|
|
</Feld>
|
|
|
|
<Feld
|
|
id="wiederholung"
|
|
beschriftung="Neues Passwort wiederholen"
|
|
fehler={zustand.felder?.wiederholung}
|
|
pflicht
|
|
>
|
|
<Input name="wiederholung" type="password" autoComplete="new-password" required />
|
|
</Feld>
|
|
|
|
<Absenden />
|
|
</form>
|
|
)
|
|
}
|