Analoge Eingänge

This commit is contained in:
Ismail Ali
2025-03-23 16:12:24 +01:00
parent e88233302b
commit 39f3dbfb6c
2 changed files with 47 additions and 29 deletions

View File

@@ -35,10 +35,12 @@ export default function AnalogeEingaengeTable() {
<th className="border p-1 text-left">Eingang</th> <th className="border p-1 text-left">Eingang</th>
<th className="border p-3 text-left">Wert</th> <th className="border p-3 text-left">Wert</th>
<th className="border p-3 text-left">Bezeichnung</th> <th className="border p-3 text-left">Bezeichnung</th>
{/*
<th className="border p-3 text-center">uW</th> <th className="border p-3 text-center">uW</th>
<th className="border p-3 text-center">uG</th> <th className="border p-3 text-center">uG</th>
<th className="border p-3 text-center">oW</th> <th className="border p-3 text-center">oW</th>
<th className="border p-3 text-center">oG</th> <th className="border p-3 text-center">oG</th>
*/}
<th className="border p-3 text-center">Einstellung</th> <th className="border p-3 text-center">Einstellung</th>
</tr> </tr>
</thead> </thead>
@@ -51,7 +53,8 @@ export default function AnalogeEingaengeTable() {
<td className="border p-3">{eingang.id ?? "-"}</td> <td className="border p-3">{eingang.id ?? "-"}</td>
<td className="border p-3">{eingang.value ?? "-"}</td> <td className="border p-3">{eingang.value ?? "-"}</td>
<td className="border p-3">{eingang.name || "----"}</td> <td className="border p-3">{eingang.name || "----"}</td>
<td className="border p-3 text-center"> {/*
<td className="border p-3 text-center">
{eingang.uW ? "🟢" : "⚪"} {eingang.uW ? "🟢" : "⚪"}
</td> </td>
<td className="border p-3 text-center"> <td className="border p-3 text-center">
@@ -63,10 +66,12 @@ export default function AnalogeEingaengeTable() {
<td className="border p-3 text-center"> <td className="border p-3 text-center">
{eingang.oG ? "🟢" : "⚪"} {eingang.oG ? "🟢" : "⚪"}
</td> </td>
*/}
<td className="border p-3 text-center"> <td className="border p-3 text-center">
<button <button
onClick={() => openSettingsModal(eingang)} onClick={() => openSettingsModal(eingang)}
className="bg-blue-500 text-white text-xs px-2 py-1 rounded hover:bg-blue-600 transition" className=" text-white text-xs px-2 py-1 rounded hover:bg-blue-500 transition"
> >
</button> </button>
@@ -81,38 +86,51 @@ export default function AnalogeEingaengeTable() {
{/* Modal */} {/* Modal */}
{selectedEingang && ( {selectedEingang && (
<div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50"> <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
<div className="bg-white p-6 rounded-lg shadow-lg w-3/4 max-w-3xl"> <div className="bg-white p-6 rounded-lg shadow-lg w-1/2 max-w-xl">
<div className="flex justify-between items-center border-b pb-2"> <div className="border-b pb-2 mb-4">
<h2 className="text-lg font-bold text-gray-700"> <h2 className="text-xl font-bold text-blue-500">
Analoge Eingänge Einstellungen Analoger Eingang {selectedEingang.id}
</h2> </h2>
<button onClick={closeSettingsModal} className="text-gray-500">
</button>
</div> </div>
<div className="mt-4"> <div className="grid grid-cols-2 gap-x-4 gap-y-2">
<label className="block text-sm text-gray-700">Eingang:</label> <div>
<input <strong>Name:</strong>
type="text" </div>
className="w-full border px-2 py-1 rounded" <div>{selectedEingang.name}</div>
value={selectedEingang.id}
readOnly
/>
<label className="block text-sm text-gray-700 mt-2"> <div>
Bezeichnung: <strong>Einheit:</strong>
</label> </div>
<input <div>{selectedEingang.einheit}</div>
type="text"
className="w-full border px-2 py-1 rounded" <div>
defaultValue={selectedEingang.name} <strong>Faktor:</strong>
/> </div>
<div>{selectedEingang.faktor}</div>
<div>
<strong>Offset:</strong>
</div>
<div>{selectedEingang.offset}</div>
<div>
<strong>Gewichtung:</strong>
</div>
<div>{selectedEingang.gewichtung}</div>
<div>
<strong>Loggerinterval:</strong>
</div>
<div>{selectedEingang.loggerinterval} Minuten</div>
</div> </div>
<div className="flex justify-end mt-4"> <div className="flex justify-end mt-6">
<button className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> <button
💾 Speichern onClick={closeSettingsModal}
className="px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition"
>
Schließen
</button> </button>
</div> </div>
</div> </div>

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/ */
const webVersion = "1.6.147"; const webVersion = "1.6.148";
export default webVersion; export default webVersion;