- TDRPopup-Komponente in `components/modules/KueModal/TDRPopup.tsx` ausgelagert
- Importpfad in Kue705FO angepasst, um die ausgelagerte Komponente korrekt zu referenzieren
- TDRPopup-Komponente in Kue705FO-Modul integriert.
- Modal-Dimensionen angepasst, um Scrollen zu vermeiden.
- Layout von TDRPopup und Chart dynamisch skalierbar gestaltet.
- Inhalte flexibler und kompakter gestaltet.
Vorteile:
Statische Typisierung: Verhindert viele Fehler zur Entwicklungszeit.
Bessere IDE-Unterstützung: IntelliSense, Autovervollständigung und Fehlerhinweise.
Klarere Codebasis: Explizite Typen verbessern die Lesbarkeit und Wartbarkeit.
Erkennung von Bugs: Findet Fehler bereits vor der Ausführung.
Unterstützt moderne Features: Bietet frühzeitig neue JavaScript-Funktionen.
Große Projekte: Bessere Skalierbarkeit und Teamarbeit.
Erweiterbarkeit: Ermöglicht eigene Typen und Interfaces.
Kompatibilität: Läuft als transpiliertes JavaScript in jedem Browser.
Bessere Refaktorierung: Sichereres Umstrukturieren von Code.
Community und Ökosystem: Viele Tools und Bibliotheken bieten Typunterstützung.
- Hinzugefügt: Flexibles Layout der Tabelle mit `w-full` und `h-full`, um sich an den verfügbaren Platz anzupassen.
- Verbesserungen: Overflow-Handling für den Tabelleninhalt mit `overflow-auto` und flexibler Größenanpassung durch `flex-grow`.
- Refaktorierung: Layout- und Styling-Optimierungen für eine bessere Darstellung und Benutzerfreundlichkeit.
- Layout angepasst, um Scrollbalken und Leerbereich nach dem Footer zu vermeiden.
- `h-screen` und `overflow-hidden` für die Hauptcontainer verwendet.
- Sicherstellung, dass die Seite genau die Bildschirmhöhe ausfüllt.
- Cleanup in CSS und JSX zur Verbesserung der Benutzeroberfläche.
- Header und Footer mit festen Höhen (13vh und 8vh) versehen.
- Inhaltsbereich dynamisch skaliert mit calc(100vh - Header - Footer).
- Navigation für volle Höhe des Inhalts angepasst.
- Alle Elemente ohne Scrollen auf Laptop-Auflösung sichtbar gemacht.
- Separate Modale für digitale Eingänge und Ausgänge implementiert.
- Modale enthalten spezifische Details wie Status, Beschreibung und Invertierung (für Eingänge) sowie Schaltzustand und Bezeichnung (für Ausgänge).
- Modale werden über ein Zahnrad-Symbol geöffnet und sind zentriert dargestellt.
- Funktionen zum Öffnen und Schließen der Modale (`openInputModal`, `closeInputModal`, `openOutputModal`, `closeOutputModal`) hinzugefügt.
- State-Management für ausgewählte Einträge (`selectedInput`, `selectedOutput`) implementiert.
- Responsives Design und einheitliches Styling für Modale mit z-index und Overlays sichergestellt.
- Added a new breakpoint "laptop" with a width of 1348px to the Tailwind configuration.
- This breakpoint accommodates the dimensions of 1348px width for responsive designs.
- Intervall-basierte Überprüfung von `localStorage` hinzugefügt, um Änderungen am Admin-Status (`isAdminLoggedIn`) sofort zu synchronisieren.
- Zustand `isAdminLoggedIn` wird nun direkt nach Login/Logout aktualisiert.
- Weiterleitung zu `/offline.html` nach Logout integriert.
- Problem behoben, dass "Admin-Modus aktiv" erst nach einem Neuladen angezeigt wurde.
- Redux-State durch lokalen useState für `isAdminLoggedIn` ersetzt.
- Token-Validierung über sessionStorage mit useEffect hinzugefügt.
- Alle Redux-Selectoren entfernt und unnötige Importe bereinigt.
- Verbesserte Fehlerbehandlung bei der Token-Verarbeitung, um Abstürze zu vermeiden.
- Logout-Funktionalität vereinfacht, indem sessionStorage direkt geleert wird.
- Admin-Token wird nun in SessionStorage anstelle von LocalStorage gespeichert.
- Passwort für Admin-Benutzer ist jetzt mit bcrypt gehasht.
- Verbesserte Sicherheit durch die Verwendung von SessionStorage (Daten werden beim Schließen des Tabs gelöscht).
- Anpassung von Funktionen zur Token-Verwaltung für SessionStorage.
