[UI/Memories] Add pagination and improve filter UX #277

New issue

Closed

opened 2026-01-25 13:45:22 +00:00 by jack · 0 comments

jack commented

2026-01-25 13:45:22 +00:00

Owner

Seite: Memories

Aktuelle Probleme

Keine Pagination - Bei 1000+ Observations wird die Liste sehr lang
Filter ohne Clear-Button - Man muss manuell "All Projects/Types" auswählen
Datums-Gruppierung - Nur deutsche Lokalisierung ("Sonntag, 25. Januar 2026")

Verbesserungsvorschläge

Pagination hinzufügen

← 1 2 3 ... 50 → | 20 | 50 | 100 per page

Filter-UX verbessern
- Clear-Button (X) neben aktiven Filtern
- Filter-Count anzeigen ("Bug Fix (23)")
- Aktive Filter als Badges/Chips über der Liste
Datums-Gruppierung
- Lokalisierung basierend auf Browser-Sprache
- Relative Daten: "Heute", "Gestern", "Diese Woche"
Memory-Karten
- Hover-State für bessere Interaktivität
- Bulk-Selection für Mehrfach-Löschung

Viewport-spezifisch

✅ Mobile: Gut, aber Tags werden abgeschnitten
✅ Tablet: OK
✅ Desktop: OK

Priorität

Mittel - Pagination wichtig bei großen Datenmengen

## Seite: Memories ### Aktuelle Probleme 1. **Keine Pagination** - Bei 1000+ Observations wird die Liste sehr lang 2. **Filter ohne Clear-Button** - Man muss manuell "All Projects/Types" auswählen 3. **Datums-Gruppierung** - Nur deutsche Lokalisierung ("Sonntag, 25. Januar 2026") ### Verbesserungsvorschläge 1. **Pagination hinzufügen** ``` ← 1 2 3 ... 50 → | 20 | 50 | 100 per page ``` 2. **Filter-UX verbessern** - Clear-Button (X) neben aktiven Filtern - Filter-Count anzeigen ("Bug Fix (23)") - Aktive Filter als Badges/Chips über der Liste 3. **Datums-Gruppierung** - Lokalisierung basierend auf Browser-Sprache - Relative Daten: "Heute", "Gestern", "Diese Woche" 4. **Memory-Karten** - Hover-State für bessere Interaktivität - Bulk-Selection für Mehrfach-Löschung ### Viewport-spezifisch - ✅ Mobile: Gut, aber Tags werden abgeschnitten - ✅ Tablet: OK - ✅ Desktop: OK ### Priorität Mittel - Pagination wichtig bei großen Datenmengen

ui-memories-desktop.png

168 KiB