feat(objekt): Zugfahrzeug-Flag am Objekttyp + Leitungs-Dashboard-Kacheln
CI / backend-tests (push) Failing after 1m26s
CI / frontend-build (push) Successful in 24s

Objekttyp.ist_zugfahrzeug (Migration 0011) grenzt die Fahrzeug-Zuordnung
serverseitig auf tatsächliche Zugfahrzeuge ein (422 bei Verstoß), Frontend
filtert die Fahrzeug-Dropdowns entsprechend.

Neue Dashboard-Endpunkte /dashboard/einsatzbereitschaft und
/dashboard/prueftermine plus DashboardPage mit drei Kacheln
(Einsatzbereitschaft, Prüftermine, Ablaufdaten). Aktive
Mindermengen-Genehmigung zählt als "eingeschränkt einsatzbereit", nicht als
voll einsatzbereit (U2/Karte 08).

Neue FehlbestandListePage: Fehlbestände eigenständig nachfüllen/Mindermenge
genehmigen, ohne komplette Kontrolle des Objekts zu starten (Backend
existierte bereits, nur das Frontend fehlte).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KC8HYvv6UkCVYheYiTw9DD
This commit is contained in:
2026-09-05 10:33:00 +02:00
co-authored by Claude Sonnet 5
parent 38b8ce1795
commit 54fc29690a
20 changed files with 894 additions and 19 deletions
+13 -3
View File
@@ -1,11 +1,12 @@
import { useState } from "react";
import { apiRequest } from "../../api/client";
import type { Beladungsvorlage, Material, Objekt, Standort } from "../../api/types";
import type { Beladungsvorlage, Material, Objekt, Objekttyp, Standort } from "../../api/types";
import { ObjektPositionenPanel } from "./ObjektPositionenPanel";
interface Props {
objekte: Objekt[];
objekttypen: Objekttyp[];
vorlagen: Beladungsvorlage[];
standorte: Standort[];
materialien: Material[];
@@ -21,6 +22,7 @@ interface Props {
export function ObjektSection({
objekte,
objekttypen,
vorlagen,
standorte,
materialien,
@@ -45,6 +47,14 @@ export function ObjektSection({
const [fahrzeugAuswahl, setFahrzeugAuswahl] = useState<number | "">("");
const [suche, setSuche] = useState("");
// Option A+C (Karte 11 Nachtrag): Dropdown zeigt nur Zugfahrzeuge (Objekttyp-
// Flag ist_zugfahrzeug) ohne eigene Kopplung - serverseitig zusätzlich per
// 422 erzwungen, das ist hier nur die Vorauswahl fürs Formular.
const zugfahrzeuge = objekte.filter((x) => {
const typ = objekttypen.find((t) => t.id === x.objekttyp_id);
return typ?.ist_zugfahrzeug && x.fahrzeug_id === null;
});
function objektName(id: number | null): string {
if (id === null) return "";
const gefunden = objekte.find((x) => x.id === id);
@@ -233,7 +243,7 @@ export function ObjektSection({
onChange={(e) => setFahrzeugId(Number(e.target.value) || "")}
>
<option value="">Kein Fahrzeug</option>
{objekte.map((x) => (
{zugfahrzeuge.map((x) => (
<option key={x.id} value={x.id}>
{x.name} ({x.code})
</option>
@@ -295,7 +305,7 @@ export function ObjektSection({
onChange={(e) => setFahrzeugAuswahl(Number(e.target.value) || "")}
>
<option value="">Kein Fahrzeug</option>
{objekte
{zugfahrzeuge
.filter((x) => x.id !== o.id)
.map((x) => (
<option key={x.id} value={x.id}>
+29 -3
View File
@@ -18,15 +18,21 @@ export function ObjekttypSection({ bereiche, kategorien, objekttypen, onGeaender
const [wirdAngelegt, setWirdAngelegt] = useState(false);
const [bearbeiteteId, setBearbeiteteId] = useState<number | null>(null);
const [bearbeitungsName, setBearbeitungsName] = useState("");
const [istZugfahrzeug, setIstZugfahrzeug] = useState(false);
const [bearbeitungsZugfahrzeug, setBearbeitungsZugfahrzeug] = useState(false);
function bearbeiten(o: Objekttyp) {
setBearbeiteteId(o.id);
setBearbeitungsName(o.name);
setBearbeitungsZugfahrzeug(o.ist_zugfahrzeug);
}
async function speichern(id: number) {
try {
await apiRequest(`/objekttypen/${id}`, { method: "PATCH", body: { name: bearbeitungsName } });
await apiRequest(`/objekttypen/${id}`, {
method: "PATCH",
body: { name: bearbeitungsName, ist_zugfahrzeug: bearbeitungsZugfahrzeug },
});
setBearbeiteteId(null);
await onGeaendert();
} catch {
@@ -43,9 +49,10 @@ export function ObjekttypSection({ bereiche, kategorien, objekttypen, onGeaender
try {
await apiRequest("/objekttypen", {
method: "POST",
body: { name, bereich_id: bereichId, kategorie_id: kategorieId || null },
body: { name, bereich_id: bereichId, kategorie_id: kategorieId || null, ist_zugfahrzeug: istZugfahrzeug },
});
setName("");
setIstZugfahrzeug(false);
await onGeaendert();
} catch {
onFehler("Objekttyp konnte nicht angelegt werden.");
@@ -82,6 +89,14 @@ export function ObjekttypSection({ bereiche, kategorien, objekttypen, onGeaender
</div>
<div className="row">
<input className="input" value={name} onChange={(e) => setName(e.target.value)} placeholder="Name" />
<label className="row" style={{ alignItems: "center", gap: "0.4rem" }}>
<input
type="checkbox"
checked={istZugfahrzeug}
onChange={(e) => setIstZugfahrzeug(e.target.checked)}
/>
Zugfahrzeug (koppelbar)
</label>
<button className="btn btn-primary" onClick={anlegen} disabled={!name || wirdAngelegt}>
Anlegen
</button>
@@ -99,6 +114,14 @@ export function ObjekttypSection({ bereiche, kategorien, objekttypen, onGeaender
value={bearbeitungsName}
onChange={(e) => setBearbeitungsName(e.target.value)}
/>
<label className="row" style={{ alignItems: "center", gap: "0.4rem" }}>
<input
type="checkbox"
checked={bearbeitungsZugfahrzeug}
onChange={(e) => setBearbeitungsZugfahrzeug(e.target.checked)}
/>
Zugfahrzeug
</label>
<button className="btn btn-primary" onClick={() => speichern(o.id)}>
Speichern
</button>
@@ -108,7 +131,10 @@ export function ObjekttypSection({ bereiche, kategorien, objekttypen, onGeaender
</div>
) : (
<>
<span>{o.name}</span>
<span>
{o.name}
{o.ist_zugfahrzeug && <span className="text-muted"> (Zugfahrzeug)</span>}
</span>
<button className="btn btn-secondary" onClick={() => bearbeiten(o)}>
Bearbeiten
</button>