style: Abstand zwischen TALAS-Logo und Meldestation-Text hinzugefügt
- space-x-4 für saubere Trennung zwischen Logo und Text - Layout verbessert, bessere Lesbarkeit
This commit is contained in:
@@ -86,7 +86,7 @@ function Header() {
|
||||
/>
|
||||
</div>
|
||||
{/* TALAS-Logo + Text nebeneinander (flexibel oben links) */}
|
||||
<div className="flex items-center transform translate-x-3/4 mt-8 laptop:ml-10 laptop:translate-y-1 laptop:mt-4">
|
||||
<div className="flex items-center space-x-8 transform translate-x-3/4 mt-8 laptop:ml-10 laptop:translate-y-1 laptop:mt-4">
|
||||
<Image
|
||||
src="/images/logo-talas-2024.png"
|
||||
alt="TALAS Logo"
|
||||
|
||||
@@ -83,10 +83,18 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
|
||||
- Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert
|
||||
|
||||
*/
|
||||
//----------------------------------------------------------------
|
||||
const [initialized, setInitialized] = useState(false);
|
||||
const [editMode, setEditMode] = useState(false);
|
||||
useEffect(() => {
|
||||
setEditMode(true);
|
||||
return () => {
|
||||
setEditMode(false);
|
||||
};
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (!initialized) {
|
||||
if (!initialized && editMode) {
|
||||
setLocalName(kueID[slot] || "");
|
||||
setLocalLimit1(kueLimit1[slot] ?? "");
|
||||
setLocalDelay1(kueDelay1[slot] ?? "");
|
||||
@@ -95,9 +103,12 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
|
||||
setLocalMemoryInterval(memoryInterval[slot] ?? "");
|
||||
setInitialized(true);
|
||||
}
|
||||
}, [initialized, slot]);
|
||||
}, [initialized, slot, editMode]);
|
||||
|
||||
//----------------------------------------------------------------
|
||||
const handleSaveWrapper = () => {
|
||||
setEditMode(false); // <--- Editmode deaktivieren
|
||||
onClose(); // <--- Modal direkt schließen
|
||||
const originalValues: OriginalValues = {
|
||||
kueID: [...(window.win_kueID ?? [])],
|
||||
isolationsgrenzwerte: [...(window.win_kueLimit1 ?? [])],
|
||||
@@ -125,6 +136,7 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
|
||||
};
|
||||
|
||||
const updateRedux = () => {
|
||||
if (!editMode) return;
|
||||
dispatch(
|
||||
setKueData({
|
||||
kueID: [...kueID.slice(0, slot), localName, ...kueID.slice(slot + 1)],
|
||||
|
||||
@@ -25,7 +25,7 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
|
||||
{ name: "Übersicht", path: "/dashboard" },
|
||||
{ name: "Kabelüberwachung ", path: "/kabelueberwachung" },
|
||||
{ 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: true }, //vorher Digitale Ein -und Ausgänge
|
||||
{ name: "Messwertüberwachung ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
|
||||
{ name: "Berichte ", path: "/meldungen" },
|
||||
{ name: "System ", path: "/system" },
|
||||
|
||||
Reference in New Issue
Block a user