feat: Stammdaten, Ersteinrichtung, Zweitfaktor und Protokollansicht
Damit ist Etappe 1 fachlich vollstaendig. Ersteinrichtung in drei Schritten, bewusst ausserhalb des Anwendungsrahmens: der setzt Benutzer, zweiten Faktor UND eine betreute Person voraus - beim allerersten Start gibt es nichts davon. Die Aktion fuer den ersten Zugang sperrt sich selbst, sobald ein Benutzer existiert. Zweiter Faktor: Das Geheimnis wird zuerst nur abgelegt, ohne totpAktiviertAm. Erst ein echter Code aus der App schaltet ihn scharf. Wer sich beim Abtippen vertut oder die falsche App nimmt, wuerde sich sonst dauerhaft aussperren. Erst danach gibt es die Wiederherstellungscodes - einmal angezeigt, danach nur noch als Hash. Betreuungsjahr (src/lib/stammdaten/betreuungsjahr.ts): laeuft ab dem Tag der Bestellung, nicht ab dem Kalenderjahr. Schrittweise vorwaerts gerechnet statt ueber eine Differenz, damit Schaltjahre und der 29. Februar von selbst stimmen. Daran haengen Jahresbericht, Rechnungslegung und die Ausschlussfrist der Aufwandspauschale. Aendert sich das Bestellungsdatum, werden die Pflichtfristen neu abgeleitet - ueber einen dynamischen Import, damit die Stammdaten auch dann speicherbar bleiben, wenn das Fristenmodul fehlt. Protokollansicht zeigt je Eintrag die geaenderten Felder als alt -> neu. Die Aenderungen liegen verschluesselt, weil dort Diagnosen und Kontostaende stehen koennen. Seed legt bewusst keine echten Personendaten an, nur den ersten Zugang. Mit SEED_DEMO=true kommt ein vollstaendiger Beispielfall dazu - Erika Musterfrau, COPD GOLD III, Pflegegrad 3, Heimeinzug Januar 2026, leerstehendes Haus, zwei Versicherungen, laufender Antrag beim Bezirk mit acht Nachforderungen. Nur ausserhalb der Produktion. Docker Compose ohne Reverse Proxy - der ist auf dem Zielserver vorhanden. Die Datenbank hat keine Portfreigabe und ist nur ueber das interne Netz erreichbar; die Anwendung horcht auf 127.0.0.1. Etappe: 1 Phase: Fundament
This commit is contained in:
Florian Wilde
@@ -0,0 +1,157 @@
|
||||
'use client'
|
||||
|
||||
import { useActionState } from 'react'
|
||||
import { useFormStatus } from 'react-dom'
|
||||
import { AlertCircle } from 'lucide-react'
|
||||
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Input } from '@/components/ui/input'
|
||||
import { Select } from '@/components/ui/select'
|
||||
import { Textarea } from '@/components/ui/textarea'
|
||||
import { Feld, Feldgruppe } from '@/components/feld'
|
||||
import { KONTAKT_ROLLEN, KONTAKT_ROLLE_BESCHRIFTUNG } from '@/lib/validierung/kontakte'
|
||||
import { kontaktSpeichern, type KontaktZustand } from '@/server/actions/kontakte'
|
||||
|
||||
/**
|
||||
* Formular fuer einen Kontakt - Behoerde, Heim, Arzt, Notar.
|
||||
*
|
||||
* Das Aktenzeichen steht bewusst gleich neben dem Namen: Am Telefon ist
|
||||
* es das Erste, wonach gefragt wird.
|
||||
*/
|
||||
|
||||
export type KontaktWerte = {
|
||||
id: string
|
||||
name: string
|
||||
organisation: string | null
|
||||
rolle: string
|
||||
telefon: string | null
|
||||
mobil: string | null
|
||||
fax: string | null
|
||||
email: string | null
|
||||
strasse: string | null
|
||||
plz: string | null
|
||||
ort: string | null
|
||||
aktenzeichen: string | null
|
||||
notizen: string | null
|
||||
}
|
||||
|
||||
const ANFANG: KontaktZustand = {}
|
||||
|
||||
export function KontaktFormular({
|
||||
betreuteId,
|
||||
kontakt,
|
||||
}: {
|
||||
betreuteId: string
|
||||
kontakt?: KontaktWerte
|
||||
}) {
|
||||
const [zustand, aktion] = useActionState(kontaktSpeichern, ANFANG)
|
||||
|
||||
const wert = (feld: keyof KontaktWerte): string =>
|
||||
zustand.werte?.[feld] ?? (kontakt ? (kontakt[feld] ?? '') : '')
|
||||
|
||||
return (
|
||||
<form action={aktion} className="space-y-8">
|
||||
<input type="hidden" name="betreuteId" value={betreuteId} />
|
||||
{kontakt && <input type="hidden" name="id" value={kontakt.id} />}
|
||||
|
||||
{zustand.fehler && (
|
||||
<Alert variant="fehler">
|
||||
<AlertCircle aria-hidden="true" />
|
||||
<AlertTitle>Das hat noch nicht geklappt</AlertTitle>
|
||||
<AlertDescription>{zustand.fehler}</AlertDescription>
|
||||
</Alert>
|
||||
)}
|
||||
|
||||
<Feldgruppe titel="Wer ist das?">
|
||||
<Feld id="name" beschriftung="Name" pflicht fehler={zustand.felder?.name}>
|
||||
<Input name="name" defaultValue={wert('name')} autoComplete="name" required />
|
||||
</Feld>
|
||||
|
||||
<Feld
|
||||
id="organisation"
|
||||
beschriftung="Behörde, Heim oder Kanzlei"
|
||||
fehler={zustand.felder?.organisation}
|
||||
>
|
||||
<Input name="organisation" defaultValue={wert('organisation')} autoComplete="organization" />
|
||||
</Feld>
|
||||
|
||||
<Feld
|
||||
id="rolle"
|
||||
beschriftung="Rolle"
|
||||
pflicht
|
||||
erklaerung="Nach der Rolle wird das Verzeichnis gruppiert."
|
||||
fehler={zustand.felder?.rolle}
|
||||
>
|
||||
<Select name="rolle" defaultValue={wert('rolle') || 'SONSTIGES'}>
|
||||
{KONTAKT_ROLLEN.map((rolle) => (
|
||||
<option key={rolle} value={rolle}>
|
||||
{KONTAKT_ROLLE_BESCHRIFTUNG[rolle]}
|
||||
</option>
|
||||
))}
|
||||
</Select>
|
||||
</Feld>
|
||||
|
||||
<Feld
|
||||
id="aktenzeichen"
|
||||
beschriftung="Aktenzeichen dort"
|
||||
erklaerung="Das Zeichen, unter dem diese Stelle den Vorgang führt – nicht mein eigenes."
|
||||
fehler={zustand.felder?.aktenzeichen}
|
||||
>
|
||||
<Input name="aktenzeichen" defaultValue={wert('aktenzeichen')} />
|
||||
</Feld>
|
||||
</Feldgruppe>
|
||||
|
||||
<Feldgruppe titel="Wie erreiche ich die Stelle?">
|
||||
<Feld id="telefon" beschriftung="Telefon" fehler={zustand.felder?.telefon}>
|
||||
<Input name="telefon" type="tel" defaultValue={wert('telefon')} autoComplete="tel" />
|
||||
</Feld>
|
||||
|
||||
<Feld id="mobil" beschriftung="Mobil" fehler={zustand.felder?.mobil}>
|
||||
<Input name="mobil" type="tel" defaultValue={wert('mobil')} />
|
||||
</Feld>
|
||||
|
||||
<Feld id="email" beschriftung="E-Mail" fehler={zustand.felder?.email}>
|
||||
<Input name="email" type="email" defaultValue={wert('email')} autoComplete="email" />
|
||||
</Feld>
|
||||
|
||||
<Feld id="fax" beschriftung="Fax" fehler={zustand.felder?.fax}>
|
||||
<Input name="fax" type="tel" defaultValue={wert('fax')} />
|
||||
</Feld>
|
||||
</Feldgruppe>
|
||||
|
||||
<Feldgruppe titel="Anschrift">
|
||||
<Feld id="strasse" beschriftung="Straße und Hausnummer" fehler={zustand.felder?.strasse}>
|
||||
<Input name="strasse" defaultValue={wert('strasse')} autoComplete="street-address" />
|
||||
</Feld>
|
||||
|
||||
<Feld id="plz" beschriftung="PLZ" fehler={zustand.felder?.plz}>
|
||||
<Input name="plz" defaultValue={wert('plz')} autoComplete="postal-code" inputMode="numeric" />
|
||||
</Feld>
|
||||
|
||||
<Feld id="ort" beschriftung="Ort" fehler={zustand.felder?.ort}>
|
||||
<Input name="ort" defaultValue={wert('ort')} autoComplete="address-level2" />
|
||||
</Feld>
|
||||
</Feldgruppe>
|
||||
|
||||
<Feld
|
||||
id="notizen"
|
||||
beschriftung="Notizen"
|
||||
erklaerung="Sprechzeiten, Durchwahl der Vertretung, wie das letzte Gespräch lief. Wird verschlüsselt gespeichert."
|
||||
fehler={zustand.felder?.notizen}
|
||||
>
|
||||
<Textarea name="notizen" defaultValue={wert('notizen')} rows={4} />
|
||||
</Feld>
|
||||
|
||||
<SpeichernKnopf neu={!kontakt} />
|
||||
</form>
|
||||
)
|
||||
}
|
||||
|
||||
function SpeichernKnopf({ neu }: { neu: boolean }) {
|
||||
const { pending } = useFormStatus()
|
||||
return (
|
||||
<Button type="submit" size="lg" disabled={pending}>
|
||||
{pending ? 'Wird gespeichert …' : neu ? 'Kontakt anlegen' : 'Änderungen speichern'}
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user