Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(analogeEingaenge): Einstellungs-Modal mit Offset, Faktor, Name, Loggerintervall + Speichern in Mock-Datei mit Kommentaren

Browse Source
This commit is contained in:
ISA
2025-05-02 10:34:03 +02:00
parent 668cdba80b
commit 732c9820b9
9 changed files with 297 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
View File

@@ -1,13 +1,19 @@
"use client";
"use client"; // /components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
import React, { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { RootState, AppDispatch } from "../../../redux/store";
import { fetchAnalogeEingaengeThunk } from "../../../redux/thunks/fetchAnalogeEingaengeThunk";
import { Icon } from "@iconify/react";
import settingsIcon from "@iconify/icons-mdi/settings";
export default function AnalogeEingaengeTable({
setSelectedId,
setSelectedInput,
setIsSettingsModalOpen,
}: {
setSelectedId: (id: number) => void;
setSelectedInput: (input: any) => void;
setIsSettingsModalOpen: (open: boolean) => void;
}) {
const dispatch = useDispatch<AppDispatch>();
@@ -29,20 +35,44 @@ export default function AnalogeEingaengeTable({
<th className="border p-1 text-left">Eingang</th>
<th className="border p-3 text-left">Messwert</th>
<th className="border p-3 text-left">Bezeichnung</th>
<th className="border p-3 text-left">Aktion</th>
</tr>
</thead>
<tbody>
{Object.values(analogeEingaenge)
.filter((e) => e?.id !== null && e?.id !== undefined)
.map((e, index) => (
<tr
key={index}
className="hover:bg-gray-100 cursor-pointer transition"
onClick={() => setSelectedId(e.id!)}
>
<td className="border p-3">{e.id ?? "-"}</td>
<td className="border p-3">{e.value ?? "-"}</td>
<td className="border p-3">{e.name || "----"}</td>
<tr key={index} className="hover:bg-gray-100 transition">
<td
className="border p-3 cursor-pointer"
onClick={() => setSelectedId(e.id!)}
>
{e.id ?? "-"}
</td>
<td
className="border p-3 cursor-pointer"
onClick={() => setSelectedId(e.id!)}
>
{e.value ?? "-"}
</td>
<td
className="border p-3 cursor-pointer"
onClick={() => setSelectedId(e.id!)}
>
{e.name || "----"}
</td>
<td className="border p-3 text-center">
<button
onClick={() => {
setSelectedId(e.id!);
setSelectedInput(e);
setIsSettingsModalOpen(true);
}}
className="text-blue-600 hover:text-blue-800"
>
<Icon icon={settingsIcon} className="text-xl" />
</button>
</td>
</tr>
))}
</tbody>