- `LoopMeasurementChart.tsx` und `TDRChart.tsx` erstellt für separate Diagramm-Darstellungen.
- Neue Struktur unter `/components/modules/kue705FO/charts/` eingeführt.
- `ChartModal.tsx` bleibt für generelle Nutzung erhalten.
- Erhöhte Wartbarkeit und Modularität durch Trennung der Chart-Komponenten.
- createLoopChart und createTDRChart aus Kue705FO.tsx in eine separate Datei chartUtils.ts verschoben
- Verbesserte Code-Struktur und Wiederverwendbarkeit der Chart-Funktionen
- Import der ausgelagerten Funktionen in Kue705FO.tsx angepasst
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.
Navigiere zu den System-Einstellungen.
Klicke auf den Button "Admin anmelden".
Verwende die folgenden Anmeldedaten:
Benutzername: admin
Passwort: Littwin
- JWT-Token-Erstellung und -Speicherung für sichere Admin-Authentifizierung in SettingModal hinzugefügt.
- Stabilitätsprobleme des Modals behoben.
- Funktionalität des Modals und des Tokens überprüft, um eine reibungslose Benutzererfahrung sicherzustellen.
- Bedingte Weiterleitung in login.js hinzugefügt, um je nach Umgebung auf unterschiedliche Seiten zu leiten.
- In der Entwicklungsumgebung erfolgt die Weiterleitung zu "/kabelueberwachung".
- In der Produktionsumgebung erfolgt die Weiterleitung zu "/kabelueberwachung.html".
- Stellt sicher, dass die richtige Seite basierend auf der Umgebung geladen wird.
