feat(shopping): custom categories - add, rename, delete and reorder (#26)

- New DB table shopping_categories (migration v5) seeds 9 default
  categories with Lucide icons and sort_order
- Backend CRUD routes: GET/POST/PUT/DELETE /shopping/categories
  plus PATCH /shopping/categories/reorder
- Category validation now uses DB instead of hardcoded constant;
  items of deleted category are moved to the next available one
- Frontend shopping page loads categories from API, dropdown and
  grouping reflect custom order dynamically
- Settings -> Shopping section: list categories with up/down buttons,
  click-to-rename, delete with confirmation; add new categories inline
- i18n keys added in de/en/sv/it
This commit is contained in:
Ulas
2026-04-05 17:24:06 +02:00
parent 517e4454d0
commit 2dc8984c3e
11 changed files with 545 additions and 56 deletions
+67
View File
@@ -362,3 +362,70 @@
.settings-logout-btn {
width: 100%;
}
/* --------------------------------------------------------
Einkaufskategorien
-------------------------------------------------------- */
.cat-list {
list-style: none;
margin: 0 0 var(--space-3);
padding: 0;
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.cat-row {
display: flex;
align-items: center;
gap: var(--space-2);
padding: var(--space-2) var(--space-1);
border-radius: var(--radius-sm);
transition: background var(--duration-fast);
}
.cat-row:hover {
background: var(--color-surface-raised);
}
.cat-row__icon {
width: 18px;
height: 18px;
flex-shrink: 0;
color: var(--color-text-secondary);
}
.cat-row__name {
flex: 1;
min-width: 0;
font-size: var(--text-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text-primary);
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cat-row__name:hover {
color: var(--color-accent);
text-decoration: underline;
}
.cat-row__actions {
display: flex;
align-items: center;
gap: var(--space-1);
flex-shrink: 0;
}
.cat-add-form {
display: flex;
gap: var(--space-2);
margin-top: var(--space-2);
}
.cat-add-form .form-input {
flex: 1;
}