Home/Docs

📚 Feature Dokumentation

Version 1.2.0 • Letzte Aktualisierung: 10. Dezember 2025

⌨️ Tastenkürzel

Das Dashboard unterstützt umfangreiche Tastenkürzel für schnellere Navigation.

TastenkürzelAktion
Ctrl + KCommand Palette öffnen
?Tastenkürzel-Hilfe anzeigen
EscapeDialog/Modal schließen
G dann DZum Dashboard navigieren
G dann RZu Reports navigieren
G dann TZu Tickets navigieren
G dann AZum Admin-Bereich navigieren
Ctrl + Shift + LTheme wechseln
💡 Tipp: Drücke ? jederzeit, um die Tastenkürzel-Übersicht zu öffnen.

🔔 Benachrichtigungen

Das Benachrichtigungssystem informiert über wichtige Ereignisse.

Zugriff

Klicke auf das Glocken-Symbol in der Topbar.

Funktionen

  • Ungelesene Anzeige: Badge zeigt Anzahl ungelesener Benachrichtigungen
  • Als gelesen markieren: Einzeln oder alle auf einmal
  • Persistenz: Benachrichtigungen werden im LocalStorage gespeichert

Benachrichtigungstypen

TypBeschreibung
InfoAllgemeine Informationen
SuccessErfolgreiche Aktionen
WarningWarnungen
ErrorFehlermeldungen

📊 Dashboard Widgets

Das Dashboard bietet verschiedene Widgets zur Übersicht.

Bug Trend Chart

Zeigt die Entwicklung der Bug-Reports über die letzten 7 Tage als Liniendiagramm.

Status Pie Chart

Visualisiert die Verteilung der Ticket-Status als Kreisdiagramm.

Meine zugewiesenen Items

Liste aller dir zugewiesenen Reports und Tickets mit Schnellzugriff.

Activity Feed

Zeigt die letzten Aktivitäten im System in Echtzeit.

✅ Bulk Actions

Massenaktionen für Reports und Tickets.

Aktivierung

  1. Wähle mehrere Items über die Checkboxen aus
  2. Die Bulk Actions Bar erscheint automatisch am unteren Bildschirmrand

Verfügbare Aktionen

AktionBeschreibung
Status ändernÄndere den Status aller ausgewählten Items
ZuweisenWeise alle Items einem Benutzer zu
LöschenLösche alle ausgewählten Items

📤 Export Funktionen

Exportiere Daten in verschiedenen Formaten.

Verfügbare Formate

  • CSV: Komma-separierte Werte, kompatibel mit Excel
  • JSON: Strukturierte Daten für Entwickler

Verwendung

  1. Klicke auf den Export-Button in der Listenansicht
  2. Wähle das gewünschte Format
  3. Die Datei wird automatisch heruntergeladen

📱 PWA Support

Das Dashboard kann als Progressive Web App installiert werden.

Installation (Desktop)

  1. Öffne das Dashboard im Browser (Chrome/Edge)
  2. Klicke auf das Installations-Symbol in der Adressleiste
  3. Bestätige die Installation

Installation (Mobile)

  1. Öffne das Dashboard im Browser
  2. Tippe auf "Zum Startbildschirm hinzufügen"
  3. Bestätige die Installation

Funktionen

  • Offline-Fähigkeit: Grundlegende Funktionen auch ohne Internet
  • Native Erfahrung: Vollbild ohne Browser-UI
  • Schnellstart: Direkter Zugriff vom Home-Screen

📝 Formulare

Verbesserte Formulare mit Validierung und Auto-Save.

Features

  • Echtzeit-Validierung: Fehler werden sofort angezeigt
  • Auto-Save Drafts: Entwürfe werden automatisch gespeichert
  • Undo/Redo: Rückgängig machen über Toast-Benachrichtigungen
💡 Tipp: Entwürfe werden alle 30 Sekunden automatisch im LocalStorage gespeichert und beim erneuten Öffnen wiederhergestellt.

♿ Accessibility

Das Dashboard ist barrierefrei gestaltet.

Features

  • Skip Links: Springe direkt zum Hauptinhalt
  • Keyboard Navigation: Vollständige Bedienung per Tastatur
  • Screen Reader: ARIA-Labels und Landmarks
  • Focus Management: Sichtbare Fokus-Indikatoren
  • Reduced Motion: Respektiert System-Einstellungen

Tastaturnavigation

  • Tab - Zum nächsten Element
  • Shift + Tab - Zum vorherigen Element
  • Enter / Space - Element aktivieren
  • Escape - Dialog schließen

🎨 Theme System

Light und Dark Mode Unterstützung.

Wechseln

  • Tastenkürzel: Ctrl + Shift + L
  • UI: Klicke auf das Theme-Icon in der Topbar

Automatisch

Das System respektiert die Betriebssystem-Einstellung (prefers-color-scheme).

Farbpalette (Tailwind Zinc)

Light BG
Dark BG
Primary
Success
Error

Bei Fragen drücke ? für die Tastenkürzel-Übersicht oder erstelle ein Ticket.

Diese Dokumentation wird automatisch mit neuen Features aktualisiert.