ISO, RSL, TDR, und KVZ Modal nach Wünsch angepasst für KÜs

This commit is contained in:
ISA
2025-08-11 14:24:03 +02:00
parent 06aa3c8f3e
commit bc20f3869d
11 changed files with 287 additions and 21 deletions

View File

@@ -34,6 +34,9 @@ const KVZChartView: React.FC<KVZChartViewProps> = ({
const isFullScreen = useSelector(
(state: RootState) => state.kabelueberwachungChartSlice.isFullScreen
);
const slotNumber = useSelector(
(state: RootState) => state.kabelueberwachungChartSlice.slotNumber
);
// Beim Öffnen Slot setzen (damit konsistent zu anderen Modals)
useEffect(() => {
@@ -129,14 +132,20 @@ const KVZChartView: React.FC<KVZChartViewProps> = ({
<h3 className="text-lg font-semibold mb-1">KVz Zustände & Meldungen</h3>
{/* LED Bereich */}
<div className="w-full flex justify-start mb-4">
<div className="w-full flex justify-between mb-4">
<div className="flex items-center">
<label className="text-sm font-semibold">
{slotNumber !== null ? slotNumber + 1 : "-"}
</label>
</div>
<div style={{ width: "12rem" }}>
<FallSensors slotIndex={slotIndex} />
</div>
<div></div>
</div>
{/* Meldungen Bereich */}
<div className="flex-1 border rounded bg-white overflow-hidden">
<Report />
<Report moduleType="KVZ" />
</div>
</div>
</ReactModal>