Commit Graph

17 Commits

Author SHA1 Message Date
ISA
a898882103 fix: digitale Ein- und Ausgänge vollständig responsive – Tailwind Breakpoints für Icons und Textgrößen
- Anpassungen an laptop, xl, 2xl eingeführt
- Konsistente Darstellung bei Meldungseingängen und Schaltausgängen
- Offline-fähige lokale Icon-Imports für alle Symbole
2025-04-29 14:19:18 +02:00
ISA
60634140ca fix: Alle Icons in digitalen Ein- und Ausgängen lokal eingebunden
- Icons input, login, output und switch lokal installiert und verwendet
- Keine Internet-Abhängigkeit mehr für Icon-Anzeige
- Projekt ist vollständig offlinefähig
2025-04-29 13:58:18 +02:00
ISA
0e0674b8a5 fix: Einstellungs-Icon bei digitalen Eingängen an Ausgänge angepasst
- Großes CogIcon durch kleines graues mdi:settings ersetzt
- Einheitliches UI für digitale Ein- und Ausgänge
- Bessere visuelle Konsistenz
2025-04-29 13:39:31 +02:00
ISA
c55cec046a Digitale eingänge in Laptop Auflösung 2025-04-28 12:02:49 +02:00
ISA
45528c09a3 feat: Optimierungen für Laptop-Ansicht der DigitalInputs-Komponente
- Elemente bei Breakpoint 'laptop' (1350px) kleiner dargestellt
- Textgrößen, Icongrößen und Abstände angepasst
- Bessere Übersichtlichkeit bei Laptop-Auflösungen
2025-04-28 08:16:57 +02:00
ISA
c60cfa1b92 feat: Tooltip für Eingangszustände eingebaut und versetzt positioniert
- Tooltip-Text erscheint bei Mouseover über Symbol
- Unterscheidung: Eingang inaktiv (✖), Eingang Aus (● rot), Eingang Ein (● grün)
- Position des Tooltips mit translate-x-4 und translate-y-4 optimiert
2025-04-24 14:25:49 +02:00
ISA
0b63579d56 Digitale Eingänge Update mit Mock daten in der Entwicklungsumgebung 2025-04-24 11:11:04 +02:00
ISA
eddf293ce2 Digitale Eingänge in Meldungseingänge umbenannt 2025-04-24 10:14:20 +02:00
Ismail Ali
66d620fa68 feat: responsive Icon-Größe für CogIcon angepasst
- Icon-Größe abhängig von Breakpoints umgesetzt
- Standardmäßig klein auf Laptop
- Ab xl größer, ab 2xl noch größer
- bessere Darstellung auf allen Auflösungen
2025-04-15 23:36:24 +02:00
Ismail Ali
8e48800d81 Icon offline, svg in public und ein icon component erstellt 2025-04-06 00:16:03 +02:00
ISA
75759791cd Logik für Farbe abhängig von Status + Invertierung:
Anzeige ist rot wenn Status=1 ist. Die Farbe ist nicht abhängig von der Invertierung.
Status	Invertierung	Anzeige
1                1	            🔴 rot
1	             0	            🔴 rot
0	             1	            grün
0	             0              grün
2025-04-03 11:04:49 +02:00
ISA
c973e85ce3 Digitale Eingänge und digitale Ausgänge an die Seite anpassen 2025-04-02 14:54:27 +02:00
ISA
20e20dec30 feat(redux): Rename all Redux slices and store keys to match file names for clarity
- Renamed all slice names (createSlice `name` attribute) to match their file names (e.g. loopChartSlice, authSlice, kueDataSlice etc.)
- Updated `store.ts` to register each reducer with consistent key names (e.g. state.loopChartSlice instead of state.loopChart)
- Adjusted all `useSelector` and Redux state accesses across the codebase
- Improves maintainability, searchability and consistency across files and Redux DevTools
2025-04-01 12:26:41 +02:00
ISA
f9c2dc7bc9 feat: Redux-Thunk für digitale Eingänge integriert & UI mit zwei Tabellen umgesetzt
- `fetchDigitaleEingaengeThunk.ts` erstellt, um digitale Eingänge in Redux zu speichern.
- `fetchDigitaleEingaenge.ts` erstellt, um API-Daten aus `de.js` zu laden.
- `digitalInputsSlice.ts` hinzugefügt, um digitale Eingänge in Redux zu verwalten.
- `DigitalInputs.tsx` überarbeitet: Zwei Tabellen für digitale Eingänge hinzugefügt.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- API-Calls werden nun alle 10 Sekunden aktualisiert.

 Jetzt läuft Redux-Thunk stabil & effizient für digitale Eingänge!
2025-03-19 15:33:23 +01:00
ISA
f9c050417e digitale Eingänge Redux Slice erstellt für mehr Übersicht 2025-02-20 08:07:53 +01:00
Ismail Ali
d48579fafa Digitale Eingänge auslagern von einausgaenge.tsx 2025-02-17 16:35:46 +01:00
Ismail Ali
9f564450a2 Digitale Ausgänge ausgelagert von Ein- und Asgänge 2025-02-17 16:22:32 +01:00