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>
|
</div>
|
||||||
{/* TALAS-Logo + Text nebeneinander (flexibel oben links) */}
|
{/* 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
|
<Image
|
||||||
src="/images/logo-talas-2024.png"
|
src="/images/logo-talas-2024.png"
|
||||||
alt="TALAS Logo"
|
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
|
- Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
//----------------------------------------------------------------
|
||||||
const [initialized, setInitialized] = useState(false);
|
const [initialized, setInitialized] = useState(false);
|
||||||
|
const [editMode, setEditMode] = useState(false);
|
||||||
|
useEffect(() => {
|
||||||
|
setEditMode(true);
|
||||||
|
return () => {
|
||||||
|
setEditMode(false);
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!initialized) {
|
if (!initialized && editMode) {
|
||||||
setLocalName(kueID[slot] || "");
|
setLocalName(kueID[slot] || "");
|
||||||
setLocalLimit1(kueLimit1[slot] ?? "");
|
setLocalLimit1(kueLimit1[slot] ?? "");
|
||||||
setLocalDelay1(kueDelay1[slot] ?? "");
|
setLocalDelay1(kueDelay1[slot] ?? "");
|
||||||
@@ -95,9 +103,12 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
|
|||||||
setLocalMemoryInterval(memoryInterval[slot] ?? "");
|
setLocalMemoryInterval(memoryInterval[slot] ?? "");
|
||||||
setInitialized(true);
|
setInitialized(true);
|
||||||
}
|
}
|
||||||
}, [initialized, slot]);
|
}, [initialized, slot, editMode]);
|
||||||
|
|
||||||
|
//----------------------------------------------------------------
|
||||||
const handleSaveWrapper = () => {
|
const handleSaveWrapper = () => {
|
||||||
|
setEditMode(false); // <--- Editmode deaktivieren
|
||||||
|
onClose(); // <--- Modal direkt schließen
|
||||||
const originalValues: OriginalValues = {
|
const originalValues: OriginalValues = {
|
||||||
kueID: [...(window.win_kueID ?? [])],
|
kueID: [...(window.win_kueID ?? [])],
|
||||||
isolationsgrenzwerte: [...(window.win_kueLimit1 ?? [])],
|
isolationsgrenzwerte: [...(window.win_kueLimit1 ?? [])],
|
||||||
@@ -125,6 +136,7 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
|
|||||||
};
|
};
|
||||||
|
|
||||||
const updateRedux = () => {
|
const updateRedux = () => {
|
||||||
|
if (!editMode) return;
|
||||||
dispatch(
|
dispatch(
|
||||||
setKueData({
|
setKueData({
|
||||||
kueID: [...kueID.slice(0, slot), localName, ...kueID.slice(slot + 1)],
|
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: "Übersicht", path: "/dashboard" },
|
||||||
{ 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: true }, //vorher Digitale Ein -und Ausgänge
|
||||||
{ name: "Messwertüberwachung ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
|
{ name: "Messwertüberwachung ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
|
||||||
{ name: "Berichte ", path: "/meldungen" },
|
{ name: "Berichte ", path: "/meldungen" },
|
||||||
{ name: "System ", path: "/system" },
|
{ name: "System ", path: "/system" },
|
||||||
|
|||||||
Reference in New Issue
Block a user