#101b — Vorratsschrank — Label-UI (Folge-Story zu #101) #101

New issue

Closed

opened 2026-08-18 13:14:02 +02:00 by lena · 0 comments

lena commented

2026-08-18 13:14:02 +02:00

(Migrated from git.butzei.de)

Story: Vorratsschrank — Label-UI (Folge-Story zu `#101`)

Depends on: #101 (Backend + DTOs bereits geliefert; siehe
docs/features/in-progress/101_pantry_labels_comments_activity_feed_design.md).

As a Vorratsschrank-Nutzer,
I want to meine Pantry-Produkte mit Labels versehen (Bio, Vorratshaltbar, Kühlkette, ...) und die
Anzeige nach Label filtern,
so that ich Produkte thematisch gruppieren und schnell finden kann.

Acceptance criteria:

Neue PantryLabelPicker-Komponente (analog LabelPicker für Todos) mit Anlegen/Umbenennen/
Löschen, Chip-Toggle, LabelColor-Palette.
PantryItem (oder die per-Zeile-Komponente) zeigt die getaggten Labels als kleine farbige
Chips an, klickbar für den Picker.
PantryPage bekommt einen Label-Filter (native <select> oder Chip-Row), der die
Produktliste auf jene beschränkt, die das gewählte Label tragen.

Backend bereits vorhanden (aus #101):

CreatePantryLabelCommand, RenamePantryLabelCommand, DeletePantryLabelCommand,
GetPantryLabelsQuery, TagPantryProductCommand, UntagPantryProductCommand.
PantryProductDto.labels wird bereits inline mitgeliefert (siehe
GetPantryProductsQueryHandler).

Out of scope: keine WS-Live-Sync für Labels (Pantry hat keinen WS-Kanal; refetch-nach-Mutation
reicht — analog zum Rest von Pantry).

# Story: Vorratsschrank — Label-UI (Folge-Story zu `#101`) **Depends on:** `#101` (Backend + DTOs bereits geliefert; siehe `docs/features/in-progress/101_pantry_labels_comments_activity_feed_design.md`). **As a** Vorratsschrank-Nutzer, **I want to** meine Pantry-Produkte mit Labels versehen (Bio, Vorratshaltbar, Kühlkette, ...) und die Anzeige nach Label filtern, **so that** ich Produkte thematisch gruppieren und schnell finden kann. **Acceptance criteria:** - [ ] Neue `PantryLabelPicker`-Komponente (analog `LabelPicker` für Todos) mit Anlegen/Umbenennen/ Löschen, Chip-Toggle, LabelColor-Palette. - [ ] `PantryItem` (oder die per-Zeile-Komponente) zeigt die getaggten Labels als kleine farbige Chips an, klickbar für den Picker. - [ ] `PantryPage` bekommt einen Label-Filter (native `<select>` oder Chip-Row), der die Produktliste auf jene beschränkt, die das gewählte Label tragen. **Backend bereits vorhanden (aus `#101`):** - `CreatePantryLabelCommand`, `RenamePantryLabelCommand`, `DeletePantryLabelCommand`, `GetPantryLabelsQuery`, `TagPantryProductCommand`, `UntagPantryProductCommand`. - `PantryProductDto.labels` wird bereits inline mitgeliefert (siehe `GetPantryProductsQueryHandler`). **Out of scope:** keine WS-Live-Sync für Labels (Pantry hat keinen WS-Kanal; refetch-nach-Mutation reicht — analog zum Rest von Pantry).