feat: Verbesserung der Slot-Auswahl und Chart-Steuerung
- `selectedSlot` in `kueChartModeSlice.ts` hinzugefügt, um den aktiven Slot zu speichern. - `handleButtonClick.ts` aktualisiert, damit `selectedSlot` in Redux gesetzt wird. - `handleOpenChartModal.ts` angepasst, sodass `selectedSlot` beim Öffnen des Modals gesetzt wird. - `Kue705FO.tsx` nutzt jetzt Redux für die Slot- und Modus-Steuerung (`selectedSlot`, `activeMode`). - Redux-Logik optimiert: `selectedSlot` wird nun konsistent zwischen `TDRChart.tsx` und `ChartSwitcher.tsx` genutzt. - Verbesserung der Benutzererfahrung: Nur `onClick` verwendet, `onMouseOver` wegen Performance-Problemen vermieden. ✅ Jetzt wird der richtige Slot in Redux gespeichert, wenn ein Button oder das Chart-Modal geöffnet wird. ✅ `TDRChart.tsx` zeigt nur das gewählte Modul an, kein unnötiges Neuladen von Daten. ✅ Stabile und optimierte Chart-Steuerung ohne ungewollte Änderungen durch Mausbewegungen.
This commit is contained in:
@@ -21,7 +21,7 @@ export const fetchAnalogeEingaenge = async () => {
|
||||
const apiUrl = getApiUrl();
|
||||
if (!apiUrl) return null; // ❌ Falls SSR aktiv ist, nicht ausführen
|
||||
|
||||
console.log(`📡 API-Request an: ${apiUrl}`);
|
||||
// console.log(`📡 API-Request an: ${apiUrl}`);
|
||||
|
||||
const response = await fetch(apiUrl);
|
||||
if (!response.ok) {
|
||||
@@ -29,7 +29,7 @@ export const fetchAnalogeEingaenge = async () => {
|
||||
}
|
||||
|
||||
const rawData = await response.text();
|
||||
console.log("✅ Rohdaten erfolgreich geladen:", rawData);
|
||||
//console.log("✅ Rohdaten erfolgreich geladen:", rawData);
|
||||
|
||||
// **JavaScript-Variablen als Skript einfügen**
|
||||
const script = document.createElement("script");
|
||||
@@ -53,7 +53,7 @@ export const fetchAnalogeEingaenge = async () => {
|
||||
}
|
||||
}
|
||||
|
||||
console.log("✅ Formatierte Daten:", formattedData);
|
||||
// console.log("✅ Formatierte Daten:", formattedData);
|
||||
return formattedData;
|
||||
} catch (error) {
|
||||
console.error("❌ Fehler beim Laden der analogen Eingänge:", error);
|
||||
|
||||
@@ -20,14 +20,14 @@ export const fetchDigitaleEingaenge = async () => {
|
||||
const apiUrl = getApiUrl();
|
||||
if (!apiUrl) return null;
|
||||
|
||||
console.log(`📡 API-Request an: ${apiUrl}`);
|
||||
// console.log(`📡 API-Request an: ${apiUrl}`);
|
||||
const response = await fetch(apiUrl);
|
||||
if (!response.ok) {
|
||||
throw new Error(`❌ Fehler: ${response.status} ${response.statusText}`);
|
||||
}
|
||||
|
||||
const rawData = await response.text();
|
||||
console.log("✅ Rohdaten erfolgreich geladen:", rawData);
|
||||
// console.log("✅ Rohdaten erfolgreich geladen:", rawData);
|
||||
|
||||
// **JavaScript-Variablen als Skript einfügen**
|
||||
const script = document.createElement("script");
|
||||
@@ -43,7 +43,7 @@ export const fetchDigitaleEingaenge = async () => {
|
||||
flutter: win_flutter[index] || 0,
|
||||
}));
|
||||
|
||||
console.log("✅ Formatierte Daten:", formattedData);
|
||||
// console.log("✅ Formatierte Daten:", formattedData);
|
||||
return formattedData;
|
||||
} catch (error) {
|
||||
console.error("❌ Fehler beim Laden der digitalen Eingänge:", error);
|
||||
|
||||
Reference in New Issue
Block a user