refactor: rename einausgange to digitalOtputs and digitalInputs
This commit is contained in:
@@ -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";
|
||||
@@ -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";
|
||||
@@ -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({
|
||||
@@ -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";
|
||||
@@ -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
|
||||
```
|
||||
Reference in New Issue
Block a user