diff --git a/JOURNAL.md b/JOURNAL.md index d55544d..a613856 100644 --- a/JOURNAL.md +++ b/JOURNAL.md @@ -1291,4 +1291,107 @@ ALTER TABLE backup_history ALTER COLUMN created_at TYPE TIMESTAMP WITH TIME ZONE ALTER TABLE login_attempts ALTER COLUMN first_attempt TYPE TIMESTAMP WITH TIME ZONE; ALTER TABLE login_attempts ALTER COLUMN last_attempt TYPE TIMESTAMP WITH TIME ZONE; ALTER TABLE login_attempts ALTER COLUMN blocked_until TYPE TIMESTAMP WITH TIME ZONE; -``` \ No newline at end of file +``` + +### 2025-06-08: UI/UX Überarbeitung - Phase 1 (Navigation) + +**Problem:** +- Inkonsistente Navigation zwischen verschiedenen Seiten +- Zu viele Navigationspunkte im Dashboard +- Verwirrende Benutzerführung + +**Lösung:** +1. **Dashboard vereinfacht:** + - Nur noch 3 Buttons: Neue Lizenz, Batch-Lizenzen, Log + - Statistik-Karten wurden klickbar gemacht (verlinken zu jeweiligen Seiten) + - "Audit" wurde zu "Log" umbenannt + +2. **Navigation konsistent gemacht:** + - Navbar-Brand "AccountForger - Admin Panel" ist jetzt klickbar und führt zum Dashboard + - Keine Log-Links mehr in Unterseiten + - Konsistente "Dashboard" Buttons in allen Unterseiten + +**Geänderte Dateien:** +- `v2_adminpanel/templates/base.html`: Navbar-Brand klickbar gemacht +- `v2_adminpanel/templates/dashboard.html`: Navigation reduziert, Karten klickbar +- `v2_adminpanel/templates/*.html`: Konsistente Dashboard-Links + +### 2025-06-08: UI/UX Überarbeitung - Phase 2 (Visuelle Verbesserungen) + +**Implementierte Verbesserungen:** +1. **Größere Icons in Statistik-Karten:** + - Icon-Größe auf 3rem erhöht + - Bessere visuelle Hierarchie + +2. **Donut-Chart für Lizenzen:** + - Chart.js Integration für Lizenzstatistik + - Zeigt Verhältnis Aktiv/Abgelaufen + - UPDATE: Später wieder entfernt auf Benutzerwunsch + +3. **Pulse-Effekt für aktive Sessions:** + - CSS-Animation für aktive Sessions + - Visueller Indikator für Live-Aktivität + +4. **Progress-Bar für Backup-Status:** + - Zeigt visuell den Erfolg des letzten Backups + - Inkl. Dateigröße und Dauer + +5. **Konsistente Farbcodierung:** + - CSS-Variablen für Statusfarben + - Globale Klassen für konsistente Darstellung + +**Geänderte Dateien:** +- `v2_adminpanel/templates/base.html`: Globale CSS-Variablen und Statusklassen +- `v2_adminpanel/templates/dashboard.html`: Visuelle Verbesserungen implementiert + +### 2025-06-08: UI/UX Überarbeitung - Phase 3 (Tabellen-Optimierungen) + +**Problem:** +- Tabellen waren schwer zu navigieren bei vielen Einträgen +- Keine Möglichkeit für Bulk-Operationen +- Umständliches Kopieren von Lizenzschlüsseln + +**Lösung:** +1. **Sticky Headers:** + - Tabellenköpfe bleiben beim Scrollen sichtbar + - CSS-Klasse `.table-sticky` mit `position: sticky` + +2. **Inline-Actions:** + - Copy-Button direkt neben Lizenzschlüsseln + - Toggle-Switches für Aktiv/Inaktiv-Status + - Visuelles Feedback bei Aktionen + +3. **Bulk-Actions:** + - Checkboxen für Mehrfachauswahl + - "Select All" Funktionalität + - Bulk-Actions Bar mit Aktivieren/Deaktivieren/Löschen + - JavaScript für dynamische Anzeige + +4. **API-Endpoints hinzugefügt:** + - `/api/license//toggle` - Toggle einzelner Lizenzstatus + - `/api/licenses/bulk-activate` - Mehrere Lizenzen aktivieren + - `/api/licenses/bulk-deactivate` - Mehrere Lizenzen deaktivieren + - `/api/licenses/bulk-delete` - Mehrere Lizenzen löschen + +5. **Beispieldaten eingefügt:** + - 15 Testkunden + - 18 Lizenzen (verschiedene Status) + - Sessions, Audit-Logs, Login-Attempts + - Backup-Historie + +**Geänderte Dateien:** +- `v2_adminpanel/templates/base.html`: CSS für Sticky-Tables und Bulk-Actions +- `v2_adminpanel/templates/licenses.html`: Komplette Tabellen-Überarbeitung +- `v2_adminpanel/app.py`: 4 neue API-Endpoints für Toggle und Bulk-Operationen +- `v2_adminpanel/sample_data.sql`: Umfangreiche Testdaten erstellt + +**Bugfix:** +- API-Endpoints versuchten `updated_at` zu setzen, obwohl die Spalte nicht existiert +- Entfernt aus allen 3 betroffenen Endpoints + +**Status:** +- ✅ Sticky Headers funktionieren +- ✅ Copy-Buttons mit Clipboard-API +- ✅ Toggle-Switches ändern Lizenzstatus +- ✅ Bulk-Operationen vollständig implementiert +- ✅ Testdaten erfolgreich eingefügt \ No newline at end of file