#173 - Vorratsschrank — Direkter Kamera-Scan-Button in der Kopfzeile - robert/todo

lena commented

2026-09-07 09:54:52 +02:00

Collaborator

Story: Vorratsschrank — Direkter Kamera-Scan-Button in der Kopfzeile

As a Nutzer der Speisekammer-Übersicht,
I want to die Handy-Kamera zum Barcode-Scannen mit einem Klick direkt aus der Kopfzeile öffnen können,
so that ich nicht erst durch das "..."-Menü navigieren muss.

Kontext (verifiziert im Code):

Barcode-Scan ist aktuell nur über den Menüpunkt "Barcode scannen" (shopping.page.scanBarcode) im "..."-Menü der Vorratsschrank-Seite (PantryPage.tsx, setzt showBarcodeScan) erreichbar, der PantryBarcodeScanner öffnet.
Analoge Story für die Einkaufsliste bereits umgesetzt: #161 ("Einkaufsliste — Direkter Kamera-Scan-Button in der Kopfzeile").

Acceptance criteria:

Ein neuer, direkt sichtbarer Icon-Button (z. B. Kamera-Symbol) in der Kopfzeile der Vorratsschrank-Seite öffnet denselben PantryBarcodeScanner-Dialog wie der bestehende Menüpunkt.
Der bestehende Menüpunkt "Barcode scannen" im "..."-Menü bleibt zusätzlich erhalten — kein Ersetzen, zwei Wege zum selben Ziel.
Der neue Button hat ein aussagekräftiges, übersetztes aria-label (DE/EN).

Out of scope for this story:

Die Vollbild-Scan-Station (/pantry/:id/scan) — siehe die separate, größere Story "Vorratsschrank — Scan-Station zur Vollbild-Aktivitäts-Ansicht mit Korrektur-Aktionen ausbauen".

## Story: Vorratsschrank — Direkter Kamera-Scan-Button in der Kopfzeile **As a** Nutzer der Speisekammer-Übersicht, **I want to** die Handy-Kamera zum Barcode-Scannen mit einem Klick direkt aus der Kopfzeile öffnen können, **so that** ich nicht erst durch das "..."-Menü navigieren muss. **Kontext (verifiziert im Code):** - Barcode-Scan ist aktuell nur über den Menüpunkt "Barcode scannen" (`shopping.page.scanBarcode`) im "..."-Menü der Vorratsschrank-Seite (`PantryPage.tsx`, setzt `showBarcodeScan`) erreichbar, der `PantryBarcodeScanner` öffnet. - Analoge Story für die Einkaufsliste bereits umgesetzt: #161 ("Einkaufsliste — Direkter Kamera-Scan-Button in der Kopfzeile"). **Acceptance criteria:** - [ ] Ein neuer, direkt sichtbarer Icon-Button (z. B. Kamera-Symbol) in der Kopfzeile der Vorratsschrank-Seite öffnet denselben `PantryBarcodeScanner`-Dialog wie der bestehende Menüpunkt. - [ ] Der bestehende Menüpunkt "Barcode scannen" im "..."-Menü bleibt zusätzlich erhalten — kein Ersetzen, zwei Wege zum selben Ziel. - [ ] Der neue Button hat ein aussagekräftiges, übersetztes `aria-label` (DE/EN). **Out of scope for this story:** - Die Vollbild-Scan-Station (`/pantry/:id/scan`) — siehe die separate, größere Story "Vorratsschrank — Scan-Station zur Vollbild-Aktivitäts-Ansicht mit Korrektur-Aktionen ausbauen".

lena added the

priority/should

type/feature

labels

2026-09-07 09:55:11 +02:00

lena self-assigned this

2026-09-07 11:24:37 +02:00

lena added the

status/claimed

label

2026-09-07 11:24:38 +02:00

lena commented

2026-09-07 11:24:38 +02:00

Author

Collaborator

Claiming this for the current go-loop cycle. Plan: add an icon button (camera) to the Pantry page header that opens the existing PantryBarcodeScanner dialog, mirroring the shopping-list pattern from #161. No backend changes expected. Keeping the existing ...-menu entry as-is.

lena referenced this issue from a commit

2026-09-07 11:34:20 +02:00

feat(#173): add a direct camera-scan button to the Pantry header

lena commented

2026-09-07 11:34:46 +02:00

Author

Collaborator

Done. Added a Camera icon button to the Pantry page header (next to the Categories button) that opens the existing PantryBarcodeScanner dialog directly - same dialog the "Barcode scannen" options-menu item already opens, which stays in place. Mirrors the shopping-list header pattern from #161 exactly. Reused the existing translated shopping.page.scanBarcode i18n key (DE/EN) for both aria-label and title, so AC3 is covered without adding a new key. No backend changes needed.

Tests: added a new PantryPage test covering the header button opening the scanner (mirrors the equivalent ShoppingListPage test from #161); full frontend suite (1210 tests) and full backend suite (1002 tests) both green locally. npm run build and dotnet build -c Release both clean. CI run is queued (FIFO backlog on the shared runner) but not required to confirm correctness given the local pass.

Commit: 99a8e58b.

Done. Added a Camera icon button to the Pantry page header (next to the Categories button) that opens the existing PantryBarcodeScanner dialog directly - same dialog the "Barcode scannen" options-menu item already opens, which stays in place. Mirrors the shopping-list header pattern from #161 exactly. Reused the existing translated `shopping.page.scanBarcode` i18n key (DE/EN) for both aria-label and title, so AC3 is covered without adding a new key. No backend changes needed. Tests: added a new PantryPage test covering the header button opening the scanner (mirrors the equivalent ShoppingListPage test from #161); full frontend suite (1210 tests) and full backend suite (1002 tests) both green locally. `npm run build` and `dotnet build -c Release` both clean. CI run is queued (FIFO backlog on the shared runner) but not required to confirm correctness given the local pass. Commit: 99a8e58b.

lena closed this issue

2026-09-07 11:34:46 +02:00

lena referenced this issue from a commit

2026-09-07 12:10:53 +02:00

docs: record #173 cycle notes (PGDATA fix resolved, stale-checkout port squat)

Rows
Columns

Vorratsschrank — Direkter Kamera-Scan-Button in der Kopfzeile #173

Story: Vorratsschrank — Direkter Kamera-Scan-Button in der Kopfzeile