UI-Anpassungen

CHANGELOG.txt

@@ -1,6 +1,335 @@
 TASKMATE - CHANGELOG
 ====================
 
+================================================================================
+09.01.2026 - ENTFERNUNG: SIMULIERTE VERBRAUCHSANZEIGE IM CODING-MODUL
+================================================================================
+
+## ÄNDERUNG
+Die simulierte Verbrauchsanzeige wurde aus dem Coding-Modul entfernt
+
+## DETAILS
+✅ Frontend: Verbrauchsanzeige aus coding.js entfernt
+✅ CSS: Styles für .coding-tile-usage gelöscht
+✅ Backend: API-Endpoints bleiben für spätere Nutzung erhalten
+✅ Datenbank: Tabelle coding_usage bleibt bestehen
+
+## TECHNISCHE DETAILS
+- Entfernt: updateTileUsage() Funktion und alle Aufrufe
+- Entfernt: Verbrauchs-HTML aus renderTile()
+- Entfernt: CSS-Animationen und Styling
+- Cache-Version: 292
+
+================================================================================
+09.01.2026 - FEATURE: VERBRAUCHSANZEIGE IM CODING-MODUL
+================================================================================
+
+## NEUE FUNKTION
+Live-Verbrauchsanzeige für Server-Anwendungen im Coding-Tab mit CPU, Memory und Network Metriken
+
+## IMPLEMENTIERUNG
+✅ Backend: Neue API-Endpoints für Verbrauchsdaten (simuliert)
+  - GET /api/coding/directories/:id/usage - Aktuelle Verbrauchsdaten
+  - GET /api/coding/directories/:id/usage/history - Historische Daten
+✅ Datenbank: Neue Tabelle 'coding_usage' für Verlauf
+✅ Frontend: Verbrauchsanzeige in jeder Coding-Kachel integriert
+  - CPU-Auslastung in % mit Warnung bei >80%
+  - Memory in MB mit Warnung bei >3000MB
+  - Network in MB/s (kombiniert send + receive)
+✅ Auto-Refresh alle 30 Sekunden für Live-Updates
+✅ Visuelles Feedback bei hoher Auslastung (Pulse-Animation)
+
+## TECHNISCHE DETAILS
+- coding.js: updateTileUsage() Funktion für Metrik-Updates
+- api.js: getCodingDirectoryUsage() und getCodingDirectoryUsageHistory()
+- coding.css: Neue Styles für .coding-tile-usage mit responsive Design
+- Cache-Version: 291
+- Docker Container Update erforderlich für Backend-Änderungen
+
+================================================================================
+09.01.2025 - BUGFIX: CUSTOM-SELECT DROPDOWN POSITIONING
+================================================================================
+
+## PROBLEM
+Custom-Select Dropdown (Benutzerauswahl in Erinnerungen) positionierte sich nicht korrekt bei Scroll/Modal-Bewegung
+
+## URSACHE  
+Dropdown nutzte relative statt fixed Positionierung, keine dynamische Neuberechnung
+
+## LÖSUNG
+✅ reminders.js: setupCustomSelect() berechnet Position dynamisch mit getBoundingClientRect()
+✅ Fixed Positioning wie bei Multi-Select implementiert
+✅ Automatische Neupositionierung bei Scroll/Resize
+✅ Intelligente Platzierung (oben/unten je nach verfügbarem Platz)
+
+## TECHNISCHE DETAILS
+- Zeilen 346-450: Neue positionDropdown() Funktion mit Event-Handlers
+- Cache-Version: 285
+- Position wird bei jedem Öffnen neu berechnet
+- Event-Handler werden beim Schließen aufgeräumt
+
+================================================================================
+09.01.2025 - BUGFIX: FILTER-ASSIGNEE DROPDOWN ZEIGT KEINE NAMEN
+================================================================================
+
+## PROBLEM
+Der Filter-Assignee Dropdown zeigte leere Options ohne Benutzernamen an
+
+## URSACHE  
+Frontend erwartete "username" Feld, Backend lieferte aber "displayName"
+
+## LÖSUNG
+✅ app.js: populateAssigneeFilter() nutzt jetzt displayName statt username
+✅ Fallback zu email falls displayName fehlt
+
+## TECHNISCHE DETAILS
+- Zeile 736: option.textContent = user.displayName || user.email || 'Unbekannt';
+- Cache-Version: 284
+
+================================================================================
+09.01.2025 - BUGFIXES: DROPDOWN-POSITIONIERUNG & NAVIGATION-DESIGN
+================================================================================
+
+## BEHOBEN
+✅ Custom-Select Dropdown in Reminder-Modal
+  - Position von fixed auf absolute geändert
+  - Dropdown bleibt jetzt innerhalb des Modals
+  - Keine dynamische Positionsberechnung mehr nötig
+  - Einheitliches Design mit Multi-Select
+
+================================================================================
+09.01.2025 - NAVIGATION: MODERNES DESIGN MIT BESSERER AKTIV-MARKIERUNG
+================================================================================
+
+## NEUE FUNKTIONEN
+✅ Modernes flaches Design ohne Hintergrund-Container
+✅ Klare Aktiv-Markierung mit farbigem Unterbalken
+✅ Icons für alle Navigationspunkte
+✅ Animierte Hover-Effekte mit Icon-Bewegung
+✅ Subtile Trennlinien zwischen Tabs
+✅ Bessere Farbkontraste für aktive/inaktive Tabs
+
+## TECHNISCHE DETAILS
+- board.css: Komplett überarbeitete Navigation-Styles
+  - Aktiver Tab mit blauem Unterbalken + Hintergrund
+  - Hover-States mit sanften Übergängen
+  - Animation für aktiv-Indikator
+- index.html: SVG-Icons zu allen Tabs hinzugefügt
+- Service Worker: Cache-Version auf 282 erhöht
+
+================================================================================
+08.01.2025 - KONTAKTE: VON KARTENANSICHT ZU TABELLENANSICHT UMGESTELLT
+================================================================================
+
+## NEUE FUNKTIONEN
+✅ Tabellenansicht mit sortierbaren Spalten
+  - Name (mit Avatar-Initialen)
+  - Firma, Position, E-Mail, Telefon, Tags
+  - Direkte Aktionen: Bearbeiten, Löschen
+✅ Mehrfachauswahl mit Checkboxen
+  - Select All/Deselect All Funktionalität  
+  - Visuelles Feedback für ausgewählte Zeilen
+✅ Bulk-Actions für mehrere Kontakte
+  - Mehrere Kontakte gleichzeitig löschen
+  - Anzahl ausgewählter Kontakte wird angezeigt
+✅ Export-Funktionalität (CSV)
+  - Alle oder gefilterte Kontakte exportieren
+  - UTF-8 mit BOM für korrekte Umlaute
+✅ Pagination bei mehr als 25 Kontakten
+  - Navigation zwischen Seiten
+  - Seitenzahlen-Anzeige
+✅ Verbesserte Statistik
+  - Kontakt-Anzahl im Header
+  - Echtzeit-Updates bei Änderungen
+
+## TECHNISCHE DETAILS
+- contacts.css: Komplett neue Styles für Tabelle
+- index.html: HTML-Struktur für Tabellenlayout
+- contacts.js: Logik für Tabellen-Rendering und neue Features
+- Service Worker Cache-Version: 281
+- Responsive Design für mobile Geräte
+
+================================================================================
+07.01.2025 - WISSENSMANAGEMENT: ATTACHMENT ANZEIGE BEHOBEN (0KB & KEIN DATEINAME)
+================================================================================
+
+## PROBLEMBEHEBUNG
+✅ Knowledge-Attachments zeigten 0KB und keinen Dateinamen
+  - Backend sendet camelCase: originalName, sizeBytes
+  - Frontend erwartete snake_case: original_name, size_bytes
+  - Mismatch verursachte leere Anzeige in der UI
+
+## TECHNISCHE LÖSUNG
+- knowledge.js renderAttachments(): Fallback für beide Schreibweisen
+  - att.originalName || att.original_name || ''
+  - att.sizeBytes || att.size_bytes || 0
+- Service Worker Cache-Version: 280
+- Frontend-Dateien in Docker Container kopiert
+
+================================================================================
+07.01.2025 - WISSENSMANAGEMENT: 500 ERROR BEI FILE UPLOAD BEHOBEN
+================================================================================
+
+## PROBLEMBEHEBUNG
+✅ 500 Error bei Knowledge-Attachment Upload behoben
+  - Frontend sendet Datei als 'files' (plural)
+  - Knowledge-Backend erwartete 'file' (singular)
+  - Task-Backend verwendet bereits 'files' (plural)
+  - Mismatch verursachte "Unexpected field" Error
+
+## TECHNISCHE LÖSUNG
+- knowledge.js: upload.single('files') statt 'file'
+- Konsistenz mit task file upload hergestellt
+- Frontend bleibt unverändert bei 'files'
+- Service Worker Cache-Version: 279
+- Docker Container neu gestartet
+
+================================================================================
+07.01.2025 - WISSENSMANAGEMENT: FILE UPLOAD FUNKTIONALITÄT REPARIERT
+================================================================================
+
+## PROBLEMBEHEBUNG
+✅ File Upload funktioniert wieder im Knowledge-Modul
+  - Click-Event für Upload-Bereich hinzugefügt
+  - Klick auf gesamten Upload-Bereich öffnet Datei-Dialog
+✅ Verbesserte Handhabung bei neuen Einträgen
+  - Klarere Meldung: "Speichern Sie zuerst den Eintrag"
+  - Dateien werden temporär gespeichert
+  - Nach Speichern automatisch hochgeladen
+✅ Upload-Bereich immer sichtbar
+  - Auch bei neuen Einträgen angezeigt
+  - Hilfstext erklärt Workflow
+
+## TECHNISCHE DETAILS
+- pendingFiles Property für temporäre Dateispeicherung
+- Auto-Upload nach createKnowledgeEntry
+- Service Worker Cache-Version: 277
+
+================================================================================
+07.01.2025 - KALENDER: INTELLIGENTE POPUP-POSITIONIERUNG
+================================================================================
+
+## FUNKTIONALE VERBESSERUNGEN
+✅ Kalender-Popup bleibt immer im sichtbaren Bereich
+  - Erkennt wenn Popup unten aus dem Viewport ragt
+  - Positioniert sich automatisch oberhalb des Elements
+  - Falls oben kein Platz: Am unteren Bildschirmrand fixiert
+✅ Horizontale Positionierung optimiert
+  - Verhindert Überlauf rechts und links
+  - Automatische Anpassung mit 8px Padding
+✅ Maximale Höhe auf 80% des Viewports begrenzt
+  - Scrollbar bei vielen Aufgaben
+  - Header bleibt immer sichtbar
+  - Buttons bleiben am Ende fixiert
+✅ Konsistente Positionierung für beide Popup-Typen
+  - Aufgaben-Popup
+  - Erinnerungs-Popup
+
+## TECHNISCHE DETAILS
+- Position: fixed statt absolute für Viewport-Bezug
+- Viewport-Grenzen-Prüfung vor Positionierung
+- Flexbox-Layout für bessere Inhaltsverteilung
+- Service Worker Cache-Version: 271
+
+================================================================================
+07.01.2025 - ERINNERUNGEN: NEUE ZEITAUSWAHL MIT EINHEIT UND ZAHL
+================================================================================
+
+## FUNKTIONALE ÄNDERUNGEN
+✅ Neue Zeitauswahl für Erinnerungen implementiert
+  - Zahlenfeld (1-9) für die Anzahl
+  - Dropdown für Zeiteinheit (Tag, Woche, Monat)
+  - Ersetzt die vorherigen Checkboxen (1-3 Tage)
+✅ Flexiblere Erinnerungszeiten möglich:
+  - 1-9 Tage vorher
+  - 1-9 Wochen vorher (= 7-63 Tage)
+  - 1-9 Monate vorher (= 30-270 Tage)
+✅ Automatische Umrechnung beim Laden bestehender Erinnerungen
+✅ Kompakteres und intuitiveres Design
+
+## TECHNISCHE DETAILS
+- HTML: Neues Input-Layout mit number input und select
+- JS: Umrechnung zwischen Tagen/Wochen/Monaten
+- CSS: Styling für horizontales Layout
+- Service Worker Cache-Version: 269
+
+================================================================================
+07.01.2025 - KALENDER: KORREKTUR DER ERINNERUNGS-BUTTON FARBEN
+================================================================================
+
+## KORREKTUREN
+✅ Erinnerungs-Buttons haben jetzt korrekten orangenen Hintergrund
+  - Hintergrund: #f97316 (Orange)
+  - Schriftfarbe: Weiß
+  - Hover: Dunkleres Orange (#ea580c)
+✅ Alle Erinnerungs-Buttons einheitlich gestaltet
+  - "Erinnerung hinzufügen" in Kalendertagen
+  - "Weitere Erinnerung" in Popups
+  - Hauptbutton oberhalb Filter
+✅ Service Worker Cache-Version: 268
+
+================================================================================
+07.01.2025 - KALENDER: OPTIMIERUNG DER ERINNERUNGS-BUTTONS UND HOVER-EFFEKTE
+================================================================================
+
+## UI-ANPASSUNGEN
+✅ Hover-Effekt für orangefarbene Erinnerungs-Buttons verbessert
+  - Vorher: Wurde zu hell/weiß beim Hover
+  - Jetzt: Dunkleres Orange mit sanftem Schatten-Effekt
+✅ "Erinnerung hinzufügen" Buttons in Kalendertagen jetzt orange
+  - Konsistente Farbgebung für alle Erinnerungs-Funktionen
+  - Gestrichelte orange Umrandung wie bei Aufgaben-Button
+✅ "+" Symbol bei "Aufgabe hinzufügen" entfernt
+  - Klarerer Text ohne redundante Symbole
+✅ Neue CSS-Klasse "btn-reminder-secondary" für orange Buttons
+✅ Wochenansicht: Neuer Button "Erinnerung hinzufügen" hinzugefügt
+
+## TECHNISCHE DETAILS
+- Hover-Farbe: Von #ea580c (zu hell) zu #dc2626 (dunkler)
+- Transform-Effekt: translateY(-1px) für leichtes Anheben
+- Box-Shadow beim Hover für Tiefeneffekt
+- Service Worker Cache-Version: 267
+
+================================================================================
+07.01.2025 - ERINNERUNGS-BUTTON: SVG-ICON SICHTBARKEIT BEHOBEN
+================================================================================
+
+## PROBLEMBEHEBUNG
+✅ SVG Glocken-Icon im Erinnerungs-Button wird jetzt korrekt angezeigt
+  - Problem: createElement() unterstützt kein SVG-Namespace
+  - Lösung: innerHTML für SVG-Erzeugung verwendet
+  - Icon ist jetzt weiß und sichtbar auf orangem Hintergrund
+
+## TECHNISCHE DETAILS
+- calendar.js: SVG mit innerHTML statt createElement erzeugt
+- Konsistente Icon-Darstellung in allen Buttons
+- Service Worker Cache-Version: 275
+
+================================================================================
+07.01.2025 - KONTAKTE-MODUL: UI-REDESIGN FÜR KONSISTENZ
+================================================================================
+
+## UI-ANPASSUNGEN
+✅ View-Container mit konsistentem Padding (spacing-6) wie andere Module
+✅ View-Wrapper für scrollbaren Inhalt hinzugefügt
+✅ Header-Styling vereinheitlicht (text-2xl, font-semibold)
+✅ Filter-Controls mit modernem Card-Design (bg-secondary, border-radius-xl)
+✅ Select-Dropdowns mit Custom-Styling und Hover-Effekten
+✅ Kontakt-Karten mit verbessertem Spacing und border-radius-xl
+✅ SVG-Icons statt Font Awesome für bessere Performance
+✅ Empty-State Design konsistent mit anderen Modulen
+✅ Responsive Breakpoints optimiert (968px, 768px)
+✅ CSS-Variablen durchgängig verwendet (spacing-*, text-*, radius-*)
+✅ Hover-Effekte verbessert (scale, shadow-lg)
+✅ Tag-Styling mit border-radius-full für moderne Optik
+
+## TECHNISCHE DETAILS
+- Alle Abstände nutzen nun --spacing-* Variablen
+- Border-Radius konsistent mit --radius-xl
+- Filter-Select mit 40px Höhe wie andere Buttons
+- Max-Width 1400px für Content-Container
+- Service Worker Cache-Version: 266
+
 ================================================================================
 07.01.2025 - KONTAKTE-MODUL: VOLLSTÄNDIGE IMPLEMENTATION & FEHLERBEHEBUNG
 ================================================================================