refactor: rename einausgange to digitalOtputs and digitalInputs

This commit is contained in:
ISA
2025-06-27 07:10:34 +02:00
parent b9651a53a9
commit c558b9b826
16 changed files with 36 additions and 69 deletions

View File

@@ -1,5 +1,5 @@
"use client";
// /components/main/einausgaenge/DigitalInputs.tsx
// /components/main/digitalOutputs/DigitalInputs.tsx
import React from "react";
import { useSelector } from "react-redux";
import { RootState } from "../../../redux/store";

View File

@@ -1,5 +1,5 @@
"use client";
// /components/main/einausgaenge/modals/InputModal.tsx
// /components/main/digitalInputs/InputModal.tsx
import React, { useEffect, useState } from "react";
import { useSelector, useDispatch } from "react-redux";
import { RootState } from "@/redux/store";

View File

@@ -1,7 +1,7 @@
"use client"; // /components/main/einausgaenge/modals/DigitalOutputsModal.tsx
"use client"; // /components/main/digitalOutputs/DigitalOutputsModal.tsx
import React, { useState, useEffect } from "react";
import { useSelector } from "react-redux";
import { RootState } from "../../../../redux/store";
import { RootState } from "@/redux/store";
import type { DigitalOutput } from "@/types/digitalOutput";
export default function DigitalOutputsModal({

View File

@@ -1,5 +1,5 @@
"use client";
// /components/main/einausgaenge/DigitalOutputsWidget.tsx
// /components/main/digitalOutputs/DigitalOutputsWidget.tsx
import React from "react";
import { useSelector, useDispatch } from "react-redux";
import { RootState, AppDispatch } from "../../../redux/store";

View File

@@ -1,43 +0,0 @@
### 🧩 Datenfluss CPLv4.0 Digitale Eingänge
```mermaid
classDiagram
class EmbeddedServer {
+ Generiert de.js per CGI
+ Ersetzt Platzhalter wie <%=DES81%>
+ Kein Node.js vorhanden
}
class DeJS {
+ JavaScript mit konkreten Werten
+ Beispiel: win_de_state, win_de_label
}
class FrontendLoader {
+ Lädt de.js dynamisch mit script-Tag
+ Pfad: /CPL?/CPL/SERVICE/de.js
}
class DatenMapper {
+ Wandelt window-Variablen in Objekte
+ Wandelt in strukturierte Eingangs-Daten
}
class ReduxStore {
+ digitalInputsSlice
+ Speichert die Eingänge im State
}
class ReactComponent {
+ DigitalInputs.tsx
+ useSelector: Zugriff auf Redux
+ Darstellung mit Tailwind
}
EmbeddedServer --> DeJS : erstellt per CGI
DeJS --> FrontendLoader : wird per Script geladen
FrontendLoader --> DatenMapper : verarbeitet window-Variablen
DatenMapper --> ReduxStore : dispatch(setInputs)
ReduxStore --> ReactComponent : useSelector() → Anzeige
```