feat(dashboard): add shopping list widget

Show shopping lists with open items directly on the dashboard.
Each list displays a progress bar, the first few unchecked items,
and a "+N more" overflow indicator. Widget only appears when there
are lists with open items.

Backend: new shoppingLists query in /api/v1/dashboard (up to 3 lists,
6 open items each). Frontend: renderShoppingLists() widget following
existing widget pattern. CSS: compact list/progress/item styles.
i18n: shoppingMore key added to de/en/it.

Requested in discussion #9
This commit is contained in:
Ulas
2026-04-04 14:30:31 +02:00
parent 47b34c4829
commit c93be9049c
8 changed files with 184 additions and 5 deletions
+27
View File
@@ -112,6 +112,33 @@ router.get('/', (req, res) => {
result.pinnedNotes = [];
}
// Einkaufslisten mit offenen Artikeln (max. 3 Listen, je bis zu 6 offene Items)
try {
const lists = d.prepare(`
SELECT sl.id, sl.name,
(SELECT COUNT(*) FROM shopping_items si WHERE si.list_id = sl.id AND si.is_checked = 0) AS open_count,
(SELECT COUNT(*) FROM shopping_items si WHERE si.list_id = sl.id) AS total_count
FROM shopping_lists sl
HAVING open_count > 0
ORDER BY sl.updated_at DESC
LIMIT 3
`).all();
for (const list of lists) {
list.items = d.prepare(`
SELECT id, name, quantity, is_checked
FROM shopping_items
WHERE list_id = ? AND is_checked = 0
ORDER BY id ASC
LIMIT 6
`).all(list.id);
}
result.shoppingLists = lists;
} catch (err) {
log.error('shoppingLists-Fehler:', err.message);
result.shoppingLists = [];
}
// Alle User (für Avatar-Farben in Widgets)
try {
result.users = d.prepare(