feat(personal): PERS-004 Einsatzfunktionen (Gruppenführer/Melder/...)

Neue Stammdaten-Tabelle einsatzfunktion (Migration 0031), benutzer bekommt
optionales einsatzfunktion_id-Feld - analog zu einheit_id modelliert, eine
Person hat im Regelfall genau eine primäre Einsatzfunktion. Bewusst
getrennt von den technischen App-Rollen (RolleTyp), die nur steuern, was
jemand in MABEA tun darf, nicht welche Funktion er im Einsatz hat.

CRUD-Endpunkt /einsatzfunktionen nach Kategorie-Muster, Duplikat-Prüfung
vorab (Projekt-Konvention). Admin-UI: Auswahl + Inline-Neuanlage in der
Benutzerverwaltung (BenutzerSection).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV

frontend/src/api/types.ts

@@ -392,6 +392,12 @@ export interface Benutzer {
   aktiv: boolean;
   rollen: string[];
   einheit_id: number | null;
+  einsatzfunktion_id: number | null;
+}
+
+export interface Einsatzfunktion {
+  id: number;
+  name: string;
 }
 
 export interface Berechtigung {

frontend/src/pages/AdminPage.tsx

@@ -4,7 +4,7 @@ import { useSearchParams } from "react-router-dom";
 import { apiRequest } from "../api/client";
 import { AusgabeSection } from "./admin/AusgabeSection";
 import { useAuth } from "../auth/AuthContext";
-import type { Benutzer, Bereich, Beladungsvorlage, Einheit, Fach, Kategorie, Material, Objekt, Objekttyp, Qualifikationstyp, Standort } from "../api/types";
+import type { Benutzer, Bereich, Beladungsvorlage, Einheit, Einsatzfunktion, Fach, Kategorie, Material, Objekt, Objekttyp, Qualifikationstyp, Standort } from "../api/types";
 import { BenutzerSection } from "./admin/BenutzerSection";
 import { BereichSection } from "./admin/BereichSection";
 import { EinheitSection } from "./admin/EinheitSection";
@@ -108,6 +108,7 @@ export function AdminPage() {
   const [benutzer, setBenutzer] = useState<Benutzer[]>([]);
   const [faecher, setFaecher] = useState<Fach[]>([]);
   const [einheiten, setEinheiten] = useState<Einheit[]>([]);
+  const [einsatzfunktionen, setEinsatzfunktionen] = useState<Einsatzfunktion[]>([]);
   const [qualifikationstypen, setQualifikationstypen] = useState<Qualifikationstyp[]>([]);
   const [fehler, setFehler] = useState<string | null>(null);
   const [laedt, setLaedt] = useState(true);
@@ -127,7 +128,7 @@ export function AdminPage() {
     // Seite als "nicht geladen" zeigen, obwohl deren Tabs (z.B. Kontroll-
     // verantwortung) trotzdem funktionieren sollen. allSettled + leerer
     // Fallback statt hartem Fehler.
-    const [be, ka, ot, s, v, o, m, b, f, ei, qt] = await Promise.allSettled([
+    const [be, ka, ot, s, v, o, m, b, f, ei, qt, ef] = await Promise.allSettled([
       apiRequest<Bereich[]>("/bereiche"),
       apiRequest<Kategorie[]>("/kategorien"),
       apiRequest<Objekttyp[]>("/objekttypen"),
@@ -139,6 +140,7 @@ export function AdminPage() {
       apiRequest<Fach[]>("/faecher"),
       apiRequest<Einheit[]>("/einheiten"),
       apiRequest<Qualifikationstyp[]>("/qualifikationstypen"),
+      apiRequest<Einsatzfunktion[]>("/einsatzfunktionen"),
     ]);
     const wert = <T,>(r: PromiseSettledResult<T[]>): T[] => (r.status === "fulfilled" ? r.value : []);
     setBereiche(wert(be));
@@ -152,6 +154,7 @@ export function AdminPage() {
     setFaecher(wert(f));
     setEinheiten(wert(ei));
     setQualifikationstypen(wert(qt));
+    setEinsatzfunktionen(wert(ef));
   }
 
   useEffect(() => {
@@ -238,7 +241,13 @@ export function AdminPage() {
         <StandortSection standorte={standorte} onGeaendert={ladeAlles} onFehler={setFehler} />
       )}
       {aktiverTab === "benutzer" && (
-        <BenutzerSection benutzer={benutzer} einheiten={einheiten} onGeaendert={ladeAlles} onFehler={setFehler} />
+        <BenutzerSection
+          benutzer={benutzer}
+          einheiten={einheiten}
+          einsatzfunktionen={einsatzfunktionen}
+          onGeaendert={ladeAlles}
+          onFehler={setFehler}
+        />
       )}
       {aktiverTab === "zustaendigkeit" && (
         <ZustaendigkeitSection standorte={standorte} objekte={objekte} benutzer={benutzer} onFehler={setFehler} />

frontend/src/pages/admin/BenutzerSection.tsx

@@ -1,11 +1,12 @@
 import { useState } from "react";
 
 import { apiRequest } from "../../api/client";
-import type { Benutzer, Einheit, Rolle } from "../../api/types";
+import type { Benutzer, Einheit, Einsatzfunktion, Rolle } from "../../api/types";
 
 interface Props {
   benutzer: Benutzer[];
   einheiten: Einheit[];
+  einsatzfunktionen: Einsatzfunktion[];
   onGeaendert: () => Promise<void>;
   onFehler: (text: string) => void;
 }
@@ -17,18 +18,21 @@ const ALLE_ROLLEN: Rolle[] = [
   "administration",
 ];
 
-export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }: Props) {
+export function BenutzerSection({ benutzer, einheiten, einsatzfunktionen, onGeaendert, onFehler }: Props) {
   const [name, setName] = useState("");
   const [login, setLogin] = useState("");
   const [passwort, setPasswort] = useState("");
   const [email, setEmail] = useState("");
   const [einheitId, setEinheitId] = useState<number | "">("");
+  const [einsatzfunktionId, setEinsatzfunktionId] = useState<number | "">("");
+  const [neueEinsatzfunktion, setNeueEinsatzfunktion] = useState("");
   const [rollen, setRollen] = useState<Rolle[]>(["mitarbeiter"]);
   const [wirdAngelegt, setWirdAngelegt] = useState(false);
   const [bearbeiteteId, setBearbeiteteId] = useState<number | null>(null);
   const [bearbeitungsName, setBearbeitungsName] = useState("");
   const [bearbeitungsEmail, setBearbeitungsEmail] = useState("");
   const [bearbeitungsEinheitId, setBearbeitungsEinheitId] = useState<number | "">("");
+  const [bearbeitungsEinsatzfunktionId, setBearbeitungsEinsatzfunktionId] = useState<number | "">("");
   const [bearbeitungsRollen, setBearbeitungsRollen] = useState<Rolle[]>([]);
 
   function einheitName(id: number | null): string {
@@ -37,6 +41,12 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
     return e ? e.name : `#${id}`;
   }
 
+  function einsatzfunktionName(id: number | null): string {
+    if (id === null) return "";
+    const f = einsatzfunktionen.find((x) => x.id === id);
+    return f ? f.name : `#${id}`;
+  }
+
   function rolleUmschalten(rolle: Rolle) {
     setRollen((bisherige) =>
       bisherige.includes(rolle) ? bisherige.filter((r) => r !== rolle) : [...bisherige, rolle]
@@ -48,13 +58,22 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
     try {
       await apiRequest("/benutzer", {
         method: "POST",
-        body: { name, login, passwort, email: email || null, einheit_id: einheitId === "" ? null : einheitId, rollen },
+        body: {
+          name,
+          login,
+          passwort,
+          email: email || null,
+          einheit_id: einheitId === "" ? null : einheitId,
+          einsatzfunktion_id: einsatzfunktionId === "" ? null : einsatzfunktionId,
+          rollen,
+        },
       });
       setName("");
       setLogin("");
       setPasswort("");
       setEmail("");
       setEinheitId("");
+      setEinsatzfunktionId("");
       setRollen(["mitarbeiter"]);
       await onGeaendert();
     } catch {
@@ -64,6 +83,17 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
     }
   }
 
+  async function einsatzfunktionAnlegen() {
+    if (!neueEinsatzfunktion.trim()) return;
+    try {
+      await apiRequest("/einsatzfunktionen", { method: "POST", body: { name: neueEinsatzfunktion.trim() } });
+      setNeueEinsatzfunktion("");
+      await onGeaendert();
+    } catch {
+      onFehler("Einsatzfunktion konnte nicht angelegt werden (existiert evtl. schon).");
+    }
+  }
+
   async function aktivSchalten(b: Benutzer) {
     try {
       await apiRequest(`/benutzer/${b.id}`, { method: "PATCH", body: { aktiv: !b.aktiv } });
@@ -78,6 +108,7 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
     setBearbeitungsName(b.name);
     setBearbeitungsEmail(b.email ?? "");
     setBearbeitungsEinheitId(b.einheit_id ?? "");
+    setBearbeitungsEinsatzfunktionId(b.einsatzfunktion_id ?? "");
     setBearbeitungsRollen(b.rollen as Rolle[]);
   }
 
@@ -95,6 +126,7 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
           name: bearbeitungsName,
           email: bearbeitungsEmail || null,
           einheit_id: bearbeitungsEinheitId === "" ? null : bearbeitungsEinheitId,
+          einsatzfunktion_id: bearbeitungsEinsatzfunktionId === "" ? null : bearbeitungsEinsatzfunktionId,
           rollen: bearbeitungsRollen,
         },
       });
@@ -133,6 +165,28 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
               </option>
             ))}
           </select>
+          <select
+            className="input"
+            value={einsatzfunktionId}
+            onChange={(e) => setEinsatzfunktionId(Number(e.target.value) || "")}
+          >
+            <option value="">Keine Einsatzfunktion</option>
+            {einsatzfunktionen.map((f) => (
+              <option key={f.id} value={f.id}>
+                {f.name}
+              </option>
+            ))}
+          </select>
+          <input
+            className="input"
+            value={neueEinsatzfunktion}
+            onChange={(e) => setNeueEinsatzfunktion(e.target.value)}
+            placeholder="Neue Einsatzfunktion"
+            style={{ maxWidth: "10rem" }}
+          />
+          <button className="btn btn-secondary" onClick={einsatzfunktionAnlegen} disabled={!neueEinsatzfunktion.trim()}>
+            + Anlegen
+          </button>
         </div>
         <div className="row" style={{ flexWrap: "wrap", gap: "0.5rem", marginBottom: "0.75rem" }}>
           {ALLE_ROLLEN.map((r) => (
@@ -181,6 +235,18 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
                           </option>
                         ))}
                       </select>
+                      <select
+                        className="input"
+                        value={bearbeitungsEinsatzfunktionId}
+                        onChange={(e) => setBearbeitungsEinsatzfunktionId(Number(e.target.value) || "")}
+                      >
+                        <option value="">Keine Einsatzfunktion</option>
+                        {einsatzfunktionen.map((f) => (
+                          <option key={f.id} value={f.id}>
+                            {f.name}
+                          </option>
+                        ))}
+                      </select>
                     </div>
                     <div className="row" style={{ flexWrap: "wrap", gap: "0.5rem" }}>
                       {ALLE_ROLLEN.map((r) => (
@@ -208,6 +274,7 @@ export function BenutzerSection({ benutzer, einheiten, onGeaendert, onFehler }:
                     <span>
                       <strong>{b.name}</strong> ({b.login}) – {b.rollen.join(", ")}
                       {b.einheit_id !== null && ` – ${einheitName(b.einheit_id)}`}
+                      {b.einsatzfunktion_id !== null && ` – ${einsatzfunktionName(b.einsatzfunktion_id)}`}
                       {!b.aktiv && " – deaktiviert"}
                     </span>
                     <div className="row">