Florian Wilde
f8d7752c27
Wer zum dritten Mal denselben Brief tippt, tippt ihn beim vierten Mal
falsch. Neu unter Einstellungen -> Schreibvorlagen: eigene Texte
hinterlegen, beim freien Schreiben auswaehlen, Platzhalter fuellen sich
aus den Daten, die ohnehin im System stehen.
Aufbau:
- Die Ersetzung als reine Funktionen in schreiben/platzhalter.ts. Drei
Faelle, keiner davon still: Wert einsetzen, sichtbare Luecke
[Aktenzeichen des Gerichts], unbekannter Platzhalter markiert. Ein
Tippfehler in der Vorlage darf das Schreiben nicht verhindern - aber
er muss ins Auge springen.
- Die Bestellungsabsatz-Warnung ist zweistufig: Der erste Speicherversuch
ohne ihn kommt mit einer Rueckfrage zurueck, erst die Bestaetigung
speichert. Ohne den Nachweis der Vertretungsmacht kommt keine Auskunft,
und das faellt erst nach vier Wochen auf. Ein ausformulierter Absatz
zaehlt so viel wie der Platzhalter, ein halber Nachweis ("Beschluss der
Eigentuemerversammlung") nicht.
- Vier mitgelieferte Vorlagen bleiben Code und damit unveraenderlich;
"Als Kopie uebernehmen" legt eine eigene Fassung an. Fuer Rueckkaufswert
und Kuendigung fuehrt die Oberflaeche weiter zuerst zu den
fallbezogenen Erzeugern - die rechnen Kuendigungstermine aus, was eine
Vorlage nicht kann.
- Vorlagen haengen an der betreuten Person, nicht am Benutzer: Sie
beziehen sich auf ihren Fall, liegen im Papierkorb wie alles andere und
sind im Vollexport ihrer Akte enthalten.
Der Editor haelt Betreff und Text als eigenen State. Beim Wechsel der
Vorlage ueberlebte der alte Entwurf die Navigation, die Vorlage kam nie
im Textfeld an - ein key auf dem Editor setzt ihn neu auf. Gefunden hat
das erst der End-to-End-Test.
Geprueft: dreizehn Einheitstests fuer die Ersetzung, sechs
End-to-End-Tests fuer Warnung, Kopie, Aufloesung und Papierkorb.
Refs #7
58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
'use client'
|
||
|
||
import { useRouter, useSearchParams } from 'next/navigation'
|
||
import { FileText } from 'lucide-react'
|
||
import { Select } from '@/components/ui/select'
|
||
import { Feld } from '@/components/feld'
|
||
|
||
/**
|
||
* Vorlagenauswahl über dem Schreiben-Editor.
|
||
*
|
||
* Die Wahl lädt die Seite mit ?vorlageId neu — der Entwurf entsteht
|
||
* serverseitig, wo die Platzhalter aufgelöst werden. Ein Wechsel wirft
|
||
* damit auch bewusst den bearbeiteten Text weg; deshalb steht die Auswahl
|
||
* VOR dem Editor, nicht darin.
|
||
*/
|
||
export function VorlagenWahl({
|
||
vorlagen,
|
||
aktiveVorlageId,
|
||
}: {
|
||
vorlagen: { id: string; name: string }[]
|
||
aktiveVorlageId: string | null
|
||
}) {
|
||
const router = useRouter()
|
||
const parameter = useSearchParams()
|
||
|
||
function wechseln(vorlageId: string) {
|
||
const neu = new URLSearchParams(parameter.toString())
|
||
if (vorlageId) neu.set('vorlageId', vorlageId)
|
||
else neu.delete('vorlageId')
|
||
router.push(`/schreiben/neu?${neu.toString()}`)
|
||
}
|
||
|
||
return (
|
||
<div className="flex items-start gap-2.5 rounded-md border bg-muted/30 p-3">
|
||
<FileText className="mt-8 size-4 shrink-0 text-muted-foreground" aria-hidden="true" />
|
||
<Feld
|
||
id="vorlageWahl"
|
||
beschriftung="Aus eigener Vorlage"
|
||
erklaerung="Ersetzt den Entwurf unten — was dort schon steht, geht dabei verloren."
|
||
className="flex-1"
|
||
>
|
||
<Select
|
||
id="vorlageWahl"
|
||
value={aktiveVorlageId ?? ''}
|
||
onChange={(ereignis) => wechseln(ereignis.target.value)}
|
||
>
|
||
<option value="">– leerer Entwurf –</option>
|
||
{vorlagen.map((vorlage) => (
|
||
<option key={vorlage.id} value={vorlage.id}>
|
||
{vorlage.name}
|
||
</option>
|
||
))}
|
||
</Select>
|
||
</Feld>
|
||
</div>
|
||
)
|
||
}
|