Story: Priorisierte Liste — Labels als Tags anzeigen (wie auf der Standard-To-Do-Liste)

As a Nutzer der Priorisierten Liste,
I want to zugewiesene Labels genauso als farbige Tags in der Zeile sehen wie auf der
Standard-To-Do-Liste,
so that ich Labels konsistent über beide Listentypen hinweg nutzen und erkennen kann.

Background

Labels existieren als Feature bereits (#19) und werden auf der Standard-To-Do-Liste
(TodoItem.tsx) als Tags angezeigt. Auf der Priorisierten Liste (PriorityTodoRow.tsx, zuletzt
überarbeitet in #131) fehlt diese Darstellung.

Acceptance criteria:

Todos der Priorisierten Liste zeigen ihre zugewiesenen Labels als Tags in der Zeile an —
visuell konsistent mit der Darstellung auf der Standard-To-Do-Liste (gleiche Farben, gleiche
Form).
Labels lassen sich auf der Priorisierten Liste genauso zuweisen/entfernen wie auf der
Standard-To-Do-Liste (falls diese Funktion dort noch fehlt).
Bestehende Tests für PriorityTodoRow.tsx werden um die Label-Darstellung ergänzt.

Out of scope for this story:

Neue Label-Verwaltungsfunktionen (Erstellen/Umbenennen) — nur die Anzeige/Zuweisung im bestehenden
Rahmen.

# Story: Priorisierte Liste — Labels als Tags anzeigen (wie auf der Standard-To-Do-Liste) **As a** Nutzer der Priorisierten Liste, **I want to** zugewiesene Labels genauso als farbige Tags in der Zeile sehen wie auf der Standard-To-Do-Liste, **so that** ich Labels konsistent über beide Listentypen hinweg nutzen und erkennen kann. ## Background Labels existieren als Feature bereits (`#19`) und werden auf der Standard-To-Do-Liste (`TodoItem.tsx`) als Tags angezeigt. Auf der Priorisierten Liste (`PriorityTodoRow.tsx`, zuletzt überarbeitet in `#131`) fehlt diese Darstellung. **Acceptance criteria:** - [ ] Todos der Priorisierten Liste zeigen ihre zugewiesenen Labels als Tags in der Zeile an — visuell konsistent mit der Darstellung auf der Standard-To-Do-Liste (gleiche Farben, gleiche Form). - [ ] Labels lassen sich auf der Priorisierten Liste genauso zuweisen/entfernen wie auf der Standard-To-Do-Liste (falls diese Funktion dort noch fehlt). - [ ] Bestehende Tests für `PriorityTodoRow.tsx` werden um die Label-Darstellung ergänzt. **Out of scope for this story:** - Neue Label-Verwaltungsfunktionen (Erstellen/Umbenennen) — nur die Anzeige/Zuweisung im bestehenden Rahmen.

lena self-assigned this

2026-09-04 12:33:24 +02:00

lena added the

status/claimed

label

2026-09-04 12:33:25 +02:00

lena commented

2026-09-04 12:33:32 +02:00

Collaborator

Claiming this. Picked ahead of the newly-filed #157 (higher priority/should, but needs a DB migration + handler tests I can't verify right now - Docker Desktop is down on this machine again this cycle) since this story is a pure frontend change I can fully test without a database. Plan: reuse the existing label-tag rendering from TodoItem.tsx in PriorityTodoRow.tsx for visual consistency, and wire up label assign/remove there if not already present.

lena referenced this issue from a commit

2026-09-04 12:42:00 +02:00

feat(#153): show labels as tags on the Priority Matrix list

lena commented

2026-09-04 12:42:12 +02:00

Collaborator

Done and pushed (4f3c6a0 on master). Scope: PriorityTodoRow.tsx now shows assigned labels as removable colored tags (same LabelChip component, same sort-by-id order) below the row, and gained a "Labels" entry in its overflow menu that opens the same LabelPicker dialog TodoItem.tsx already uses to assign/create/remove labels - fully reused, no backend changes needed since TodoDto already carried .labels for every list type and the Tag/UntagTodoCommand endpoints already exist. Tests: 6 new cases in PriorityTodoRow.test.tsx mirroring TodoItem.test.tsx's own label-chip coverage (empty state, chip rendering, sort order, remove, readOnly gating, picker opening) - all passing, plus the full frontend suite (1148 tests) and build green. Could not do a live browser click-through this cycle - Docker Desktop was still down on this machine so no backend was reachable to log in against (confirmed via 500s on /api calls when I tried); relying on the component tests, which render the real DOM against the same markup via React Testing Library. Second acceptance criterion ("Labels lassen sich genauso zuweisen/entfernen wie auf der Standard-To-Do-Liste") was already true given LabelPicker is the exact same, already-generic component - no extra work needed there.

Done and pushed (4f3c6a0 on master). Scope: PriorityTodoRow.tsx now shows assigned labels as removable colored tags (same LabelChip component, same sort-by-id order) below the row, and gained a "Labels" entry in its overflow menu that opens the same LabelPicker dialog TodoItem.tsx already uses to assign/create/remove labels - fully reused, no backend changes needed since TodoDto already carried .labels for every list type and the Tag/UntagTodoCommand endpoints already exist. Tests: 6 new cases in PriorityTodoRow.test.tsx mirroring TodoItem.test.tsx's own label-chip coverage (empty state, chip rendering, sort order, remove, readOnly gating, picker opening) - all passing, plus the full frontend suite (1148 tests) and build green. Could not do a live browser click-through this cycle - Docker Desktop was still down on this machine so no backend was reachable to log in against (confirmed via 500s on /api calls when I tried); relying on the component tests, which render the real DOM against the same markup via React Testing Library. Second acceptance criterion ("Labels lassen sich genauso zuweisen/entfernen wie auf der Standard-To-Do-Liste") was already true given LabelPicker is the exact same, already-generic component - no extra work needed there.

lena closed this issue

2026-09-04 12:42:12 +02:00

Rows
Columns

Priorisierte Liste — Labels als Tags anzeigen (wie auf der Standard-To-Do-Liste) #153

Story: Priorisierte Liste — Labels als Tags anzeigen (wie auf der Standard-To-Do-Liste)

Background