Namen angepasst
This commit is contained in:
@@ -3,6 +3,7 @@
|
|||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { useSelector, useDispatch } from "react-redux";
|
import { useSelector, useDispatch } from "react-redux";
|
||||||
import { RootState } from "../../../../redux/store";
|
import { RootState } from "../../../../redux/store";
|
||||||
|
import switchIcon from "@iconify/icons-ion/switch";
|
||||||
import {
|
import {
|
||||||
updateInvertierung,
|
updateInvertierung,
|
||||||
updateName,
|
updateName,
|
||||||
@@ -178,20 +179,31 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
|
|||||||
<div>
|
<div>
|
||||||
<strong>Invertierung:</strong>
|
<strong>Invertierung:</strong>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<span>{invertiert ? "Ein" : "Aus"}</span>
|
<span>{invertiert ? "Ein" : "Aus"}</span>
|
||||||
<button
|
<button
|
||||||
|
type="button"
|
||||||
|
role="switch"
|
||||||
|
aria-checked={invertiert}
|
||||||
onClick={() => setInvertiert(!invertiert)}
|
onClick={() => setInvertiert(!invertiert)}
|
||||||
className="px-3 py-1 text-sm bg-gray-200 hover:bg-gray-300 rounded"
|
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200 ${
|
||||||
|
invertiert ? "bg-green-500" : "bg-gray-300"
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
Umschalten
|
<span
|
||||||
|
className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform duration-200 ${
|
||||||
|
invertiert ? "translate-x-6" : "translate-x-1"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
{/* Zählerstand ausblenden */}
|
||||||
|
{/*
|
||||||
<div>
|
<div>
|
||||||
<strong>Zählerstand:</strong>
|
<strong>Zählerstand:</strong>
|
||||||
</div>
|
</div>
|
||||||
<div>{reduxInput.counter}</div>
|
<div>{reduxInput.counter}</div>
|
||||||
|
*/}
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<strong>Filterzeit:</strong>
|
<strong>Filterzeit:</strong>
|
||||||
@@ -235,20 +247,33 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
|
|||||||
title="Maximal 1000 erlaubt"
|
title="Maximal 1000 erlaubt"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
{/* Zähler aktiv ausblenden */}
|
||||||
<div>
|
{/*
|
||||||
|
|
||||||
|
<div>
|
||||||
<strong>Zähler aktiv:</strong>
|
<strong>Zähler aktiv:</strong>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<span>{zaehlerAktiv ? "Ja" : "Nein"}</span>
|
<span>{zaehlerAktiv ? "Ja" : "Nein"}</span>
|
||||||
<button
|
<button
|
||||||
|
type="button"
|
||||||
|
role="switch"
|
||||||
|
aria-checked={zaehlerAktiv}
|
||||||
onClick={() => setZaehlerAktiv(!zaehlerAktiv)}
|
onClick={() => setZaehlerAktiv(!zaehlerAktiv)}
|
||||||
className="ml-auto px-3 py-1 text-sm bg-gray-200 hover:bg-gray-300 rounded"
|
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200 ${
|
||||||
|
zaehlerAktiv ? "bg-green-500" : "bg-gray-300"
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
Umschalten
|
<span
|
||||||
|
className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform duration-200 ${
|
||||||
|
zaehlerAktiv ? "translate-x-6" : "translate-x-1"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
*/}
|
||||||
|
|
||||||
<div className="relative group inline-block">
|
<div className="relative group inline-block">
|
||||||
<strong>OOS:</strong>
|
<strong>OOS:</strong>
|
||||||
<span className="absolute top-full left-1/2 -translate-x-1/2 mt-1 px-2 py-1 text-xs text-white bg-gray-700 rounded opacity-0 group-hover:opacity-100 transition-opacity">
|
<span className="absolute top-full left-1/2 -translate-x-1/2 mt-1 px-2 py-1 text-xs text-white bg-gray-700 rounded opacity-0 group-hover:opacity-100 transition-opacity">
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
|
|||||||
{ name: "Kabelüberwachung ", path: "/kabelueberwachung" },
|
{ name: "Kabelüberwachung ", path: "/kabelueberwachung" },
|
||||||
{ name: "Meldungseingänge ", path: "/digitalInputs" }, //vorher Digitale Ein -und Ausgänge
|
{ name: "Meldungseingänge ", path: "/digitalInputs" }, //vorher Digitale Ein -und Ausgänge
|
||||||
{ name: "Schaltausgänge ", path: "/digitalOutputs", disabled: false }, //vorher Digitale Ein -und Ausgänge
|
{ name: "Schaltausgänge ", path: "/digitalOutputs", disabled: false }, //vorher Digitale Ein -und Ausgänge
|
||||||
{ name: "Messwertüberwachung ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
|
{ name: "Messwerteingänge ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
|
||||||
{ name: "Berichte ", path: "/meldungen" },
|
{ name: "Berichte ", path: "/meldungen" },
|
||||||
{ name: "System ", path: "/system" },
|
{ name: "System ", path: "/system" },
|
||||||
{ name: "Einstellungen ", path: "/einstellungen" },
|
{ name: "Einstellungen ", path: "/einstellungen" },
|
||||||
|
|||||||
@@ -6,5 +6,5 @@
|
|||||||
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
|
||||||
|
|
||||||
*/
|
*/
|
||||||
const webVersion = "1.6.361";
|
const webVersion = "1.6.362";
|
||||||
export default webVersion;
|
export default webVersion;
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ function AnalogeEingaenge() {
|
|||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
<div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
|
<div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
|
||||||
<h2 className="text-xl font-semibold mb-4 text-gray-700">
|
<h2 className="text-xl font-semibold mb-4 text-gray-700">
|
||||||
Analoge Eingänge
|
Messwerteingänge
|
||||||
</h2>
|
</h2>
|
||||||
<AnalogeEingaengeTabelle
|
<AnalogeEingaengeTabelle
|
||||||
setSelectedId={setSelectedId}
|
setSelectedId={setSelectedId}
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ export default function Messages() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-4">
|
<div className="p-4">
|
||||||
<h1 className="text-xl font-bold mb-4">Meldungen</h1>
|
<h1 className="text-xl font-bold mb-4">Berichte</h1>
|
||||||
|
|
||||||
<div className="flex flex-wrap gap-4 mb-4 items-end">
|
<div className="flex flex-wrap gap-4 mb-4 items-end">
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Reference in New Issue
Block a user