diff --git a/hooks/useLineData - Kopie.js b/hooks/useLineData - Kopie.js deleted file mode 100644 index 02b7af93b..000000000 --- a/hooks/useLineData - Kopie.js +++ /dev/null @@ -1,64 +0,0 @@ -// /hooks/useLineData.js -import { useEffect, useState } from "react"; -import { SERVER_URL } from "../config/urls"; - -const useLineData = (webserviceGisLinesStatusUrl, setLineStatusData) => { - const [lineColors, setLineColors] = useState({}); - const [tooltipContents, setTooltipContents] = useState({}); - - useEffect(() => { - const fetchData = async () => { - try { - const response1 = await fetch(webserviceGisLinesStatusUrl); - const data1 = await response1.json(); - const response2 = await fetch(`${SERVER_URL}:3000/api/talas_v5_DB/gisLines/readGisLines`); - const data2 = await response2.json(); - - const colorsByModule = {}; - const newTooltipContents = {}; - const reversedData = data1.Statis ? data1.Statis.reverse() : []; - reversedData.forEach((stat) => { - const matchingLine = data2.find((item) => item.idLD === stat.IdLD && item.idModul === stat.Modul); - if (matchingLine) { - // Check if PrioColor is #ffffff and change it to green - const prioColor = stat.PrioColor === "#ffffff" ? "green" : stat.PrioColor; - - colorsByModule[matchingLine.idModul] = prioColor; - newTooltipContents[matchingLine.idModul] = ` -
- ${stat.ModulName || "Unknown"} -
- ${stat.ModulTyp || "N/A"} -
- Slot: ${stat.Modul || "N/A"} -
-
- - ${stat.Message || "N/A"} -
- (${stat.PrioName || "N/A"}) -
-
- ${stat.DpName || "N/A"} - : ${stat.Value || "N/A"} -
-
- `; - } - }); - - setLineColors(colorsByModule); - setTooltipContents(newTooltipContents); - setLineStatusData(reversedData); - } catch (error) { - console.error("Error fetching data:", error); - } - }; - - fetchData(); - }, [webserviceGisLinesStatusUrl, setLineStatusData]); - - return { lineColors, tooltipContents }; -}; - -export default useLineData; diff --git a/hooks/useLineData - stationname.js b/hooks/useLineData - stationname.js deleted file mode 100644 index e19365b54..000000000 --- a/hooks/useLineData - stationname.js +++ /dev/null @@ -1,93 +0,0 @@ -// /hooks/useLineData.js -import { useEffect, useState } from "react"; -import { SERVER_URL } from "../config/urls"; - -const useLineData = (webserviceGisLinesStatusUrl, setLineStatusData) => { - const [lineColors, setLineColors] = useState({}); - const [tooltipContents, setTooltipContents] = useState({}); - const [locationDevices, setLocationDevices] = useState([]); - - // Funktion zum Abrufen der Stationsnamen - useEffect(() => { - const fetchLocationDevices = async () => { - try { - const response = await fetch(`${process.env.NEXT_PUBLIC_SERVER_URL}:3000/api/talas_v5_DB/station/getStationNameByIdLD`); - const data = await response.json(); - setLocationDevices(data); - console.log("Stationen namen:", data); - } catch (error) { - console.error("Fehler beim Abrufen der Stationen:", error); - } - }; - - fetchLocationDevices(); - }, []); - - useEffect(() => { - const fetchData = async () => { - try { - const response1 = await fetch(webserviceGisLinesStatusUrl); - const data1 = await response1.json(); - const response2 = await fetch(`${SERVER_URL}:3000/api/talas_v5_DB/gisLines/readGisLines`); - const data2 = await response2.json(); - - const colorsByModule = {}; - const newTooltipContents = {}; - const reversedData = data1.Statis ? data1.Statis.reverse() : []; - - reversedData.forEach((stat) => { - // Finden der passenden Linie - const matchingLine = data2.find((item) => item.idLD === stat.IdLD && item.idModul === stat.Modul); - - if (matchingLine) { - // Ermitteln der Farbe basierend auf PrioColor - const prioColor = stat.PrioColor === "#ffffff" ? "green" : stat.PrioColor; - colorsByModule[matchingLine.idModul] = prioColor; - - // Finden des passenden Stationsnamens - const locationDevice = locationDevices.find((device) => device.idLD === stat.IdLD); - - newTooltipContents[matchingLine.idModul] = ` -
- ${stat.ModulName || "Unknown"} -
- Station: ${locationDevice ? locationDevice.name : "Unbekannt"} -
- ${stat.ModulTyp || "N/A"} -
- Slot: ${stat.Modul || "N/A"} -
-
- - ${stat.Message || "N/A"} -
- (${stat.PrioName || "N/A"}) -
-
- ${stat.DpName || "N/A"} - : ${stat.Value || "N/A"} -
-
- `; - } - }); - - setLineColors(colorsByModule); - setTooltipContents(newTooltipContents); - setLineStatusData(reversedData); - } catch (error) { - console.error("Error fetching data:", error); - } - }; - - fetchData(); - - const interval = setInterval(fetchData, 300000); // 300000 ms = 5 Minuten - - return () => clearInterval(interval); - }, [webserviceGisLinesStatusUrl, setLineStatusData, locationDevices]); - - return { lineColors, tooltipContents }; -}; - -export default useLineData; diff --git a/hooks/useLineData copy.js b/hooks/useLineData copy.js deleted file mode 100644 index 4dd0c7cc5..000000000 --- a/hooks/useLineData copy.js +++ /dev/null @@ -1,166 +0,0 @@ -// /hooks/useLineData.js -import { useEffect, useState } from "react"; -import { SERVER_URL } from "../config/urls"; - -const useLineData = (webserviceGisLinesStatusUrl, setLineStatusData) => { - const [lineColors, setLineColors] = useState({}); - const [tooltipContents, setTooltipContents] = useState({}); - - useEffect(() => { - const fetchData = async () => { - try { - console.log("Daten werden abgerufen..."); - const response1 = await fetch(webserviceGisLinesStatusUrl); - const data1 = await response1.json(); - console.log("Daten vom Webservice:", data1); - const response2 = await fetch(`${SERVER_URL}:3000/api/talas_v5_DB/gisLines/readGisLines`); - const data2 = await response2.json(); - console.log("GIS Linien Daten:", data2); - - // Abrufen der Namen basierend auf idLD - const response3 = await fetch(`${SERVER_URL}:3000/api/talas_v5_DB/station/getAllStationsNames`); - const namesData = await response3.json(); - console.log("Namen der Linien:", namesData); - - const colorsByModule = {}; - const newTooltipContents = {}; - const valueMap = {}; - - logGroupedData(data1.Statis); - - data1.Statis.forEach((statis) => { - const key = `${statis.IdLD}-${statis.Modul}`; - if (!valueMap[key]) { - valueMap[key] = { - messages: [], - messwert: undefined, - schleifenwert: undefined, - }; - } - if (statis.DpName.endsWith("_Messwert") && statis.Value !== "True" && !valueMap[key].messwert) { - valueMap[key].messwert = statis.Value; - } - if (statis.DpName.endsWith("_Schleifenwert") && !valueMap[key].schleifenwert) { - valueMap[key].schleifenwert = statis.Value; - } - if (statis.Message && statis.Message !== "?") { - valueMap[key].messages.push(statis.Message); - } - }); - - data1.Statis.reverse().forEach((statis) => { - const matchingLine = data2.find((item) => item.idLD === statis.IdLD && item.idModul === statis.Modul); - if (matchingLine) { - const prioColor = statis.PrioColor === "#ffffff" ? "green" : statis.PrioColor; - const key = `${matchingLine.idLD}-${matchingLine.idModul}`; // Sicherstellen, dass der Key eindeutig ist - const values = valueMap[key]; - - if (!values) { - console.error(`No values found for key: ${key}`); // Debug: Überprüfe, ob Werte existieren - return; - } - - const messageDisplay = values.messages.map((msg) => (msg ? `${msg}
` : "")).join(""); - const prioNameDisplay = statis.PrioName && statis.PrioName !== "?" ? `(${statis.PrioName})` : ""; - - colorsByModule[key] = prioColor; // Stelle sicher, dass der Key richtig verwendet wird - newTooltipContents[key] = ` -
- ${statis.ModulName || "Unknown"} -
- ${statis.ModulTyp || "N/A"} -
- Slot: ${statis.Modul || "N/A"} -
- Station: ${namesData[matchingLine.idLD] || "N/A"} -
-
- - ${messageDisplay} -
- ${prioNameDisplay} -
- ${values.messwert ? `Messwert: ${values.messwert}
` : ""} - ${values.schleifenwert ? `Schleifenwert: ${values.schleifenwert}` : ""} -
- `; - } - }); - - setLineColors(colorsByModule); - setTooltipContents(newTooltipContents); - setLineStatusData(data1.Statis); - } catch (error) { - console.error("Fehler beim Abrufen der Daten:", error); - } - }; - - fetchData(); - }, [webserviceGisLinesStatusUrl, setLineStatusData]); - - return { lineColors, tooltipContents }; -}; - -function logGroupedData(statisList) { - const grouped = statisList.reduce((acc, item) => { - const { IdLD, Modul, Level, PrioColor, PrioName, ModulName, ModulTyp, Message, DpName, Value } = item; - - if (!acc[IdLD]) { - acc[IdLD] = {}; - } - - if (!acc[IdLD][Modul]) { - acc[IdLD][Modul] = { - ModulName: ModulName || "Unknown", - ModulTyp: ModulTyp || "N/A", - TotalLevel: Level, - PrioColors: new Set(), - PrioNames: new Set(), - Messages: [], - Messwert: undefined, - Schleifenwert: undefined, - }; - } - - acc[IdLD][Modul].PrioColors.add(PrioColor); - acc[IdLD][Modul].PrioNames.add(PrioName); - if (Message && Message !== "?") { - acc[IdLD][Modul].Messages.push(Message); - } - - if (DpName.endsWith("_Messwert") && !acc[IdLD][Modul].Messwert) { - acc[IdLD][Modul].Messwert = Value; - } - - if (DpName.endsWith("_Schleifenwert") && !acc[IdLD][Modul].Schleifenwert) { - acc[IdLD][Modul].Schleifenwert = Value; - } - - return acc; - }, {}); - - const formattedData = {}; - Object.entries(grouped).forEach(([stationId, modules]) => { - const filteredModules = Object.entries(modules) - .filter(([modulId, data]) => data.ModulName !== "?") - .map(([modulId, data]) => ({ - Modul: modulId, - ModulName: data.ModulName, - ModulTyp: data.ModulTyp, - TotalLevel: data.TotalLevel, - PrioColors: Array.from(data.PrioColors).join(", "), - PrioNames: Array.from(data.PrioNames).join(", "), - Messages: data.Messages.join(" | "), - Messwert: data.Messwert, - Schleifenwert: data.Schleifenwert, - })); - - if (filteredModules.length > 0) { - formattedData[stationId] = filteredModules; - } - }); - - console.log("Aggregierte und gruppierte Daten (gefiltert):", formattedData); -} - -export default useLineData;