Der Wiedereintritt oeffnet den Assistenten, vorbefuellt
Aus dem Gespraech vom 17.09.2026. Migration 20260917130000. Der kleine Dialog fragte Datum und Planstelle und liess alles andere stehen, wie es beim Austritt war. Nach zwei Jahren Abwesenheit ist das selten noch richtig — Anschrift, Wochenstunden, Kollektivvertrag, oft auch der Name. Wer es bemerkte, musste erst wiedereinstellen und danach "Daten aendern" oeffnen: zwei Vorgaenge fuer einen, und in der Akte stand dann eine Vertragsaenderung am Tag des Wiedereintritts, die niemand vorgenommen hat. rehire_employee nimmt jetzt den ganzen Satz entgegen und schreibt ihn in einer Transaktion. Erst einstellen und dann aendern waeren zwei Transaktionen, und scheitert die zweite, steht die Person wieder im Dienst — mit den Daten von damals und ohne dass es jemand merkt. Jedes Feld mit coalesce: fehlt ein Schluessel, bleibt der bestehende Wert. Das haelt den schlanken Aufruf am Leben und ist zugleich die Bedingung dafuer, dass der Assistent nur schickt, was er auch zeigt — Anschrift, Staatsbuergerschaft und Aufenthaltstitel fragt er naemlich nicht, so wenig wie bei einer Neueinstellung. Die Planstelle und das Eintrittsdatum sind bewusst leer: die alte Stelle kann besetzt oder entfallen sein, und ein vorbelegter Platz, den es so nicht mehr gibt, waere schlimmer als ein leeres Feld — er sieht nach einer Antwort aus. Dazu die Pruefungen der Neueinstellung, die hier fehlten: existiert die Planstelle, gilt sie zum Datum, ist sie frei. Die Personalnummer steht fest und wird nur gezeigt. Sie zu pruefen faende zwangslaeufig einen Treffer — die Person selbst — und sperrte das Formular mit einer Meldung, die stimmt und trotzdem in die Irre fuehrt. Ein eigenes Bauteil statt eines Schalters im HireWizard: kein Entwurf zu speichern, keine Angehoerigen anzulegen (die stehen schon in der Akte), keine Nummer zu pruefen, andere Funktion am Ende. Geteilt werden die Schritte, und das ist der Teil, der wirklich geteilt gehoert. RehirePanel ist damit weg.
This commit is contained in:
@@ -16,7 +16,7 @@ import type { Database } from "@/lib/types";
|
||||
import { DatenAendernPanel } from "./panels/DatenAendernPanel";
|
||||
import { KarenzPanel } from "./panels/KarenzPanel";
|
||||
import { PromotePanel } from "./panels/PromotePanel";
|
||||
import { RehirePanel } from "./panels/RehirePanel";
|
||||
import { RehireWizard } from "../hire/RehireWizard";
|
||||
import { TerminatePanel } from "./panels/TerminatePanel";
|
||||
import { TransferPanel } from "./panels/TransferPanel";
|
||||
import { HistorieTab } from "./tabs/HistorieTab";
|
||||
@@ -239,12 +239,20 @@ export function EmployeeDetail(props: EmployeeDetailProps) {
|
||||
status={status}
|
||||
directReportCount={directReports.length}
|
||||
/>
|
||||
<RehirePanel
|
||||
open={panel === "rehire"}
|
||||
onClose={() => setPanel(null)}
|
||||
employee={employee}
|
||||
openPositions={openPositions}
|
||||
/>
|
||||
{/* Der `key` sorgt fürs Zurücksetzen: beim Öffnen entsteht der
|
||||
Assistent neu und liest die Vorbelegung frisch aus der Akte. Ohne
|
||||
ihn trüge er nach einem Abbruch die halb ausgefüllten Angaben des
|
||||
vorigen Anlaufs. */}
|
||||
{panel === "rehire" && (
|
||||
<RehireWizard
|
||||
key={employee.updated_at}
|
||||
open
|
||||
onClose={() => setPanel(null)}
|
||||
employee={employee}
|
||||
openPositions={openPositions}
|
||||
locations={locations}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,147 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useMemo, useState } from "react";
|
||||
import { rehireEmployee } from "@/actions/employees";
|
||||
import { Button } from "@/components/ui/Button";
|
||||
import { SelectField, TextField } from "@/components/ui/Field";
|
||||
import { SlideOver } from "@/components/ui/SlideOver";
|
||||
import { useToast } from "@/components/ui/Toast";
|
||||
import { fmtDate, fmtName } from "@/lib/format";
|
||||
import type { OpenPositionResolved } from "@/lib/positions";
|
||||
import type { Database } from "@/lib/types";
|
||||
|
||||
type EmployeeRow = Database["public"]["Tables"]["employees"]["Row"];
|
||||
|
||||
// Eine Wiedereinstellung braucht eine Planstelle — genau wie eine
|
||||
// Neueinstellung.
|
||||
//
|
||||
// Die alte Stelle ist dafür kein Ersatz: sie kann inzwischen besetzt,
|
||||
// ausgelaufen oder ganz entfallen sein. `rehire_employee` verlangte die
|
||||
// Angabe deshalb schon immer und wies den Aufruf sonst ab; nur schickte das
|
||||
// Formular sie nie mit, sodass jede Wiedereinstellung an einer Meldung
|
||||
// scheiterte, die sich im Dialog gar nicht beheben liess.
|
||||
export function RehirePanel({
|
||||
open,
|
||||
onClose,
|
||||
employee,
|
||||
openPositions,
|
||||
}: {
|
||||
open: boolean;
|
||||
onClose: () => void;
|
||||
employee: EmployeeRow;
|
||||
openPositions: OpenPositionResolved[];
|
||||
}) {
|
||||
const { showToast } = useToast();
|
||||
const router = useRouter();
|
||||
const [rehireDate, setRehireDate] = useState("");
|
||||
const [positionId, setPositionId] = useState("");
|
||||
const [pending, setPending] = useState(false);
|
||||
|
||||
const options = useMemo(
|
||||
() =>
|
||||
openPositions
|
||||
.slice()
|
||||
.sort((a, b) => a.orgLabel.localeCompare(b.orgLabel, "de") || a.title.localeCompare(b.title, "de"))
|
||||
.map((p) => ({ value: p.id, label: `${p.orgLabel} · ${p.title} (${p.position_number})` })),
|
||||
[openPositions]
|
||||
);
|
||||
|
||||
const selected = openPositions.find((p) => p.id === positionId);
|
||||
|
||||
// Die Datenbank weist eine Besetzung ausserhalb der Gültigkeit ab. Das hier
|
||||
// nimmt die Meldung vorweg, solange sie noch etwas nützt — im Dialog, mit
|
||||
// beiden Daten sichtbar.
|
||||
const ausserhalb =
|
||||
selected && rehireDate
|
||||
? rehireDate < selected.valid_from
|
||||
? `Diese Planstelle gilt erst ab ${fmtDate(selected.valid_from)}.`
|
||||
: selected.valid_to && rehireDate >= selected.valid_to
|
||||
? `Diese Planstelle gilt nur bis ${fmtDate(selected.valid_to)}.`
|
||||
: null
|
||||
: null;
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!rehireDate || !positionId) {
|
||||
showToast("Wiedereintrittsdatum und Planstelle sind Pflicht.", "error");
|
||||
return;
|
||||
}
|
||||
setPending(true);
|
||||
const result = await rehireEmployee({
|
||||
employee_id: employee.id,
|
||||
rehire_date: rehireDate,
|
||||
position_id: positionId,
|
||||
});
|
||||
setPending(false);
|
||||
if (result.success) {
|
||||
showToast(`${employee.first_name} ${employee.last_name} wurde wiedereingestellt.`);
|
||||
router.refresh();
|
||||
onClose();
|
||||
} else {
|
||||
showToast(result.error ?? "Fehler beim Speichern.", "error");
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<SlideOver
|
||||
open={open}
|
||||
onClose={onClose}
|
||||
title="Wiedereinstellung"
|
||||
subtitle={fmtName(employee.first_name, employee.last_name)}
|
||||
footer={
|
||||
<>
|
||||
<Button variant="ghost" onClick={onClose}>
|
||||
Abbrechen
|
||||
</Button>
|
||||
<Button onClick={handleSubmit} pending={pending} disabled={Boolean(ausserhalb)}>
|
||||
Wiedereinstellen
|
||||
</Button>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<div className="flex flex-col gap-4">
|
||||
<div className="rounded border border-border bg-surface p-3 text-sm">
|
||||
<p className="text-xs font-semibold uppercase tracking-wide text-ink-muted">Letzte Position</p>
|
||||
<p className="mt-1 text-ink">{employee.job_title}</p>
|
||||
<p className="text-xs text-ink-muted">Ausgetreten am {fmtDate(employee.exit_date)}</p>
|
||||
</div>
|
||||
|
||||
<TextField label="Wiedereintritt am" required type="date" value={rehireDate} onChange={setRehireDate} />
|
||||
|
||||
{options.length === 0 ? (
|
||||
<p className="rounded border border-danger-text/20 bg-danger-bg px-3 py-2 text-sm text-danger-text">
|
||||
Es ist derzeit keine Planstelle frei. Ohne eine solche ist keine Wiedereinstellung möglich — zuerst eine
|
||||
Planstelle anlegen oder eine bestehende freimachen.
|
||||
</p>
|
||||
) : (
|
||||
<>
|
||||
<SelectField
|
||||
label="Planstelle"
|
||||
required
|
||||
value={positionId}
|
||||
onChange={setPositionId}
|
||||
placeholder="Bitte wählen…"
|
||||
options={options}
|
||||
/>
|
||||
{selected && (
|
||||
<div className="rounded border border-border bg-surface p-3 text-sm text-ink-body">
|
||||
<div className="font-semibold text-ink">{selected.title}</div>
|
||||
<div className="text-xs text-ink-muted">{selected.orgLabel}</div>
|
||||
<div className="mt-1 text-xs text-ink-muted">
|
||||
{selected.is_chief ? "Leitungsplanstelle" : "Mitarbeiterplanstelle"}
|
||||
{selected.future ? ` · gültig ab ${fmtDate(selected.valid_from)}` : ""}
|
||||
{selected.valid_to ? ` · endet am ${fmtDate(selected.valid_to)}` : ""}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{ausserhalb && (
|
||||
<p role="alert" className="rounded border border-danger-text/20 bg-danger-bg px-3 py-2 text-sm text-danger-text">
|
||||
{ausserhalb} Wiedereintritt und Gültigkeit müssen zusammenpassen.
|
||||
</p>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</SlideOver>
|
||||
);
|
||||
}
|
||||
239
components/hire/RehireWizard.tsx
Normal file
239
components/hire/RehireWizard.tsx
Normal file
@@ -0,0 +1,239 @@
|
||||
"use client";
|
||||
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useMemo, useState } from "react";
|
||||
import { rehireEmployee } from "@/actions/employees";
|
||||
import { Button } from "@/components/ui/Button";
|
||||
import { Modal } from "@/components/ui/Modal";
|
||||
import { useToast } from "@/components/ui/Toast";
|
||||
import { fmtName } from "@/lib/format";
|
||||
import { GRUND_BEGUENSTIGT_BEHINDERT } from "@/lib/kuendigungsschutz";
|
||||
import type { OpenPositionResolved } from "@/lib/positions";
|
||||
import { isValidSvnr, requiresAustrianSvnr } from "@/lib/svnr";
|
||||
import type { Database } from "@/lib/types";
|
||||
import { vorbelegungAus } from "@/lib/wiedereintritt";
|
||||
import { StepNotfallkontakt } from "./StepNotfallkontakt";
|
||||
import { StepPerson } from "./StepPerson";
|
||||
import { StepPosition } from "./StepPosition";
|
||||
import { StepSummary } from "./StepSummary";
|
||||
import { StepVertrag } from "./StepVertrag";
|
||||
import { EMPTY_HIRE_DRAFT, type HireDraftData } from "./types";
|
||||
|
||||
type EmployeeRow = Database["public"]["Tables"]["employees"]["Row"];
|
||||
|
||||
// Der Wiedereintritt als Assistent — derselbe Weg wie eine Neueinstellung,
|
||||
// nur vorbefüllt.
|
||||
//
|
||||
// ── Warum nicht der kleine Dialog von vorher ────────────────────────
|
||||
//
|
||||
// Der fragte Datum und Planstelle und liess alles andere stehen, wie es beim
|
||||
// Austritt war. Nach zwei Jahren Abwesenheit ist das selten noch richtig: die
|
||||
// Anschrift, die Wochenstunden, der Kollektivvertrag, oft auch der Name. Wer
|
||||
// das bemerkte, musste die Person erst wiedereinstellen und danach „Daten
|
||||
// ändern" öffnen — zwei Vorgänge für einen, und in der Akte steht dann eine
|
||||
// Vertragsänderung am Tag des Wiedereintritts, die niemand vorgenommen hat.
|
||||
//
|
||||
// ── Warum ein eigenes Bauteil und kein Schalter im HireWizard ───────
|
||||
//
|
||||
// Die beiden Abläufe sehen gleich aus und sind es nicht: hier gibt es keinen
|
||||
// Entwurf zu speichern, keine Angehörigen anzulegen (die stehen schon in der
|
||||
// Akte), keine Personalnummer zu prüfen, und am Ende ruft er eine andere
|
||||
// Funktion. Ein HireWizard mit `modus === "rehire"` an sechs Stellen wäre
|
||||
// schwerer zu lesen als zwei Abläufe, die sich die Schritte teilen — und die
|
||||
// Schritte sind der Teil, der wirklich geteilt gehört.
|
||||
//
|
||||
// ── Warum alles in einem Aufruf geht ────────────────────────────────
|
||||
//
|
||||
// `rehire_employee` nimmt den ganzen Satz entgegen und schreibt ihn in einer
|
||||
// Transaktion (Migration 20260917130000). Erst wiedereinstellen und dann
|
||||
// ändern wären zwei Transaktionen, und scheitert die zweite, steht die Person
|
||||
// wieder im Dienst — mit den Daten von damals und ohne dass es jemand merkt.
|
||||
|
||||
const STEP_LABELS = ["Person", "Position", "Vertrag", "Notfallkontakt", "Zusammenfassung"] as const;
|
||||
|
||||
type RehireWizardProps = {
|
||||
open: boolean;
|
||||
onClose: () => void;
|
||||
employee: EmployeeRow;
|
||||
openPositions: OpenPositionResolved[];
|
||||
locations: { id: string; name: string; country: string }[];
|
||||
};
|
||||
|
||||
export function RehireWizard({ open, onClose, employee, openPositions, locations }: RehireWizardProps) {
|
||||
const { showToast } = useToast();
|
||||
const router = useRouter();
|
||||
const [step, setStep] = useState(0);
|
||||
// Die Akte remountet dieses Bauteil über einen wechselnden `key`, sobald es
|
||||
// frisch geöffnet wird — diese Initialisierung ist damit das Zurücksetzen,
|
||||
// ganz ohne Effekt.
|
||||
const [draft, setDraft] = useState<HireDraftData>(() => ({
|
||||
...EMPTY_HIRE_DRAFT,
|
||||
...vorbelegungAus(employee),
|
||||
// Planstelle und Eintrittsdatum bleiben leer: die alte Stelle kann
|
||||
// besetzt oder entfallen sein, und das neue Datum ist die eigentliche
|
||||
// Angabe dieses Vorgangs. Siehe lib/wiedereintritt.ts.
|
||||
positionId: "",
|
||||
entryDate: "",
|
||||
angehoerige: [],
|
||||
}));
|
||||
const [submitting, setSubmitting] = useState(false);
|
||||
|
||||
const selectedPosition = useMemo(
|
||||
() => openPositions.find((p) => p.id === draft.positionId) ?? null,
|
||||
[openPositions, draft.positionId]
|
||||
);
|
||||
|
||||
function update(patch: Partial<HireDraftData>) {
|
||||
setDraft((prev) => ({ ...prev, ...patch }));
|
||||
}
|
||||
|
||||
const svNummerOk =
|
||||
!draft.svNummer.trim() ||
|
||||
!requiresAustrianSvnr(locations.find((l) => l.id === draft.locationId)?.country) ||
|
||||
isValidSvnr(draft.svNummer, draft.birthDate || null);
|
||||
|
||||
// Dieselben Bedingungen wie bei einer Neueinstellung, abzüglich der
|
||||
// Personalnummer: sie steht fest und wird nicht geprüft.
|
||||
const pruefung: Record<(typeof STEP_LABELS)[number], boolean> = {
|
||||
Person: Boolean(draft.firstName && draft.lastName && draft.birthDate && draft.locationId) && svNummerOk,
|
||||
Position: Boolean(draft.positionId && draft.besetzung),
|
||||
Vertrag: Boolean(draft.entryDate && draft.workDays.length > 0),
|
||||
Notfallkontakt: Boolean(draft.emergencyContactName.trim()) === Boolean(draft.emergencyContactPhone.trim()),
|
||||
Zusammenfassung: true,
|
||||
};
|
||||
const stepValid = pruefung[STEP_LABELS[step]];
|
||||
const letzterSchritt = STEP_LABELS.length - 1;
|
||||
|
||||
async function handleSubmit() {
|
||||
if (!draft.positionId || !draft.entryDate) return;
|
||||
// Dieselbe Regel wie im Formular: der Personenkreis zieht das Kennzeichen
|
||||
// mit. Was gezeigt wurde, muss auch abgeschickt werden.
|
||||
const istBehindert = draft.istBeguenstigtBehindert || draft.kuendigungsschutzGrund === GRUND_BEGUENSTIGT_BEHINDERT;
|
||||
setSubmitting(true);
|
||||
|
||||
const result = await rehireEmployee({
|
||||
employee_id: employee.id,
|
||||
rehire_date: draft.entryDate,
|
||||
position_id: draft.positionId,
|
||||
|
||||
first_name: draft.firstName,
|
||||
last_name: draft.lastName,
|
||||
title_prefix: draft.titlePrefix,
|
||||
title_suffix: draft.titleSuffix,
|
||||
gender: draft.gender,
|
||||
birth_date: draft.birthDate,
|
||||
sv_nummer: draft.svNummer.trim(),
|
||||
email: draft.email.trim(),
|
||||
phone: draft.phone.trim(),
|
||||
location_id: draft.locationId,
|
||||
// Anschrift, Staatsbürgerschaft und Aufenthaltstitel stehen bewusst
|
||||
// nicht hier: der Assistent zeigt sie nicht, und was er nicht zeigt,
|
||||
// darf er nicht schicken. rehire_employee lässt jedes nicht
|
||||
// übermittelte Feld unangetastet stehen.
|
||||
emergency_contact_name: draft.emergencyContactName.trim(),
|
||||
emergency_contact_phone: draft.emergencyContactPhone.trim(),
|
||||
emergency_contact_relation: draft.emergencyContactRelation.trim(),
|
||||
|
||||
employment_type: draft.employmentType,
|
||||
weekly_hours: Number(draft.weeklyHours),
|
||||
contract_type: draft.contractType,
|
||||
contract_end_date: draft.contractEndDate,
|
||||
paygrade: draft.paygrade,
|
||||
source: draft.besetzung,
|
||||
|
||||
worker_type: draft.workerType,
|
||||
mitarbeiterart: draft.mitarbeiterart,
|
||||
collective_agreement: draft.collectiveAgreement,
|
||||
work_days: draft.workDays,
|
||||
is_betriebsrat: draft.isBetriebsrat,
|
||||
has_dienstwagen: draft.hasDienstwagen,
|
||||
dienstwagen_art: draft.hasDienstwagen ? draft.dienstwagenArt : "",
|
||||
is_laterale_fuehrung: draft.isLateraleFuehrung,
|
||||
is_c_level: draft.isCLevel,
|
||||
|
||||
has_kuendigungsschutz: draft.hasKuendigungsschutz,
|
||||
kuendigungsschutz_grund: draft.hasKuendigungsschutz ? draft.kuendigungsschutzGrund : "",
|
||||
kuendigungsschutz_ab: draft.hasKuendigungsschutz ? draft.kuendigungsschutzAb : "",
|
||||
kuendigungsschutz_bis: draft.hasKuendigungsschutz ? draft.kuendigungsschutzBis : "",
|
||||
ist_beguenstigt_behindert: istBehindert,
|
||||
behinderung_grad: istBehindert ? draft.behinderungGrad : "",
|
||||
behinderung_ab: istBehindert ? draft.behinderungAb : "",
|
||||
behinderung_bis: istBehindert ? draft.behinderungBis : "",
|
||||
});
|
||||
|
||||
setSubmitting(false);
|
||||
if (!result.success) {
|
||||
showToast(result.error ?? "Fehler beim Speichern.", "error");
|
||||
return;
|
||||
}
|
||||
router.refresh();
|
||||
onClose();
|
||||
showToast(`${fmtName(draft.firstName, draft.lastName)} wurde wiedereingestellt.`);
|
||||
}
|
||||
|
||||
return (
|
||||
<Modal
|
||||
open={open}
|
||||
onClose={onClose}
|
||||
title="Wiedereintritt"
|
||||
widthClassName="max-w-2xl"
|
||||
footer={
|
||||
<div className="flex w-full items-center justify-between">
|
||||
<Button variant="ghost" onClick={onClose}>
|
||||
Abbrechen
|
||||
</Button>
|
||||
<div className="flex gap-2">
|
||||
{step > 0 && (
|
||||
<Button variant="secondary" onClick={() => setStep((s) => s - 1)}>
|
||||
Zurück
|
||||
</Button>
|
||||
)}
|
||||
{step < letzterSchritt && (
|
||||
<Button onClick={() => setStep((s) => s + 1)} disabled={!stepValid}>
|
||||
Weiter
|
||||
</Button>
|
||||
)}
|
||||
{step === letzterSchritt && (
|
||||
<Button onClick={handleSubmit} pending={submitting}>
|
||||
Wiedereinstellen
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<p className="mb-4 rounded bg-surface px-3 py-2 text-sm text-ink-body">
|
||||
Die Angaben stammen aus der bestehenden Akte und lassen sich hier ändern. Planstelle und Eintrittsdatum sind neu
|
||||
zu wählen; Angehörige stehen bereits in der Akte.
|
||||
</p>
|
||||
|
||||
<div className="mb-6 flex items-center justify-center gap-3">
|
||||
{STEP_LABELS.map((label, i) => (
|
||||
<button
|
||||
key={label}
|
||||
type="button"
|
||||
disabled={i >= step}
|
||||
aria-current={i === step ? "step" : undefined}
|
||||
onClick={() => i < step && setStep(i)}
|
||||
className={`flex items-center gap-2 rounded text-xs font-semibold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-500 disabled:cursor-default ${
|
||||
i === step ? "text-brand-700" : i < step ? "text-ink-body" : "text-ink-muted"
|
||||
}`}
|
||||
>
|
||||
<span
|
||||
className={`flex h-6 w-6 items-center justify-center rounded-full ${i <= step ? "bg-brand-500 text-white" : "bg-surface text-ink-muted"}`}
|
||||
>
|
||||
{i + 1}
|
||||
</span>
|
||||
{label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{step === 0 && <StepPerson draft={draft} update={update} locations={locations} nummerGesperrt />}
|
||||
{step === 1 && <StepPosition draft={draft} update={update} openPositions={openPositions} />}
|
||||
{step === 2 && <StepVertrag draft={draft} update={update} />}
|
||||
{step === 3 && <StepNotfallkontakt draft={draft} update={update} />}
|
||||
{step === 4 && <StepSummary draft={draft} selectedPosition={selectedPosition} locations={locations} />}
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
@@ -9,17 +9,36 @@ type StepPersonProps = {
|
||||
update: (patch: Partial<HireDraftData>) => void;
|
||||
locations: { id: string; name: string; country: string }[];
|
||||
/** Meldet die geprüfte Personalnummer und ihr Ergebnis — steuert „Weiter". */
|
||||
onNummerBefund: (befund: { nummer: number; vergeben: boolean }) => void;
|
||||
onNummerBefund?: (befund: { nummer: number; vergeben: boolean }) => void;
|
||||
/**
|
||||
* Beim Wiedereintritt: die Nummer steht fest und wird nur gezeigt.
|
||||
*
|
||||
* Zwei Gründe. Es ist dieselbe Person und sie behält ihre Nummer — und die
|
||||
* Prüfung auf Dubletten fände hier zwangsläufig einen Treffer, nämlich sie
|
||||
* selbst, und sperrte das Formular mit einer Meldung, die stimmt und
|
||||
* trotzdem in die Irre führt.
|
||||
*/
|
||||
nummerGesperrt?: boolean;
|
||||
};
|
||||
|
||||
export function StepPerson({ draft, update, locations, onNummerBefund }: StepPersonProps) {
|
||||
export function StepPerson({ draft, update, locations, onNummerBefund, nummerGesperrt }: StepPersonProps) {
|
||||
return (
|
||||
<div className="flex flex-col gap-4">
|
||||
<PersonalnummerField
|
||||
wert={draft.personnelNumber}
|
||||
onChange={(personnelNumber) => update({ personnelNumber })}
|
||||
onBefund={onNummerBefund}
|
||||
/>
|
||||
{nummerGesperrt ? (
|
||||
<TextField
|
||||
label="Personalnummer"
|
||||
value={draft.personnelNumber}
|
||||
onChange={() => {}}
|
||||
disabled
|
||||
hint="Bleibt bei einem Wiedereintritt dieselbe."
|
||||
/>
|
||||
) : (
|
||||
<PersonalnummerField
|
||||
wert={draft.personnelNumber}
|
||||
onChange={(personnelNumber) => update({ personnelNumber })}
|
||||
onBefund={onNummerBefund ?? (() => {})}
|
||||
/>
|
||||
)}
|
||||
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
|
||||
<TextField label="Vorname" required value={draft.firstName} onChange={(firstName) => update({ firstName })} />
|
||||
<TextField label="Nachname" required value={draft.lastName} onChange={(lastName) => update({ lastName })} />
|
||||
|
||||
Reference in New Issue
Block a user