Versie module 1 van 26-7

2026-07-26 22:18:52 +02:00
commit 26a820b41a
39 changed files with 3663 additions and 0 deletions
@@ -0,0 +1,58 @@
+<div class="card">
+
+<div class="card-body">
+
+
+<h2>
+Inloggen
+</h2>
+
+
+<form method="post">
+
+
+<div class="mb-3">
+
+<label class="form-label">
+Email
+</label>
+
+<input
+class="form-control"
+type="email"
+name="email"
+required>
+
+</div>
+
+
+
+<div class="mb-3">
+
+<label class="form-label">
+Wachtwoord
+</label>
+
+<input
+class="form-control"
+type="password"
+name="password"
+required>
+
+</div>
+
+
+
+<button class="btn btn-primary">
+
+Inloggen
+
+</button>
+
+
+</form>
+
+
+</div>
+
+</div>
@@ -0,0 +1,73 @@
+<div class="card">
+
+<div class="card-body">
+
+
+<h2>
+Account maken
+</h2>
+
+
+<form method="post">
+
+
+<div class="mb-3">
+
+<label class="form-label">
+Naam
+</label>
+
+<input
+class="form-control"
+name="name"
+required>
+
+</div>
+
+
+
+<div class="mb-3">
+
+<label class="form-label">
+Email
+</label>
+
+<input
+class="form-control"
+type="email"
+name="email"
+required>
+
+</div>
+
+
+
+<div class="mb-3">
+
+<label class="form-label">
+Wachtwoord
+</label>
+
+<input
+class="form-control"
+type="password"
+name="password"
+required>
+
+</div>
+
+
+
+<button class="btn btn-primary">
+
+Registreren
+
+</button>
+
+
+</form>
+
+
+</div>
+
+</div>
@@ -0,0 +1,17 @@
+<div class="mb-4">
+
+<h1>
+Welkom <%= user.name %> 👋
+</h1>
+
+
+<p class="text-secondary">
+
+Huishouden:
+<strong>
+<%= user.household_name || "Geen huishouden" %>
+</strong>
+
+</p>
+
+</div>
@@ -0,0 +1,35 @@
+<!doctype html>
+
+<html>
+
+<head>
+
+<title>404</title>
+
+<link
+href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css"
+rel="stylesheet">
+
+</head>
+
+<body>
+
+<div class="container py-5">
+
+<h1>404</h1>
+
+<p>Pagina niet gevonden.</p>
+
+<a
+href="/"
+class="btn btn-primary">
+
+Terug
+
+</a>
+
+</div>
+
+</body>
+
+</html>
@@ -0,0 +1,69 @@
+<!doctype html>
+
+<html lang="nl">
+
+<head>
+
+<meta charset="UTF-8">
+
+<title><%= title %></title>
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+<link
+href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css"
+rel="stylesheet">
+
+</head>
+
+<body>
+
+<div class="page">
+
+<div class="page-wrapper">
+
+<div class="container-xl py-5">
+
+<div class="text-center">
+
+<h1 class="display-3">
+
+🛒 PantryHub
+
+</h1>
+
+<p class="text-secondary">
+
+De slimme boodschappenapp
+
+</p>
+
+<hr>
+
+<a
+href="/login"
+class="btn btn-primary">
+
+Inloggen
+
+</a>
+
+<a
+href="/register"
+class="btn btn-success">
+
+Registreren
+
+</a>
+
+</div>
+
+</div>
+
+</div>
+
+</div>
+
+</body>
+
+</html>
@@ -0,0 +1,31 @@
+<div class="card">
+
+<div class="card-body">
+
+
+<h2>
+<%= user.household_name %>
+</h2>
+
+
+<p>
+
+Rol:
+
+<strong>
+<%= user.role %>
+</strong>
+
+</p>
+
+
+<button class="btn btn-primary">
+
+Lid uitnodigen
+
+</button>
+
+
+</div>
+
+</div>
@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="nl">
+
+<head>
+
+    <%- include("../partials/head") %>
+
+</head>
+
+
+<body>
+
+
+<div class="page">
+
+    <%- include("../partials/navbar") %>
+
+
+    <div class="page-wrapper">
+
+
+        <div class="container-xl">
+
+            <%- body %>
+
+        </div>
+
+
+        <%- include("../partials/footer") %>
+
+
+    </div>
+
+
+</div>
+
+
+<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
+
+
+</body>
+
+</html>
@@ -0,0 +1,13 @@
+<footer class="footer footer-transparent">
+
+<div class="container-xl">
+
+<div class="text-center">
+
+PantryHub © <%= new Date().getFullYear() %>
+
+</div>
+
+</div>
+
+</footer>
@@ -0,0 +1,18 @@
+<meta charset="UTF-8">
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+<title>
+    <%= title || "PantryHub" %>
+</title>
+
+
+<link
+href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css"
+rel="stylesheet">
+
+
+<link
+href="/css/style.css"
+rel="stylesheet">
@@ -0,0 +1,14 @@
+<header class="navbar navbar-expand-md navbar-light d-print-none">
+
+<div class="container-xl">
+
+<a class="navbar-brand" href="/">
+
+🛒 PantryHub
+
+</a>
+
+
+</div>
+
+</header>
@@ -0,0 +1,49 @@
+<aside class="navbar navbar-vertical navbar-expand-lg">
+
+<div class="container-fluid">
+
+
+<div class="navbar-nav">
+
+
+<a class="nav-link" href="/">
+
+🏠 Dashboard
+
+</a>
+
+
+<a class="nav-link" href="/lists">
+
+🛒 Lijsten
+
+</a>
+
+
+<a class="nav-link" href="/products">
+
+📦 Producten
+
+</a>
+
+
+<a class="nav-link" href="/household">
+
+👨‍👩‍👧 Huishouden
+
+</a>
+
+
+<a class="nav-link" href="/settings">
+
+⚙ Instellingen
+
+</a>
+
+
+</div>
+
+
+</div>
+
+</aside>
@@ -0,0 +1,71 @@
+<div class="page-header mb-4">
+
+<h1>
+
+📦 Producten
+
+</h1>
+
+</div>
+
+
+
+<div class="card">
+
+<div class="card-body">
+
+
+<% if(products.length === 0) { %>
+
+
+<p>
+
+Nog geen producten.
+
+</p>
+
+
+<% } %>
+
+
+
+<div class="list-group">
+
+
+<% products.forEach(product => { %>
+
+
+<div class="list-group-item">
+
+
+<strong>
+
+<%= product.name %>
+
+</strong>
+
+
+<br>
+
+
+<span class="text-secondary">
+
+<%= product.category_icon || "" %>
+
+<%= product.category_name || "Geen categorie" %>
+
+</span>
+
+
+</div>
+
+
+<% }) %>
+
+
+</div>
+
+
+</div>
+
+</div>