-
+ {/* DateRangePicker - nur bei Messkurve anzeigen */}
+ {chartTitle === "Messkurve" &&
}
-
{
- dispatch(setSelectedMode(value));
- dispatch(setBrushRange({ startIndex: 0, endIndex: 0 }));
- }}
- >
-
-
-
- {
- {
- DIA0: "Alle Messwerte",
- DIA1: "Stündliche Werte",
- DIA2: "Tägliche Werte",
- }[selectedMode]
- }
-
-
-
-
- {["DIA0", "DIA1", "DIA2"].map((mode) => (
-
- `px-4 py-1 cursor-pointer ${
- selected
- ? "bg-littwin-blue text-white"
- : active
- ? "bg-gray-200"
- : ""
- }`
- }
- >
+ {/* DIA0-DIA2 Dropdown - nur bei Messkurve anzeigen */}
+ {chartTitle === "Messkurve" && (
+ {
+ dispatch(setSelectedMode(value));
+ dispatch(setBrushRange({ startIndex: 0, endIndex: 0 }));
+ }}
+ >
+
+
+
{
{
DIA0: "Alle Messwerte",
DIA1: "Stündliche Werte",
DIA2: "Tägliche Werte",
- }[mode]
+ }[selectedMode]
}
-
- ))}
-
-
-
+
+
+
+
+ {["DIA0", "DIA1", "DIA2"].map((mode) => (
+
+ `px-4 py-1 cursor-pointer ${
+ selected
+ ? "bg-littwin-blue text-white"
+ : active
+ ? "bg-gray-200"
+ : ""
+ }`
+ }
+ >
+ {
+ {
+ DIA0: "Alle Messwerte",
+ DIA1: "Stündliche Werte",
+ DIA2: "Tägliche Werte",
+ }[mode]
+ }
+
+ ))}
+
+
+ )}
- {/* Dropdown für Auswahl zwischen "Messkurve" und "Meldungen" */}
+ {/* Dropdown für Auswahl zwischen "Messkurve" und "Meldungen" - immer anzeigen */}
dispatch(setChartTitle(value))}
@@ -285,14 +370,18 @@ const IsoChartActionBar: React.FC = () => {
Lade Daten...
diff --git a/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartView.tsx b/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartView.tsx
index f4a781a..c6453a0 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartView.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartView.tsx
@@ -3,7 +3,7 @@
import React, { useEffect } from "react";
import ReactModal from "react-modal";
import IsoMeasurementChart from "./IsoMeasurementChart";
-import IsoChartActionBar from "./IsoChartActionBar";
+import IsoChartActionBar, { useIsoDataLoader } from "./IsoChartActionBar";
import Report from "./Report";
import { useSelector, useDispatch } from "react-redux";
import { AppDispatch } from "@/redux/store";
@@ -36,6 +36,7 @@ const IsoChartView: React.FC
= ({
slotIndex,
}) => {
const dispatch = useDispatch();
+ const { loadData } = useIsoDataLoader();
const { isFullScreen, chartTitle } = useSelector(
(state: RootState) => state.kabelueberwachungChartSlice
@@ -92,8 +93,18 @@ const IsoChartView: React.FC = ({
// Set default to Messkurve
dispatch(setChartTitle("Messkurve"));
+
+ // Automatisch Daten laden nach kurzer Verzögerung
+ // um sicherzustellen, dass alle Redux-States gesetzt sind
+ const timer = setTimeout(() => {
+ loadData();
+ }, 100);
+
+ // Cleanup timer
+ return () => clearTimeout(timer);
}
- }, [isOpen, slotIndex, dispatch]);
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [isOpen, slotIndex, dispatch]); // loadData bewusst ausgelassen um Endlosschleife zu vermeiden
return (
{
(allMessages: Meldung[], slot: number) => {
if (slot === null) return [];
- // Filter basierend auf der Quelle (i-Feld)
- return allMessages.filter((msg: Meldung) => {
- // Verschiedene mögliche Slot-Identifikationen
- const slotIdentifiers = [
- `CableLine${slot + 1}`,
+ // Primärer Filter: Exakte CableLineX Übereinstimmung (X = slot + 1)
+ const primaryIdentifier = `CableLine${slot + 1}`;
+
+ console.log(
+ `🔍 Filtere Nachrichten für Slot ${slot} (${primaryIdentifier}):`
+ );
+ console.log(`📥 Gesamt Nachrichten: ${allMessages.length}`);
+
+ // Debug: Zeige alle verfügbaren Quellen
+ const allSources = [...new Set(allMessages.map((msg) => msg.i))];
+ console.log(`📋 Alle verfügbaren Quellen:`, allSources);
+
+ // Filter basierend auf der Quelle (i-Feld) - EXAKTE Übereinstimmung
+ const filtered = allMessages.filter((msg: Meldung) => {
+ // Exakte Übereinstimmung: msg.i sollte genau "CableLineX" sein
+ const isExactMatch = msg.i === primaryIdentifier;
+
+ // Fallback: Falls die Quelle mehr Informationen enthält (z.B. "CableLine1_Sensor")
+ const isPartialMatch =
+ msg.i.startsWith(primaryIdentifier) &&
+ (msg.i === primaryIdentifier ||
+ msg.i.charAt(primaryIdentifier.length).match(/[^0-9]/));
+
+ const isMatch = isExactMatch || isPartialMatch;
+
+ if (isMatch) {
+ console.log(`✅ Gefunden: "${msg.i}" -> ${msg.m}`);
+ }
+ return isMatch;
+ });
+
+ console.log(
+ `📤 Gefilterte Nachrichten für ${primaryIdentifier}: ${filtered.length}`
+ );
+
+ // Falls keine Nachrichten mit CableLineX gefunden, versuche alternative Identifikatoren
+ if (filtered.length === 0) {
+ console.log(
+ `⚠️ Keine Nachrichten für ${primaryIdentifier} gefunden. Versuche alternative Identifikatoren...`
+ );
+
+ const alternativeIdentifiers = [
`Slot${slot + 1}`,
`KÜ${slot + 1}`,
`Kue${slot + 1}`,
@@ -45,8 +82,29 @@ const Report: React.FC = () => {
`Line${slot + 1}`,
];
- return slotIdentifiers.some((identifier) => msg.i.includes(identifier));
- });
+ const alternativeFiltered = allMessages.filter((msg: Meldung) => {
+ return alternativeIdentifiers.some((identifier) => {
+ const isExactMatch = msg.i === identifier;
+ const isPartialMatch =
+ msg.i.startsWith(identifier) &&
+ (msg.i === identifier ||
+ msg.i.charAt(identifier.length).match(/[^0-9]/));
+ const isMatch = isExactMatch || isPartialMatch;
+
+ if (isMatch) {
+ console.log(`🔄 Alternative gefunden: "${msg.i}" -> ${msg.m}`);
+ }
+ return isMatch;
+ });
+ });
+
+ console.log(
+ `📤 Alternative gefilterte Nachrichten: ${alternativeFiltered.length}`
+ );
+ return alternativeFiltered;
+ }
+
+ return filtered;
},
[]
);
@@ -107,25 +165,15 @@ const Report: React.FC = () => {
}
return (
-
-
-
- Meldungen für KÜ {slotNumber !== null ? slotNumber + 1 : "-"}
-
-
-
-
+
{filteredMessages.length === 0 ? (
-
- Keine Meldungen im gewählten Zeitraum gefunden.
+
+ Keine Meldungen für CableLine
+ {slotNumber !== null ? slotNumber + 1 : "-"} im gewählten Zeitraum
+ gefunden.
) : (
-
+
@@ -165,7 +213,7 @@ const Report: React.FC = () => {
)}
-
+
{filteredMessages.length} Meldung(en) gefunden