Maximilian Stubhan
8282d7f581
Karenz was doing duty as the name for every kind of extended absence, but the cases behave differently in payroll and reporting — Wochenhilfe, a Präsenzdienst, a long sick leave and a sabbatical are not the same thing. The concept is now called Langzeitabwesenheit and carries which kind it is. - employees.absence_type, constrained to the thirteen kinds. start_karenz stores it on both paths (written straight away, or parked in the pending_org_changes payload when the absence starts later); record_karenz_return and the karenz_return branch of apply_due_pending_changes clear it, so a returned employee does not keep looking like they are still away. It also reaches employee_history, the audit log and the employee export. - The status enum value stays 'Karenz'. Postgres can rename an enum value in place, but every stored function body that spells it would then reference a value that no longer exists — a dozen functions across fifteen migrations, rewritten for a label. The mapping lives in lib/absence.ts instead, which is the single place the UI reads the display name from. - Where a kind is recorded the chip shows it — "Bildungskarenz" says more than "Langzeitabwesenheit". Absences predating the field have none and fall back to the generic name rather than to a guess, and a value outside the list is dropped rather than echoed into the UI. - The export prints the display name, not the raw enum: a payroll hand-off reading "Karenz" for what the app calls Langzeitabwesenheit only causes questions. Audit filter options keep their stored values and change only their labels. - The seed spreads the twelve absences across the kinds; all of them being Karenz would leave any breakdown by kind invisible.
100 lines
3.5 KiB
TypeScript
100 lines
3.5 KiB
TypeScript
"use client";
|
|
|
|
import { usePathname, useRouter, useSearchParams } from "next/navigation";
|
|
import { useEffect, useState } from "react";
|
|
import { FILTER_SELECT_CLASS } from "@/components/ui/Field";
|
|
import { SearchInput } from "@/components/ui/SearchInput";
|
|
|
|
type EmployeeFiltersProps = {
|
|
divisions: { id: string; name: string }[];
|
|
locations: { id: string; name: string }[];
|
|
};
|
|
|
|
// Aktiv and Langzeitabwesenheit are separate statuses — somebody on a
|
|
// long-term absence is employed but not active. The combined entry is
|
|
// offered explicitly, named after the two it selects rather than calling
|
|
// the pair "aktiv". The stored value is still 'Karenz' (see lib/absence.ts).
|
|
const STATUS_OPTIONS = [
|
|
{ value: "Aktiv", label: "Aktiv" },
|
|
{ value: "Karenz", label: "Langzeitabwesenheit" },
|
|
{ value: "Aktiv,Karenz", label: "Aktiv + Langzeitabwesenheit (beschäftigt)" },
|
|
{ value: "Geplant", label: "Geplant" },
|
|
{ value: "Ausgetreten", label: "Ausgetreten" },
|
|
] as const;
|
|
|
|
export function EmployeeFilters({ divisions, locations }: EmployeeFiltersProps) {
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
const searchParams = useSearchParams();
|
|
const [q, setQ] = useState(searchParams.get("q") ?? "");
|
|
|
|
useEffect(() => {
|
|
const handle = setTimeout(() => {
|
|
const current = new URLSearchParams(searchParams.toString());
|
|
if (q) current.set("q", q);
|
|
else current.delete("q");
|
|
current.delete("page");
|
|
const next = current.toString();
|
|
if (next !== searchParams.toString()) router.push(`${pathname}?${next}`);
|
|
}, 300);
|
|
return () => clearTimeout(handle);
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [q]);
|
|
|
|
function updateParam(key: string, value: string) {
|
|
const params = new URLSearchParams(searchParams.toString());
|
|
if (value) params.set(key, value);
|
|
else params.delete(key);
|
|
params.delete("page");
|
|
router.push(`${pathname}?${params.toString()}`);
|
|
}
|
|
|
|
return (
|
|
<div className="flex flex-wrap items-center gap-3">
|
|
<SearchInput label="Mitarbeiter:innen durchsuchen" placeholder="Name, Pers.-Nr., Titel…" value={q} onChange={setQ} />
|
|
{/* aria-label rather than a visible label: the filter bar is a single
|
|
horizontal row, and each select's first option already names it on
|
|
screen. */}
|
|
<select
|
|
aria-label="Nach Bereich filtern"
|
|
defaultValue={searchParams.get("division") ?? ""}
|
|
onChange={(e) => updateParam("division", e.target.value)}
|
|
className={FILTER_SELECT_CLASS}
|
|
>
|
|
<option value="">Alle Bereiche</option>
|
|
{divisions.map((d) => (
|
|
<option key={d.id} value={d.id}>
|
|
{d.name}
|
|
</option>
|
|
))}
|
|
</select>
|
|
<select
|
|
aria-label="Nach Status filtern"
|
|
defaultValue={searchParams.get("status") ?? ""}
|
|
onChange={(e) => updateParam("status", e.target.value)}
|
|
className={FILTER_SELECT_CLASS}
|
|
>
|
|
<option value="">Alle Status</option>
|
|
{STATUS_OPTIONS.map((s) => (
|
|
<option key={s.value} value={s.value}>
|
|
{s.label}
|
|
</option>
|
|
))}
|
|
</select>
|
|
<select
|
|
aria-label="Nach Standort filtern"
|
|
defaultValue={searchParams.get("location") ?? ""}
|
|
onChange={(e) => updateParam("location", e.target.value)}
|
|
className={FILTER_SELECT_CLASS}
|
|
>
|
|
<option value="">Alle Standorte</option>
|
|
{locations.map((l) => (
|
|
<option key={l.id} value={l.id}>
|
|
{l.name}
|
|
</option>
|
|
))}
|
|
</select>
|
|
</div>
|
|
);
|
|
}
|