feat(objekt): Zugfahrzeug-Flag am Objekttyp + Leitungs-Dashboard-Kacheln
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:
@@ -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}>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user