zie vorige message

views/auth/register.ejs

@@ -55,6 +55,13 @@
 
                     </div>
 
+                    <div class="mb-3">
+                        <label class="form-label" for="household-code">Huishoudcode (optioneel)</label>
+                        <input id="household-code" type="text" class="form-control" name="household_code"
+                               placeholder="bijv. HOUSEHOLD_1" autocomplete="off">
+                        <div class="form-hint">Vul de code in als je bij een bestaand huishouden wilt aansluiten.</div>
+                    </div>
+
                     <div class="form-footer">
 
                         <button class="btn btn-primary w-100">

views/household/index.ejs

@@ -61,7 +61,7 @@
 
                         <label class="form-label">Lid uitnodigen</label>
 
-                        <p class="text-secondary small">Delen van deze code met anderen:</p>
+                        <p class="text-secondary small">Deel deze code. De ander vult hem in bij het registreren:</p>
 
                         <div class="input-group">
 
@@ -69,7 +69,7 @@
 
                             <button class="btn btn-outline-primary" onclick="navigator.clipboard.writeText('HOUSEHOLD_<%= user.household_id %>')">
 
-                                Kopieren
+                                Kopiëren
 
                             </button>
 

views/lists/show.ejs

@@ -1,6 +1,12 @@
 <div class="page-header mb-4">
-    <a href="/lists" class="btn btn-link">&larr; Terug</a>
-    <h1><%= list.name %></h1>
+    <a href="/lists" class="btn btn-outline-secondary mb-3">&larr; Terug naar lijsten</a>
+    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
+        <h1 class="mb-0"><%= list.name %></h1>
+        <form method="post" action="/lists/<%= list.id %>/items/reset"
+              onsubmit="return confirm('Alle producten weer openzetten?');">
+            <button class="btn btn-outline-primary" type="submit">Alles weer openzetten</button>
+        </form>
+    </div>
 </div>
 
 <div class="row">
@@ -14,7 +20,9 @@
                         <% items.forEach(item => { %>
                             <div class="list-group-item d-flex align-items-center">
                                 <form method="post" action="/lists/<%= list.id %>/items/<%= item.id %>/toggle">
-                                    <button class="btn btn-sm me-2" type="submit" aria-label="Product afvinken">
+                                    <button class="btn btn-sm me-2 list-check-button" type="submit"
+                                            aria-label="Product <%= item.checked ? 'weer openzetten' : 'afvinken' %>"
+                                            <% if (item.checked) { %>onclick="return confirm('Product weer openzetten?');"<% } %>>
                                         <%= item.checked ? "☑" : "☐" %>
                                     </button>
                                 </form>

views/partials/head.ejs

@@ -2,6 +2,18 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
+<meta name="theme-color" content="#206bc4">
+
+<meta name="mobile-web-app-capable" content="yes">
+
+<meta name="apple-mobile-web-app-capable" content="yes">
+
+<meta name="apple-mobile-web-app-status-bar-style" content="default">
+
+<link rel="manifest" href="/manifest.json">
+
+<link rel="apple-touch-icon" href="/icons/icon.svg">
+
 
 <title>
     <%= title || "PantryHub" %>

views/partials/navbar.ejs

@@ -26,7 +26,6 @@
         <nav class="navbar-nav ms-auto">
         <a class="nav-link" href="/">Dashboard</a>
         <a class="nav-link" href="/lists">Lijsten</a>
-        <a class="nav-link" href="/menu">Weekmenu</a>
         <a class="nav-link" href="/products">Producten</a>
         <a class="nav-link" href="/categories">Categorieën</a>
         <a class="nav-link" href="/household">Huishouden</a>