docs: README, Datenschutztexte, Dockerfile und Sicherungsskripte
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
This commit is contained in:
@@ -0,0 +1,109 @@
|
||||
import type { Metadata } from 'next'
|
||||
import Link from 'next/link'
|
||||
import { KeyRound, ShieldCheck } from 'lucide-react'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { SeitenKopf } from '@/components/seiten-kopf'
|
||||
import { erfordereBenutzer } from '@/lib/auth/sitzung'
|
||||
import { ROLLEN_BESCHRIFTUNG, ROLLEN_ERKLAERUNG } from '@/lib/auth/rollen'
|
||||
import { formatDatumZeit } from '@/lib/utils'
|
||||
import { PasswortFormular } from './passwort-formular'
|
||||
|
||||
export const metadata: Metadata = { title: 'Mein Konto' }
|
||||
export const dynamic = 'force-dynamic'
|
||||
|
||||
export default async function KontoSeite() {
|
||||
const benutzer = await erfordereBenutzer()
|
||||
const codesUebrig = benutzer.wiederherstellungscodes.length
|
||||
|
||||
return (
|
||||
<div className="max-w-2xl space-y-6">
|
||||
<SeitenKopf titel="Mein Konto" beschreibung="Zugangsdaten und zweiter Faktor." />
|
||||
|
||||
<Card>
|
||||
<CardHeader className="pb-3">
|
||||
<CardTitle className="text-base">Zugang</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<dl className="divide-y">
|
||||
<div className="flex justify-between gap-4 py-2.5">
|
||||
<dt className="text-sm text-muted-foreground">Name</dt>
|
||||
<dd className="font-medium">{benutzer.name}</dd>
|
||||
</div>
|
||||
<div className="flex justify-between gap-4 py-2.5">
|
||||
<dt className="text-sm text-muted-foreground">E-Mail</dt>
|
||||
<dd className="font-medium">{benutzer.email}</dd>
|
||||
</div>
|
||||
<div className="flex justify-between gap-4 py-2.5">
|
||||
<dt className="text-sm text-muted-foreground">Rolle</dt>
|
||||
<dd className="text-right">
|
||||
<Badge variant="secondary">{ROLLEN_BESCHRIFTUNG[benutzer.rolle]}</Badge>
|
||||
<p className="mt-1 text-xs text-muted-foreground">
|
||||
{ROLLEN_ERKLAERUNG[benutzer.rolle]}
|
||||
</p>
|
||||
</dd>
|
||||
</div>
|
||||
<div className="flex justify-between gap-4 py-2.5">
|
||||
<dt className="text-sm text-muted-foreground">Letzte Anmeldung</dt>
|
||||
<dd className="font-medium">{formatDatumZeit(benutzer.letzteAnmeldung)}</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card>
|
||||
<CardHeader className="pb-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<ShieldCheck className="size-5" aria-hidden="true" />
|
||||
Zweiter Faktor
|
||||
</CardTitle>
|
||||
<CardDescription>
|
||||
{benutzer.totpAktiviertAm
|
||||
? `Eingerichtet am ${formatDatumZeit(benutzer.totpAktiviertAm)}.`
|
||||
: 'Noch nicht eingerichtet.'}
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-3">
|
||||
<p className="text-sm">
|
||||
{codesUebrig > 0 ? (
|
||||
<>
|
||||
Noch <strong>{codesUebrig}</strong> Wiederherstellungscode
|
||||
{codesUebrig === 1 ? '' : 's'} übrig.
|
||||
{codesUebrig <= 2 && (
|
||||
<span className="ml-1 text-ampel-orange">
|
||||
Es wird Zeit, neue zu erzeugen.
|
||||
</span>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
<span className="text-ampel-rot">
|
||||
Keine Wiederherstellungscodes mehr übrig. Geht dein Handy verloren, kommst du
|
||||
nicht mehr an die Daten. Bitte gleich neue erzeugen.
|
||||
</span>
|
||||
)}
|
||||
</p>
|
||||
<Button asChild variant="outline">
|
||||
<Link href="/konto/zwei-faktor">Zweiten Faktor verwalten</Link>
|
||||
</Button>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
<Card>
|
||||
<CardHeader className="pb-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base">
|
||||
<KeyRound className="size-5" aria-hidden="true" />
|
||||
Passwort ändern
|
||||
</CardTitle>
|
||||
<CardDescription>
|
||||
Nach dem Ändern werden alle anderen offenen Sitzungen beendet — auch auf Geräten, an
|
||||
denen du gerade nicht sitzt.
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<PasswortFormular />
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user