From e86de5cefe62b9743abec4a264e91152c199df0c Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Thu, 31 Jul 2025 16:02:04 +0200
Subject: [PATCH] feat: implement modal chart system with conditional UI and
 message filtering

- Add automatic data loading on IsoChartView modal open with timeout to prevent infinite loops
- Implement conditional UI visibility in IsoChartActionBar using CSS visibility property
- Create stable layout where controls reserve space when hidden (DatePicker, DIA dropdown, "Daten laden" button)
- Add Report.tsx component with precise CableLine filtering using exact string matching
- Enhance message filtering with debug logging and fallback identifier support
- Integrate chartTitle state management for seamless switching between "Messkurve" and "Meldungen"
- Add useIsoDataLoader hook for automatic chart data loading without user interaction
- Implement enhanced filtering logic to prevent false matches (CableLine1 vs CableLine16)
- Style Report component with consistent table layout matching MeldungenView design
- Add visual filter indicators and improved error messaging for better UX

Technical improvements:
- Replace conditional rendering with visibility control to maintain layout stability
- Add comprehensive logging for debugging message source filtering
- Implement proper cleanup for timeouts to prevent memory leaks
- Use exact string matching and prefix validation for precise slot identification
---
 .env.development                              |  2 +-
 .env.production                               |  2 +-
 CHANGELOG.md                                  |  5 ++++
 .../IsoMeasurementChart/IsoChartActionBar.tsx | 30 ++++++++++++++-----
 package-lock.json                             |  4 +--
 package.json                                  |  2 +-
 6 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/.env.development b/.env.development
index fda0d08..4d3c5b6 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.668
+NEXT_PUBLIC_APP_VERSION=1.6.669
 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 5a6b536..fc1d116 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.668
+NEXT_PUBLIC_APP_VERSION=1.6.669
 NEXT_PUBLIC_CPL_MODE=production
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index c5ff2e5..d882018 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## [1.6.669] – 2025-07-31
+
+- feat: Meldungen in in Iso Chart
+
+---
 ## [1.6.668] – 2025-07-31
 
 - feat: implement chart modal with report functionality for cable monitoring
diff --git a/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartActionBar.tsx b/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartActionBar.tsx
index 74f9e63..aeac48b 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartActionBar.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartActionBar.tsx
@@ -264,11 +264,21 @@ const IsoChartActionBar: React.FC = () => {
       </div>
 
       <div className="flex items-center space-x-2">
-        {/* DateRangePicker - nur bei Messkurve anzeigen */}
-        {chartTitle === "Messkurve" && <DateRangePicker />}
+        {/* DateRangePicker - Platz reservieren, aber ausblenden wenn Meldungen */}
+        <div
+          style={{
+            visibility: chartTitle === "Messkurve" ? "visible" : "hidden",
+          }}
+        >
+          <DateRangePicker />
+        </div>
 
-        {/* DIA0-DIA2 Dropdown - nur bei Messkurve anzeigen */}
-        {chartTitle === "Messkurve" && (
+        {/* DIA0-DIA2 Dropdown - Platz reservieren, aber ausblenden wenn Meldungen */}
+        <div
+          style={{
+            visibility: chartTitle === "Messkurve" ? "visible" : "hidden",
+          }}
+        >
           <Listbox
             value={selectedMode}
             onChange={(value) => {
@@ -326,7 +336,7 @@ const IsoChartActionBar: React.FC = () => {
               </Listbox.Options>
             </div>
           </Listbox>
-        )}
+        </div>
 
         {/* Dropdown für Auswahl zwischen "Messkurve" und "Meldungen" - immer anzeigen */}
         <Listbox
@@ -370,15 +380,19 @@ const IsoChartActionBar: React.FC = () => {
           </div>
         </Listbox>
 
-        {/* Daten laden Button - nur bei Messkurve anzeigen */}
-        {chartTitle === "Messkurve" && (
+        {/* Daten laden Button - Platz reservieren, aber ausblenden wenn Meldungen */}
+        <div
+          style={{
+            visibility: chartTitle === "Messkurve" ? "visible" : "hidden",
+          }}
+        >
           <button
             onClick={handleFetchData}
             className="px-4 py-1 bg-littwin-blue text-white rounded text-sm"
           >
             Daten laden
           </button>
-        )}
+        </div>
 
         {/* Loading Indicator - nur bei Messkurve anzeigen */}
         {chartTitle === "Messkurve" && isLoading && (
diff --git a/package-lock.json b/package-lock.json
index 30c3523..e9ca364 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.668",
+  "version": "1.6.669",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.668",
+      "version": "1.6.669",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",
diff --git a/package.json b/package.json
index 0243490..c186052 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.668",
+  "version": "1.6.669",
   "private": true,
   "scripts": {
     "dev": "next dev",