feat: Detailansicht auf dynamische Redux-Datenquellen umgestellt

- DetailModal.tsx überarbeitet, um Redux-Daten je nach ausgewähltem Key (+5V, +15V, -15V, -98V, ADC Temp, CPU Temp) anzuzeigen
- Zeitraum-Auswahl (DIA0, DIA1, DIA2) wird berücksichtigt und löst passenden Thunk aus
- Redux-State-Struktur vollständig integriert für Systemspannungen und Temperaturen
- Chart-Anzeige jetzt dynamisch und erweiterbar

.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.535
+NEXT_PUBLIC_APP_VERSION=1.6.537
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.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.535
+NEXT_PUBLIC_APP_VERSION=1.6.537
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,13 @@
+## [1.6.537] – 2025-07-03
+
+- feat: APIs erstellt für Systemspannungen
+
+---
+## [1.6.536] – 2025-07-03
+
+- feat: APIs erstellt für Systemspannungen
+
+---
 ## [1.6.535] – 2025-07-03
 
 - feat: in System 5 Volt DIA0, DIA1 und DIA2 in dropdown anzeigen

components/main/system/DetailModal.tsx

@@ -13,6 +13,8 @@ type Props = {
   setZeitraum: (typ: "DIA0" | "DIA1" | "DIA2") => void;
 };
 
+type ReduxDataEntry = { t: string; i: number };
+
 export const DetailModal = ({
   isOpen,
   selectedKey,
@@ -20,22 +22,27 @@ export const DetailModal = ({
   zeitraum,
   setZeitraum,
 }: Props) => {
-  const typMap: Record<string, "DIA0" | "DIA1" | "DIA2"> = {
-    "+5V": zeitraum,
-    "+15V": zeitraum,
-    "-15V": zeitraum,
-    "-98V": zeitraum,
-  };
+  const reduxData: ReduxDataEntry[] = useSelector((state: RootState) => {
+    switch (selectedKey) {
+      case "+5V":
+        return state.systemspannung5Vplus[zeitraum] as ReduxDataEntry[];
+      case "+15V":
+        return state.systemspannung15Vplus[zeitraum] as ReduxDataEntry[];
+      case "-15V":
+        return state.systemspannung15Vminus[zeitraum] as ReduxDataEntry[];
+      case "-98V":
+        return state.systemspannung98Vminus[zeitraum] as ReduxDataEntry[];
+      case "ADC Temp":
+        return state.temperaturAdWandler[zeitraum] as ReduxDataEntry[];
+      case "CPU Temp":
+        return state.temperaturProzessor[zeitraum] as ReduxDataEntry[];
+      default:
+        return [] as ReduxDataEntry[];
+    }
+  });
 
-  const typ = selectedKey ? typMap[selectedKey] : null;
-  type ReduxDataItem = { t: string; i: number };
-
-  const reduxData = useSelector((state: RootState) =>
-    typ ? (state.systemspannung5Vplus[typ] as ReduxDataItem[]) : []
-  );
-
-  const labels = reduxData.map((e: ReduxDataItem) => e.t);
-  const values = reduxData.map((e: ReduxDataItem) => e.i);
+  const labels = reduxData.map((e: ReduxDataEntry) => e.t);
+  const values = reduxData.map((e: ReduxDataEntry) => e.i);
 
   const baseOptions = {
     responsive: true,
@@ -61,7 +68,7 @@ export const DetailModal = ({
 
   return (
     <div className="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center z-50">
-      <div className="bg-white p-6 rounded-xl w-[90%] max-w-[1200px] h-[80vh] overflow-auto shadow-2xl">
+      <div className="bg-white p-6 rounded-xl w-[50%]  h-[60%] overflow-auto shadow-2xl">
         <div className="flex justify-between items-center mb-4">
           <h2 className="text-xl font-semibold">
             Detailansicht: {selectedKey}
@@ -86,7 +93,7 @@ export const DetailModal = ({
           </select>
         </div>
 
-        <div className="h-[500px]">
+        <div className="h-[85%]">
           <Line
             data={{
               labels,

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.535",
+  "version": "1.6.537",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.535",
+      "version": "1.6.537",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@iconify-icons/ri": "^1.2.10",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.535",
+  "version": "1.6.537",
   "private": true,
   "scripts": {
     "dev": "next dev",

pages/system.tsx

@@ -9,6 +9,11 @@ import { SystemCharts } from "@/components/main/system/SystemCharts";
 import { DetailModal } from "@/components/main/system/DetailModal";
 import type { HistoryEntry } from "@/components/main/system/SystemCharts";
 import { getSystemspannung5VplusThunk } from "@/redux/thunks/getSystemspannung5VplusThunk";
+import { getSystemspannung15VplusThunk } from "@/redux/thunks/getSystemspannung15VplusThunk";
+import { getSystemspannung15VminusThunk } from "@/redux/thunks/getSystemspannung15VminusThunk";
+import { getSystemspannung98VminusThunk } from "@/redux/thunks/getSystemspannung98VminusThunk";
+import { getTemperaturAdWandlerThunk } from "@/redux/thunks/getTemperaturAdWandlerThunk";
+import { getTemperaturProzessorThunk } from "@/redux/thunks/getTemperaturProzessorThunk";
 
 const SystemPage = () => {
   const dispatch = useDispatch<AppDispatch>();
@@ -35,6 +40,11 @@ const SystemPage = () => {
 
   useEffect(() => {
     dispatch(getSystemspannung5VplusThunk(zeitraum));
+    dispatch(getSystemspannung15VplusThunk(zeitraum));
+    dispatch(getSystemspannung15VminusThunk(zeitraum));
+    dispatch(getSystemspannung98VminusThunk(zeitraum));
+    dispatch(getTemperaturAdWandlerThunk(zeitraum));
+    dispatch(getTemperaturProzessorThunk(zeitraum));
   }, [dispatch, zeitraum]);
 
   const handleOpenDetail = (key: string) => {