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,206 @@
|
||||
import 'server-only'
|
||||
import type * as React from 'react'
|
||||
import { renderToBuffer } from '@react-pdf/renderer'
|
||||
import { PDFDocument, StandardFonts, degrees, rgb } from 'pdf-lib'
|
||||
import { typErkennen } from '@/lib/speicher/dateityp'
|
||||
|
||||
/**
|
||||
* PDF-Werkzeuge, auf die alle Ausgabemodule aufsetzen.
|
||||
*
|
||||
* Vertrag: docs/SCHNITTSTELLEN.md, Abschnitt 2.
|
||||
*
|
||||
* Zwei Wege fuehren hier zusammen:
|
||||
* - pdfErzeugen() rendert ein react-pdf-Dokument (eigene Berichte)
|
||||
* - pdfsZusammenfuehren() klebt fremde PDFs und Fotos aneinander
|
||||
* (Belegmappe, Unterlagenpaket fuer das Gericht)
|
||||
* und paginieren() legt am Ende eine durchgehende Zaehlung darueber - das
|
||||
* ist die Zahl, auf die sich ein Inhaltsverzeichnis berufen kann.
|
||||
*/
|
||||
|
||||
/** A4 in PDF-Punkten (72 dpi). */
|
||||
export const A4_BREITE = 595.28
|
||||
export const A4_HOEHE = 841.89
|
||||
const RAND = 36
|
||||
|
||||
/** Rendert ein react-pdf-Dokument zu einem Buffer. */
|
||||
export async function pdfErzeugen(dokument: React.ReactElement): Promise<Buffer> {
|
||||
// renderToBuffer erwartet ein <Document>-Element; die Typen von
|
||||
// @react-pdf/renderer sind hier enger als React.ReactElement.
|
||||
const roh = await renderToBuffer(dokument as Parameters<typeof renderToBuffer>[0])
|
||||
return Buffer.from(roh)
|
||||
}
|
||||
|
||||
/**
|
||||
* Wandelt ein Bild in ein einseitiges PDF.
|
||||
*
|
||||
* JPEG und PNG kann pdf-lib direkt einbetten. WEBP, TIFF und HEIC (die
|
||||
* Formate moderner Handykameras) gehen vorher durch sharp - sonst waere
|
||||
* jedes iPhone-Foto eines Bescheids fuer die Belegmappe verloren.
|
||||
*/
|
||||
export async function bildAlsPdf(inhalt: Buffer, beschriftung?: string): Promise<Buffer> {
|
||||
const typ = typErkennen(inhalt)
|
||||
if (!typ || !typ.istBild) {
|
||||
throw new Error('Diese Datei ist kein Bild, das sich in ein PDF wandeln ließe.')
|
||||
}
|
||||
|
||||
let daten = inhalt
|
||||
let format: 'jpg' | 'png' = typ.endung === 'jpg' ? 'jpg' : 'png'
|
||||
|
||||
if (typ.endung !== 'jpg' && typ.endung !== 'png') {
|
||||
const sharp = (await import('sharp')).default
|
||||
daten = await sharp(inhalt).rotate().png().toBuffer()
|
||||
format = 'png'
|
||||
}
|
||||
|
||||
const pdf = await PDFDocument.create()
|
||||
const bild = format === 'jpg' ? await pdf.embedJpg(daten) : await pdf.embedPng(daten)
|
||||
|
||||
const beschriftungshoehe = beschriftung ? 16 : 0
|
||||
const nutzbareBreite = A4_BREITE - 2 * RAND
|
||||
const nutzbareHoehe = A4_HOEHE - 2 * RAND - beschriftungshoehe
|
||||
|
||||
// Hochkant lassen, aber quer drehen, wenn das Blatt sonst winzig wuerde.
|
||||
const querformat = bild.width > bild.height
|
||||
const seitenBreite = querformat ? A4_HOEHE : A4_BREITE
|
||||
const seitenHoehe = querformat ? A4_BREITE : A4_HOEHE
|
||||
const platzBreite = querformat ? nutzbareHoehe : nutzbareBreite
|
||||
const platzHoehe = querformat ? nutzbareBreite : nutzbareHoehe
|
||||
|
||||
const massstab = Math.min(platzBreite / bild.width, platzHoehe / bild.height, 1)
|
||||
const breite = bild.width * massstab
|
||||
const hoehe = bild.height * massstab
|
||||
|
||||
const seite = pdf.addPage([seitenBreite, seitenHoehe])
|
||||
seite.drawImage(bild, {
|
||||
x: (seitenBreite - breite) / 2,
|
||||
y: (seitenHoehe - hoehe) / 2 + beschriftungshoehe / 2,
|
||||
width: breite,
|
||||
height: hoehe,
|
||||
})
|
||||
|
||||
if (beschriftung) {
|
||||
const schrift = await pdf.embedFont(StandardFonts.Helvetica)
|
||||
seite.drawText(kuerzenFuerSchrift(beschriftung, 110), {
|
||||
x: RAND,
|
||||
y: RAND / 2,
|
||||
size: 8,
|
||||
font: schrift,
|
||||
color: rgb(0.3, 0.3, 0.3),
|
||||
})
|
||||
}
|
||||
|
||||
return Buffer.from(await pdf.save())
|
||||
}
|
||||
|
||||
/**
|
||||
* Fuegt mehrere PDFs zu einem zusammen (Belegmappe, Unterlagenpaket).
|
||||
* Bilder werden vorher in einseitige PDFs gewandelt. Nutzt pdf-lib.
|
||||
*/
|
||||
export async function pdfsZusammenfuehren(teile: Buffer[]): Promise<Buffer> {
|
||||
const ziel = await PDFDocument.create()
|
||||
ziel.setProducer('Betreuungs-Cockpit')
|
||||
ziel.setCreator('Betreuungs-Cockpit')
|
||||
|
||||
for (const teil of teile) {
|
||||
const typ = typErkennen(teil)
|
||||
const alsPdf = typ && typ.istBild ? await bildAlsPdf(teil) : teil
|
||||
|
||||
const quelle = await PDFDocument.load(alsPdf, { ignoreEncryption: true })
|
||||
const seiten = await ziel.copyPages(quelle, quelle.getPageIndices())
|
||||
for (const seite of seiten) ziel.addPage(seite)
|
||||
}
|
||||
|
||||
if (ziel.getPageCount() === 0) {
|
||||
// Ein leeres PDF laesst sich weder oeffnen noch abheften.
|
||||
ziel.addPage([A4_BREITE, A4_HOEHE])
|
||||
}
|
||||
|
||||
return Buffer.from(await ziel.save())
|
||||
}
|
||||
|
||||
/**
|
||||
* Wie viele Seiten hat dieses PDF? Wird fuer das Inhaltsverzeichnis der
|
||||
* Belegmappe gebraucht, bevor zusammengefuehrt wird.
|
||||
*/
|
||||
export async function seitenzahl(pdf: Buffer): Promise<number> {
|
||||
const dokument = await PDFDocument.load(pdf, { ignoreEncryption: true })
|
||||
return dokument.getPageCount()
|
||||
}
|
||||
|
||||
/**
|
||||
* Seitenzahlen und Fusszeile ueber ein zusammengefuehrtes PDF legen.
|
||||
*
|
||||
* Wichtig fuer die Belegmappe: erst nach dem Zusammenfuehren steht fest,
|
||||
* auf welcher Seite ein Beleg liegt. Die Zaehlung hier ist die, auf die
|
||||
* sich das Inhaltsverzeichnis und spaeter das Gericht beziehen.
|
||||
*/
|
||||
export async function paginieren(pdf: Buffer, fusszeile: string): Promise<Buffer> {
|
||||
const dokument = await PDFDocument.load(pdf, { ignoreEncryption: true })
|
||||
const schrift = await dokument.embedFont(StandardFonts.Helvetica)
|
||||
const seiten = dokument.getPages()
|
||||
const gesamt = seiten.length
|
||||
|
||||
seiten.forEach((seite, i) => {
|
||||
const { width, height } = seite.getSize()
|
||||
const drehung = seite.getRotation().angle % 360
|
||||
const zaehlung = `Seite ${i + 1} von ${gesamt}`
|
||||
const text = kuerzenFuerSchrift(fusszeile, 120)
|
||||
const groesse = 7.5
|
||||
|
||||
// Gedrehte Seiten (Querformat-Scans) brauchen die Fusszeile ebenfalls
|
||||
// gedreht, sonst steht sie quer im Blatt.
|
||||
if (drehung === 90 || drehung === 270) {
|
||||
seite.drawText(`${text} · ${zaehlung}`, {
|
||||
x: drehung === 90 ? 18 : width - 18,
|
||||
y: drehung === 90 ? 20 : height - 20,
|
||||
size: groesse,
|
||||
font: schrift,
|
||||
color: rgb(0.35, 0.35, 0.35),
|
||||
rotate: degrees(drehung),
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
seite.drawText(text, {
|
||||
x: 36,
|
||||
y: 18,
|
||||
size: groesse,
|
||||
font: schrift,
|
||||
color: rgb(0.35, 0.35, 0.35),
|
||||
})
|
||||
const breite = schrift.widthOfTextAtSize(zaehlung, groesse)
|
||||
seite.drawText(zaehlung, {
|
||||
x: width - 36 - breite,
|
||||
y: 18,
|
||||
size: groesse,
|
||||
font: schrift,
|
||||
color: rgb(0.35, 0.35, 0.35),
|
||||
})
|
||||
})
|
||||
|
||||
return Buffer.from(await dokument.save())
|
||||
}
|
||||
|
||||
/**
|
||||
* Helvetica in pdf-lib kann nur WinAnsi. Zeichen ausserhalb davon (etwa
|
||||
* ein Gedankenstrich aus einem OCR-Text) wuerden das Speichern abbrechen -
|
||||
* deshalb hier ersetzen statt riskieren.
|
||||
*/
|
||||
export function fuerStandardschrift(text: string): string {
|
||||
return text
|
||||
.replace(/[\u2013\u2014]/g, '-')
|
||||
.replace(/[\u2018\u2019\u201a]/g, "'")
|
||||
.replace(/[\u201c\u201d\u201e]/g, '"')
|
||||
.replace(/\u2026/g, '...')
|
||||
.replace(/\u20ac/g, 'EUR')
|
||||
.replace(/[\u00a0\u2007\u202f]/g, ' ')
|
||||
// Alles ausserhalb von WinAnsi (Latin-1) wird ersetzt, statt das
|
||||
// Speichern des PDFs scheitern zu lassen.
|
||||
// eslint-disable-next-line no-control-regex
|
||||
.replace(/[^\u0020-\u007e\u00a1-\u00ff]/g, '?')
|
||||
}
|
||||
|
||||
function kuerzenFuerSchrift(text: string, maxZeichen: number): string {
|
||||
const sauber = fuerStandardschrift(text)
|
||||
return sauber.length > maxZeichen ? `${sauber.slice(0, maxZeichen - 1)}...` : sauber
|
||||
}
|
||||
@@ -0,0 +1,370 @@
|
||||
import * as React from 'react'
|
||||
import { Document, Page, StyleSheet, Text, View } from '@react-pdf/renderer'
|
||||
import { formatCent, formatDatum } from '@/lib/utils'
|
||||
|
||||
/**
|
||||
* Der gemeinsame Seitenrahmen aller PDF-Ausgaben.
|
||||
*
|
||||
* Vertrag: docs/SCHNITTSTELLEN.md, Abschnitt 2. Jeder Bericht, jede
|
||||
* Belegmappe und jedes Unterlagenpaket benutzt ihn - damit alles, was aus
|
||||
* dieser Anwendung an Gericht oder Bezirk geht, gleich aussieht und
|
||||
* dieselben Pflichtangaben traegt: wer ist gemeint, welches Aktenzeichen,
|
||||
* welcher Zeitraum, wann erstellt, von wem, Seite x von y.
|
||||
*
|
||||
* Schrift: ausschliesslich die in @react-pdf/renderer eingebauten
|
||||
* Standardschriften (Helvetica). Kein Nachladen von Fonts - das waere ein
|
||||
* Aufruf nach draussen, und diese Anwendung ruft niemanden an.
|
||||
*/
|
||||
|
||||
export type Berichtskopf = {
|
||||
titel: string
|
||||
betreute: { name: string; geburtsdatum: Date | null }
|
||||
/** z.B. "Amtsgericht Bayreuth · Az. XVII 123/25" */
|
||||
behoerde?: string
|
||||
aktenzeichen?: string
|
||||
zeitraumVon?: Date | null
|
||||
zeitraumBis?: Date | null
|
||||
stichtag?: Date | null
|
||||
rechtsgrundlage?: string
|
||||
erstelltAm: Date
|
||||
erstelltVon: string
|
||||
}
|
||||
|
||||
export const FARBEN = {
|
||||
text: '#111827',
|
||||
gedaempft: '#4b5563',
|
||||
linie: '#d1d5db',
|
||||
linieHell: '#e5e7eb',
|
||||
hintergrund: '#f3f4f6',
|
||||
} as const
|
||||
|
||||
export const pdfStile = StyleSheet.create({
|
||||
seite: {
|
||||
paddingTop: 40,
|
||||
paddingBottom: 60,
|
||||
paddingHorizontal: 46,
|
||||
fontSize: 10,
|
||||
fontFamily: 'Helvetica',
|
||||
color: FARBEN.text,
|
||||
lineHeight: 1.4,
|
||||
},
|
||||
kopfLeiste: {
|
||||
borderBottomWidth: 1.5,
|
||||
borderBottomColor: FARBEN.text,
|
||||
paddingBottom: 8,
|
||||
marginBottom: 14,
|
||||
},
|
||||
titel: { fontSize: 16, fontFamily: 'Helvetica-Bold', marginBottom: 4 },
|
||||
kopfZeile: { flexDirection: 'row', flexWrap: 'wrap', gap: 3 },
|
||||
kopfPaar: { flexDirection: 'row', marginRight: 16, marginTop: 2 },
|
||||
kopfBezeichnung: { fontSize: 8.5, color: FARBEN.gedaempft, marginRight: 4 },
|
||||
kopfWert: { fontSize: 8.5, fontFamily: 'Helvetica-Bold' },
|
||||
|
||||
fusszeile: {
|
||||
position: 'absolute',
|
||||
bottom: 26,
|
||||
left: 46,
|
||||
right: 46,
|
||||
borderTopWidth: 0.5,
|
||||
borderTopColor: FARBEN.linie,
|
||||
paddingTop: 5,
|
||||
flexDirection: 'row',
|
||||
justifyContent: 'space-between',
|
||||
fontSize: 7.5,
|
||||
color: FARBEN.gedaempft,
|
||||
},
|
||||
|
||||
abschnitt: { marginTop: 14, marginBottom: 4 },
|
||||
abschnittTitel: {
|
||||
fontSize: 11.5,
|
||||
fontFamily: 'Helvetica-Bold',
|
||||
marginBottom: 5,
|
||||
paddingBottom: 3,
|
||||
borderBottomWidth: 0.5,
|
||||
borderBottomColor: FARBEN.linieHell,
|
||||
},
|
||||
absatz: { marginBottom: 6 },
|
||||
|
||||
tabelleKopf: {
|
||||
flexDirection: 'row',
|
||||
backgroundColor: FARBEN.hintergrund,
|
||||
paddingVertical: 4,
|
||||
paddingHorizontal: 4,
|
||||
fontFamily: 'Helvetica-Bold',
|
||||
fontSize: 8.5,
|
||||
},
|
||||
tabelleZeile: {
|
||||
flexDirection: 'row',
|
||||
paddingVertical: 3.5,
|
||||
paddingHorizontal: 4,
|
||||
borderBottomWidth: 0.5,
|
||||
borderBottomColor: FARBEN.linieHell,
|
||||
fontSize: 9,
|
||||
},
|
||||
tabelleZelle: { paddingRight: 6 },
|
||||
|
||||
paarZeile: { flexDirection: 'row', marginBottom: 2.5 },
|
||||
paarBezeichnung: { width: 150, color: FARBEN.gedaempft },
|
||||
paarWert: { flex: 1 },
|
||||
|
||||
hinweis: {
|
||||
marginTop: 10,
|
||||
padding: 7,
|
||||
backgroundColor: FARBEN.hintergrund,
|
||||
fontSize: 8.5,
|
||||
color: FARBEN.gedaempft,
|
||||
},
|
||||
|
||||
unterschrift: { marginTop: 34, flexDirection: 'row', justifyContent: 'space-between' },
|
||||
unterschriftFeld: { width: '45%' },
|
||||
unterschriftLinie: {
|
||||
borderTopWidth: 0.75,
|
||||
borderTopColor: FARBEN.text,
|
||||
marginTop: 30,
|
||||
paddingTop: 3,
|
||||
fontSize: 8,
|
||||
color: FARBEN.gedaempft,
|
||||
},
|
||||
})
|
||||
|
||||
function KopfPaar({ bezeichnung, wert }: { bezeichnung: string; wert: string }) {
|
||||
return (
|
||||
<View style={pdfStile.kopfPaar}>
|
||||
<Text style={pdfStile.kopfBezeichnung}>{bezeichnung}:</Text>
|
||||
<Text style={pdfStile.kopfWert}>{wert}</Text>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
function zeitraumText(kopf: Berichtskopf): string | null {
|
||||
if (kopf.zeitraumVon && kopf.zeitraumBis) {
|
||||
return `${formatDatum(kopf.zeitraumVon)} bis ${formatDatum(kopf.zeitraumBis)}`
|
||||
}
|
||||
if (kopf.zeitraumVon) return `ab ${formatDatum(kopf.zeitraumVon)}`
|
||||
if (kopf.zeitraumBis) return `bis ${formatDatum(kopf.zeitraumBis)}`
|
||||
return null
|
||||
}
|
||||
|
||||
/**
|
||||
* Seitenrahmen mit Kopf, Fusszeile (Seite x von y, Erstelldatum) und
|
||||
* optionalem Unterschriftenfeld. Jeder Bericht benutzt ihn.
|
||||
*
|
||||
* Rueckgabe ist eine <Page>; der Aufrufer wickelt sie in ein <Document>
|
||||
* (oder benutzt Berichtsdokument() weiter unten).
|
||||
*/
|
||||
export function Berichtsseite({
|
||||
kopf,
|
||||
mitUnterschrift,
|
||||
querformat,
|
||||
children,
|
||||
}: {
|
||||
kopf: Berichtskopf
|
||||
mitUnterschrift?: boolean
|
||||
/** Fuer breite Tabellen (Kassenbuch, Vermoegensuebersicht). */
|
||||
querformat?: boolean
|
||||
children: React.ReactNode
|
||||
}): React.JSX.Element {
|
||||
const zeitraum = zeitraumText(kopf)
|
||||
|
||||
return (
|
||||
<Page size="A4" orientation={querformat ? 'landscape' : 'portrait'} style={pdfStile.seite}>
|
||||
{/* Der Kopf wiederholt sich auf jeder Seite - ein einzelnes Blatt darf
|
||||
nie ohne Zuordnung zur betreuten Person in der Akte landen. */}
|
||||
<View style={pdfStile.kopfLeiste} fixed>
|
||||
<Text style={pdfStile.titel}>{kopf.titel}</Text>
|
||||
<View style={pdfStile.kopfZeile}>
|
||||
<KopfPaar bezeichnung="Betreute Person" wert={kopf.betreute.name} />
|
||||
{kopf.betreute.geburtsdatum && (
|
||||
<KopfPaar bezeichnung="geboren am" wert={formatDatum(kopf.betreute.geburtsdatum)} />
|
||||
)}
|
||||
{kopf.behoerde && <KopfPaar bezeichnung="Behörde" wert={kopf.behoerde} />}
|
||||
{kopf.aktenzeichen && <KopfPaar bezeichnung="Aktenzeichen" wert={kopf.aktenzeichen} />}
|
||||
{zeitraum && <KopfPaar bezeichnung="Zeitraum" wert={zeitraum} />}
|
||||
{kopf.stichtag && <KopfPaar bezeichnung="Stichtag" wert={formatDatum(kopf.stichtag)} />}
|
||||
{kopf.rechtsgrundlage && (
|
||||
<KopfPaar bezeichnung="Grundlage" wert={kopf.rechtsgrundlage} />
|
||||
)}
|
||||
</View>
|
||||
</View>
|
||||
|
||||
{children}
|
||||
|
||||
{mitUnterschrift && <Unterschriftenfeld erstelltVon={kopf.erstelltVon} />}
|
||||
|
||||
<View style={pdfStile.fusszeile} fixed>
|
||||
<Text>
|
||||
{kopf.betreute.name} · {kopf.titel}
|
||||
</Text>
|
||||
<Text
|
||||
render={({ pageNumber, totalPages }) =>
|
||||
`Seite ${pageNumber} von ${totalPages} · erstellt am ${formatDatum(kopf.erstelltAm)} von ${kopf.erstelltVon}`
|
||||
}
|
||||
/>
|
||||
</View>
|
||||
</Page>
|
||||
)
|
||||
}
|
||||
|
||||
/** Ort/Datum und Unterschrift - ohne das nimmt kein Gericht ein Blatt an. */
|
||||
export function Unterschriftenfeld({
|
||||
erstelltVon,
|
||||
ort,
|
||||
}: {
|
||||
erstelltVon: string
|
||||
ort?: string
|
||||
}): React.JSX.Element {
|
||||
return (
|
||||
<View style={pdfStile.unterschrift} wrap={false}>
|
||||
<View style={pdfStile.unterschriftFeld}>
|
||||
<Text style={pdfStile.unterschriftLinie}>Ort, Datum{ort ? ` (${ort})` : ''}</Text>
|
||||
</View>
|
||||
<View style={pdfStile.unterschriftFeld}>
|
||||
<Text style={pdfStile.unterschriftLinie}>
|
||||
Unterschrift der Betreuerin / des Betreuers ({erstelltVon})
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
/**
|
||||
* Bequeme Hulle: ein vollstaendiges Dokument mit einer fortlaufenden
|
||||
* Berichtsseite. Fuer Berichte, die keine Sonderseiten brauchen.
|
||||
*/
|
||||
export function Berichtsdokument({
|
||||
kopf,
|
||||
mitUnterschrift,
|
||||
querformat,
|
||||
children,
|
||||
}: {
|
||||
kopf: Berichtskopf
|
||||
mitUnterschrift?: boolean
|
||||
querformat?: boolean
|
||||
children: React.ReactNode
|
||||
}): React.JSX.Element {
|
||||
return (
|
||||
<Document
|
||||
title={`${kopf.titel} – ${kopf.betreute.name}`}
|
||||
author={kopf.erstelltVon}
|
||||
subject={kopf.aktenzeichen ?? undefined}
|
||||
creator="Betreuungs-Cockpit"
|
||||
producer="Betreuungs-Cockpit"
|
||||
>
|
||||
<Berichtsseite kopf={kopf} mitUnterschrift={mitUnterschrift} querformat={querformat}>
|
||||
{children}
|
||||
</Berichtsseite>
|
||||
</Document>
|
||||
)
|
||||
}
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Bausteine, die jeder Bericht braucht
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
export function Abschnitt({
|
||||
titel,
|
||||
children,
|
||||
}: {
|
||||
titel: string
|
||||
children: React.ReactNode
|
||||
}): React.JSX.Element {
|
||||
return (
|
||||
<View style={pdfStile.abschnitt}>
|
||||
<Text style={pdfStile.abschnittTitel}>{titel}</Text>
|
||||
{children}
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
export function Absatz({ children }: { children: React.ReactNode }): React.JSX.Element {
|
||||
return <Text style={pdfStile.absatz}>{children}</Text>
|
||||
}
|
||||
|
||||
/** Bezeichnung links, Wert rechts - fuer Stammdaten und Kennzahlen. */
|
||||
export function Angabe({
|
||||
bezeichnung,
|
||||
wert,
|
||||
}: {
|
||||
bezeichnung: string
|
||||
wert: React.ReactNode
|
||||
}): React.JSX.Element {
|
||||
return (
|
||||
<View style={pdfStile.paarZeile}>
|
||||
<Text style={pdfStile.paarBezeichnung}>{bezeichnung}</Text>
|
||||
<Text style={pdfStile.paarWert}>{wert}</Text>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
export type Spalte<T> = {
|
||||
kopf: string
|
||||
/** Anteil an der Breite, z.B. 2 bei insgesamt 10. */
|
||||
breite: number
|
||||
rechts?: boolean
|
||||
zelle: (zeile: T, index: number) => React.ReactNode
|
||||
}
|
||||
|
||||
/**
|
||||
* Schlichte Tabelle mit wiederholtem Kopf. react-pdf kann keine
|
||||
* HTML-Tabellen, deshalb Flexbox mit Anteilen.
|
||||
*/
|
||||
export function Tabelle<T>({
|
||||
spalten,
|
||||
zeilen,
|
||||
leerText = 'Keine Einträge.',
|
||||
}: {
|
||||
spalten: Spalte<T>[]
|
||||
zeilen: T[]
|
||||
leerText?: string
|
||||
}): React.JSX.Element {
|
||||
const summe = spalten.reduce((s, spalte) => s + spalte.breite, 0) || 1
|
||||
|
||||
if (zeilen.length === 0) {
|
||||
return <Text style={{ fontSize: 9, color: FARBEN.gedaempft }}>{leerText}</Text>
|
||||
}
|
||||
|
||||
return (
|
||||
<View>
|
||||
<View style={pdfStile.tabelleKopf} fixed>
|
||||
{spalten.map((spalte, i) => (
|
||||
<Text
|
||||
key={i}
|
||||
style={[
|
||||
pdfStile.tabelleZelle,
|
||||
{ width: `${(spalte.breite / summe) * 100}%` },
|
||||
spalte.rechts ? { textAlign: 'right' } : {},
|
||||
]}
|
||||
>
|
||||
{spalte.kopf}
|
||||
</Text>
|
||||
))}
|
||||
</View>
|
||||
{zeilen.map((zeile, z) => (
|
||||
<View key={z} style={pdfStile.tabelleZeile} wrap={false}>
|
||||
{spalten.map((spalte, i) => (
|
||||
<Text
|
||||
key={i}
|
||||
style={[
|
||||
pdfStile.tabelleZelle,
|
||||
{ width: `${(spalte.breite / summe) * 100}%` },
|
||||
spalte.rechts ? { textAlign: 'right' } : {},
|
||||
]}
|
||||
>
|
||||
{spalte.zelle(zeile, z)}
|
||||
</Text>
|
||||
))}
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
/** Grauer Kasten fuer Rechtshinweise und Erlaeuterungen unter einer Tabelle. */
|
||||
export function Hinweiskasten({ children }: { children: React.ReactNode }): React.JSX.Element {
|
||||
return <Text style={pdfStile.hinweis}>{children}</Text>
|
||||
}
|
||||
|
||||
/** Betrag rechtsbuendig - Cent-BigInt, damit nichts gerundet wird. */
|
||||
export function Betrag({ cent }: { cent: bigint | number | null }): React.JSX.Element {
|
||||
return <Text style={{ textAlign: 'right' }}>{formatCent(cent)}</Text>
|
||||
}
|
||||
Reference in New Issue
Block a user