From bc554d34742be843c39aab9f7946d157a521697e Mon Sep 17 00:00:00 2001 From: ISA Date: Wed, 23 Jul 2025 13:16:57 +0200 Subject: [PATCH] feat: Add cursor wait during chart data loading - Implemented cursor wait state while chart data is being loaded in `AnalogInputsChart.tsx`. - Fixed missing dependencies in `useEffect` and defined `loading` state. - Updated `handleFetchData` to manage --- .env.development | 2 +- .env.production | 2 +- CHANGELOG.md | 10 ++++++++++ components/main/analogInputs/AnalogInputsChart.tsx | 11 ++++++++--- docs/TODO.md | 2 +- package-lock.json | 4 ++-- package.json | 2 +- 7 files changed, 24 insertions(+), 9 deletions(-) diff --git a/.env.development b/.env.development index 8c47dad..241d8a9 100644 --- a/.env.development +++ b/.env.development @@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false NEXT_PUBLIC_EXPORT_STATIC=false NEXT_PUBLIC_USE_CGI=false # App-Versionsnummer -NEXT_PUBLIC_APP_VERSION=1.6.634 +NEXT_PUBLIC_APP_VERSION=1.6.636 NEXT_PUBLIC_CPL_MODE=json # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter) diff --git a/.env.production b/.env.production index 2c0c1aa..1b8faf7 100644 --- a/.env.production +++ b/.env.production @@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL NEXT_PUBLIC_EXPORT_STATIC=true NEXT_PUBLIC_USE_CGI=true # App-Versionsnummer -NEXT_PUBLIC_APP_VERSION=1.6.634 +NEXT_PUBLIC_APP_VERSION=1.6.636 NEXT_PUBLIC_CPL_MODE=production \ No newline at end of file diff --git a/CHANGELOG.md b/CHANGELOG.md index c1ce8af..9d7eaa6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,13 @@ +## [1.6.636] – 2025-07-23 + +- Isolationsfehler in Display anzeigen -> aktuell Zahl ist rot ohne Beschrifftung , es soll Zahl ISO MOhm und Isolationsfehler + +--- +## [1.6.635] – 2025-07-23 + +- Isolationsfehler in Display anzeigen -> aktuell Zahl ist rot ohne Beschrifftung , es soll Zahl ISO MOhm und Isolationsfehler + +--- ## [1.6.634] – 2025-07-23 - Isolationsfehler in Display anzeigen -> aktuell Zahl ist rot ohne Beschrifftung , es soll Zahl ISO MOhm und Isolationsfehler diff --git a/components/main/analogInputs/AnalogInputsChart.tsx b/components/main/analogInputs/AnalogInputsChart.tsx index 5342242..340bcf0 100644 --- a/components/main/analogInputs/AnalogInputsChart.tsx +++ b/components/main/analogInputs/AnalogInputsChart.tsx @@ -53,7 +53,7 @@ export default function AnalogInputsChart() { }, []); const dispatch = useDispatch(); - const chartRef = useRef(null); + const chartRef = useRef(null); // Specify Line type for chartRef // Redux Werte für Chart-Daten const { zeitraum, vonDatum, bisDatum, data, autoLoad, selectedId } = @@ -114,10 +114,15 @@ export default function AnalogInputsChart() { setLocalBisDatum(to); }; + // Define loading state + const [loading, setLoading] = React.useState(false); + // ✅ Button → Redux + Fetch triggern const handleFetchData = () => { if (!selectedAnalogInput?.id) return; + setLoading(true); // Set loading to true when fetching data + // Fallback auf Redux-Werte, falls lokale Werte leer sind const from = localVonDatum || vonDatumRedux || ""; const to = localBisDatum || bisDatumRedux || ""; @@ -154,7 +159,7 @@ export default function AnalogInputsChart() { vonDatum: from, bisDatum: to, }) - ); + ).finally(() => setLoading(false)); // Reset loading after fetch }; // Auto-trigger fetch when a row is selected and id is not 0 (only once per selection) @@ -347,7 +352,7 @@ export default function AnalogInputsChart() { }, []); return ( -
+
{/* ✅ Neuer DatePicker mit schönem Styling (lokal, ohne Redux) */} aktuell Zahl ist rot ohne Beschrifftung , es soll Zahl ISO MOhm und Isolationsfehler - [x] TODO: Kilometer Km -> km kleingeschrieben 1000, 1024 wird Großgeschrieben Kilobyte Kb -- [ ] TODO: Messwerteingänge Mouse couror wait beim laden, damit der user etwas wartet +- [x] TODO: Messwerteingänge Mouse couror wait beim laden, damit der user etwas wartet - [ ] TODO: In KÜ, unter KÜ Balken/Bereich für Scheleife, Bereich für TDR wenn aktiv ist und Bereich für KVz wenn aktive ist - [ ] TODO: Bei alle Messkurven Mouse couror :wait implementieren, während das laden diff --git a/package-lock.json b/package-lock.json index 1abc869..1a17294 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cpl-v4", - "version": "1.6.634", + "version": "1.6.636", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "cpl-v4", - "version": "1.6.634", + "version": "1.6.636", "dependencies": { "@fontsource/roboto": "^5.1.0", "@headlessui/react": "^2.2.4", diff --git a/package.json b/package.json index 894757f..850edb7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cpl-v4", - "version": "1.6.634", + "version": "1.6.636", "private": true, "scripts": { "dev": "next dev",