WIP: analoge Eingänge von Slice bekommen
This commit is contained in:
@@ -11,16 +11,14 @@ export default function AnalogeEingaengeTable() {
|
||||
(state: RootState) => state.analogeEingaenge
|
||||
);
|
||||
|
||||
console.log("Aktuelle Redux-Daten:", analogeEingaenge); // 🔍 Prüfen, ob Redux wirklich aktualisiert wird
|
||||
|
||||
return (
|
||||
<div className="w-full">
|
||||
{/* Card Container */}
|
||||
<div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
|
||||
{/* Card Title */}
|
||||
<h2 className="text-lg md:text-xl font-semibold mb-4 text-gray-700">
|
||||
Analoge Eingänge
|
||||
</h2>
|
||||
|
||||
{/* Tabelle in einem Scroll-Container für kleine Screens */}
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full border-collapse border border-gray-300 text-sm md:text-base">
|
||||
<thead>
|
||||
|
||||
@@ -7,7 +7,7 @@ import {
|
||||
} from "../../../../redux/slices/analogeEingaengeSlice";
|
||||
|
||||
export const useFetchAnalogeEingaenge = () => {
|
||||
const dispatch = useAppDispatch(); // ✅ Verwende die App-Dispatch-Funktion
|
||||
const dispatch = useAppDispatch(); // ✅ Verwende typisierten Dispatch
|
||||
|
||||
useEffect(() => {
|
||||
dispatch(loadFromWindow()); // Initial Mock-Daten aus `window` laden
|
||||
|
||||
@@ -6,5 +6,5 @@
|
||||
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
||||
|
||||
*/
|
||||
const webVersion = "1.6.117";
|
||||
const webVersion = "1.6.118";
|
||||
export default webVersion;
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
// public/CPLmockData/SERVICE/ae.js
|
||||
var win_analogeEingaenge1 = [1, 0, "Sensor1", 1, 1, 0, 1]; // Eingang 1
|
||||
var win_analogeEingaenge2 = [2, 22.91, "Feuchtigkeit", 1, 1, 1, 0]; // Eingang 2
|
||||
var win_analogeEingaenge3 = [3, 0, "----", 1, 1, 0, 1]; // Eingang 3
|
||||
var win_analogeEingaenge4 = [4, 0, "----", 1, 1, 0, 1]; // Eingang 4
|
||||
var win_analogeEingaenge3 = [3, 0, "Test", 1, 1, 0, 1]; // Eingang 3
|
||||
var win_analogeEingaenge4 = [4, 0, "test2", 1, 1, 0, 1]; // Eingang 4
|
||||
var win_analogeEingaenge5 = [5, 0, "----", 1, 1, 0, 1]; // Eingang 5
|
||||
var win_analogeEingaenge6 = [6, 21, "Temperatur", 1, 1, 0, 1]; // Eingang 6
|
||||
var win_analogeEingaenge7 = [7, 0, "----", 1, 1, 1, 0]; // Eingang 7
|
||||
var win_analogeEingaenge8 = [8, 0, "----", 1, 1, 0, 1]; // Eingang 8
|
||||
var win_analogeEingaenge8 = [8, 0, "Test", 1, 1, 0, 1]; // Eingang 8
|
||||
|
||||
/*
|
||||
ID (z. B. 1, 2, ... 8) → Identifikation des Eingangs
|
||||
|
||||
@@ -41,7 +41,7 @@ const initialState: AnalogeEingaengeState = {
|
||||
// Dynamisch Mock-Daten aus `window` abrufen
|
||||
export const loadFromWindow = createAsyncThunk(
|
||||
"analogeEingaenge/loadFromWindow",
|
||||
async () => {
|
||||
async (_, { dispatch }) => {
|
||||
const data: Partial<AnalogeEingaengeState> = {};
|
||||
|
||||
for (let i = 1; i <= 8; i++) {
|
||||
@@ -61,6 +61,7 @@ export const loadFromWindow = createAsyncThunk(
|
||||
}
|
||||
}
|
||||
|
||||
dispatch(setAnalogeEingaenge(data)); // ✅ Redux direkt aktualisieren
|
||||
return data;
|
||||
}
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user