alvin/Challenge_15_Magazijn_App_Maken
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Challenge_15_Magazijn_App_Maken.git synced 2026-03-06 11:06:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Translate interface text to Dutch for improved localization

Browse Source
This commit is contained in:
Alvin
2025-11-04 10:34:58 +01:00
parent 0e8a906cfd
commit 278e9353f9
7 changed files with 73 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/admin.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Warehouse Dashboard - Admin</title> <title>Magazijn Dashboard - Admin</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet">
@@ -12,25 +12,25 @@
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">School Warehouse - Admin</a> <a class="navbar-brand" href="#">School Magazijn - Admin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="admin.html">Inventory</a> <a class="nav-link active" href="admin.html">Voorraad</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="add-item.html">Add New Item</a> <a class="nav-link" href="add-item.html">Nieuw Artikel Toevoegen</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="admin-reservations.html">Reservations</a> <a class="nav-link" href="admin-reservations.html">Reserveringen</a>
</li> </li>
</ul> </ul>
<div class="navbar-nav ms-auto"> <div class="navbar-nav ms-auto">
<span class="nav-item nav-link text-light" id="userInfo"></span> <span class="nav-item nav-link text-light" id="userInfo"></span>
<a class="nav-link" href="#" id="logoutBtn">Logout</a> <a class="nav-link" href="#" id="logoutBtn">Uitloggen</a>
</div> </div>
</div> </div>
</div> </div>
@@ -41,9 +41,9 @@
<div class="col"> <div class="col">
<div class="d-flex justify-content-between align-items-center mb-3"> <div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center gap-3"> <div class="d-flex align-items-center gap-3">
<h2 class="mb-0">Inventory Management</h2> <h2 class="mb-0">Voorraadbeheer</h2>
<a href="add-item.html" class="btn btn-success"> <a href="add-item.html" class="btn btn-success">
<i class="bi bi-plus-circle"></i> Add New Item <i class="bi bi-plus-circle"></i> Nieuw Artikel Toevoegen
</a> </a>
</div> </div>
<div class="btn-group"> <div class="btn-group">

12
public/index.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>School Warehouse System</title> <title>School Magazijn Systeem</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">
@@ -14,21 +14,21 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h2 class="text-center">Login</h2> <h2 class="text-center">Inloggen</h2>
</div> </div>
<div class="card-body"> <div class="card-body">
<form id="loginForm"> <form id="loginForm">
<div class="mb-3"> <div class="mb-3">
<label for="username" class="form-label">Username</label> <label for="username" class="form-label">Gebruikersnaam</label>
<input type="text" class="form-control" id="username" required> <input type="text" class="form-control" id="username" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="password" class="form-label">Password</label> <label for="password" class="form-label">Wachtwoord</label>
<input type="password" class="form-control" id="password" required> <input type="password" class="form-control" id="password" required>
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="submit" class="btn btn-primary">Login</button> <button type="submit" class="btn btn-primary">Inloggen</button>
<p class="mt-3">New student? <a href="register.html">Register here</a></p> <p class="mt-3">Nieuwe student? <a href="register.html">Registreer hier</a></p>
</div> </div>
</form> </form>
</div> </div>

14
public/js/student-reservations.js
View File

@@ -108,7 +108,7 @@ function filterAndDisplayReservations() {
// Delete (cancel) reservation // Delete (cancel) reservation
async function deleteReservation(reservationId) { async function deleteReservation(reservationId) {
if (!confirm('Are you sure you want to cancel this reservation?')) return; if (!confirm('Weet je zeker dat je deze reservering wilt annuleren?')) return;
try { try {
const response = await fetch(`/api/reservations/${reservationId}`, { const response = await fetch(`/api/reservations/${reservationId}`, {
@@ -122,17 +122,17 @@ async function deleteReservation(reservationId) {
await loadReservations(); await loadReservations();
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.message || 'Failed to cancel reservation'); alert(error.message || 'Kon reservering niet annuleren');
} }
} catch (error) { } catch (error) {
console.error('Error canceling reservation:', error); console.error('Error canceling reservation:', error);
alert('Failed to cancel reservation'); alert('Kon reservering niet annuleren');
} }
} }
// Return reservation (mark as returned) // Return reservation (mark as returned)
async function returnReservation(reservationId) { async function returnReservation(reservationId) {
if (!confirm('Are you sure you want to request return for this item? An admin will need to approve the return.')) return; if (!confirm('Weet je zeker dat je retour wilt aanvragen voor dit artikel? Een admin moet de retour goedkeuren.')) return;
try { try {
const response = await fetch(`/api/reservations/${reservationId}`, { const response = await fetch(`/api/reservations/${reservationId}`, {
@@ -151,7 +151,7 @@ async function returnReservation(reservationId) {
const alert = document.createElement('div'); const alert = document.createElement('div');
alert.className = 'alert alert-success alert-dismissible fade show'; alert.className = 'alert alert-success alert-dismissible fade show';
alert.innerHTML = ` alert.innerHTML = `
Return requested successfully! An admin will review your request. Retour succesvol aangevraagd! Een admin zal je verzoek beoordelen.
<button type="button" class="btn-close" data-bs-dismiss="alert"></button> <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
`; `;
const container = document.querySelector('.container'); const container = document.querySelector('.container');
@@ -159,11 +159,11 @@ async function returnReservation(reservationId) {
setTimeout(() => alert.remove(), 5000); setTimeout(() => alert.remove(), 5000);
} else { } else {
const error = await response.json(); const error = await response.json();
throw new Error(error.message || 'Failed to request return'); throw new Error(error.message || 'Kon retour niet aanvragen');
} }
} catch (error) { } catch (error) {
console.error('Error requesting return:', error); console.error('Error requesting return:', error);
alert(`Failed to request return: ${error.message}`); alert(`Kon retour niet aanvragen: ${error.message}`);
} }
} }

8
public/js/student.js
View File

@@ -39,7 +39,7 @@ async function loadItems() {
displayItems(); displayItems();
} catch (error) { } catch (error) {
console.error('Error loading items:', error); console.error('Error loading items:', error);
alert('Failed to load items'); alert('Kon artikelen niet laden');
} }
} }
@@ -185,7 +185,7 @@ async function loadMyReservations() {
displayMyReservations(); displayMyReservations();
} catch (error) { } catch (error) {
console.error('Error loading reservations:', error); console.error('Error loading reservations:', error);
alert('Failed to load reservations'); alert('Kon reserveringen niet laden');
} }
} }
@@ -221,11 +221,11 @@ async function reserveItem(itemId, quantity = 1) {
window.location.href = '/student-reservations.html'; window.location.href = '/student-reservations.html';
} else { } else {
const error = await response.json(); const error = await response.json();
alert(error.message || 'Failed to reserve item'); alert(error.message || 'Kon artikel niet reserveren');
} }
} catch (error) { } catch (error) {
console.error('Error reserving item:', error); console.error('Error reserving item:', error);
alert('Failed to reserve item'); alert('Kon artikel niet reserveren');
} }
} }

16
public/register.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Registration - School Warehouse System</title> <title>Student Registratie - School Magazijn Systeem</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">
@@ -14,12 +14,12 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h2 class="text-center">Student Registration</h2> <h2 class="text-center">Student Registratie</h2>
</div> </div>
<div class="card-body"> <div class="card-body">
<form id="registrationForm"> <form id="registrationForm">
<div class="mb-3"> <div class="mb-3">
<label for="username" class="form-label">Username</label> <label for="username" class="form-label">Gebruikersnaam</label>
<input type="text" class="form-control" id="username" required> <input type="text" class="form-control" id="username" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
@@ -27,20 +27,20 @@
<input type="email" class="form-control" id="email" <input type="email" class="form-control" id="email"
placeholder="123456@vistacollege.nl" placeholder="123456@vistacollege.nl"
pattern="^\d+@vistacollege\.nl$" pattern="^\d+@vistacollege\.nl$"
title="Email must be in the format: studentnumber@vistacollege.nl" title="Email moet in het formaat zijn: studentnummer@vistacollege.nl"
required> required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="password" class="form-label">Password</label> <label for="password" class="form-label">Wachtwoord</label>
<input type="password" class="form-control" id="password" required> <input type="password" class="form-control" id="password" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="confirmPassword" class="form-label">Confirm Password</label> <label for="confirmPassword" class="form-label">Bevestig Wachtwoord</label>
<input type="password" class="form-control" id="confirmPassword" required> <input type="password" class="form-control" id="confirmPassword" required>
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="submit" class="btn btn-primary">Register</button> <button type="submit" class="btn btn-primary">Registreren</button>
<p class="mt-3">Already have an account? <a href="index.html">Login here</a></p> <p class="mt-3">Heb je al een account? <a href="index.html">Log hier in</a></p>
</div> </div>
</form> </form>
</div> </div>

46
public/student-reservations.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Reservations - Student</title> <title>Mijn Reserveringen - Student</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet">
@@ -12,40 +12,40 @@
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">School Warehouse</a> <a class="navbar-brand" href="#">School Magazijn</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="student.html">Available Items</a> <a class="nav-link" href="student.html">Beschikbare Artikelen</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="student-reservations.html">My Reservations</a> <a class="nav-link active" href="student-reservations.html">Mijn Reserveringen</a>
</li> </li>
</ul> </ul>
<div class="navbar-nav ms-auto"> <div class="navbar-nav ms-auto">
<span class="nav-item nav-link text-light" id="userInfo"></span> <span class="nav-item nav-link text-light" id="userInfo"></span>
<a class="nav-link" href="#" id="logoutBtn">Logout</a> <a class="nav-link" href="#" id="logoutBtn">Uitloggen</a>
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
<div class="container mt-4"> <div class="container mt-4">
<h2 class="mb-4">My Reservations</h2> <h2 class="mb-4">Mijn Reserveringen</h2>
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0">Filter Reservations</h5> <h5 class="mb-0">Filter Reserveringen</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row g-3 mb-3"> <div class="row g-3 mb-3">
<div class="col-md-6"> <div class="col-md-6">
<label for="locationFilter" class="form-label">Location</label> <label for="locationFilter" class="form-label">Locatie</label>
<select class="form-select" id="locationFilter"> <select class="form-select" id="locationFilter">
<option value="all">All Locations</option> <option value="all">Alle Locaties</option>
<option value="Heerlen">Heerlen</option> <option value="Heerlen">Heerlen</option>
<option value="Maastricht">Maastricht</option> <option value="Maastricht">Maastricht</option>
<option value="Sittard">Sittard</option> <option value="Sittard">Sittard</option>
@@ -54,22 +54,22 @@
<div class="col-md-6"> <div class="col-md-6">
<label for="statusFilter" class="form-label">Status</label> <label for="statusFilter" class="form-label">Status</label>
<select class="form-select" id="statusFilter"> <select class="form-select" id="statusFilter">
<option value="all">All Status</option> <option value="all">Alle Statussen</option>
<option value="PENDING">Pending</option> <option value="PENDING">In Behandeling</option>
<option value="APPROVED">Approved</option> <option value="APPROVED">Goedgekeurd</option>
<option value="REJECTED">Rejected</option> <option value="REJECTED">Afgewezen</option>
<option value="RETURN_PENDING">Return Pending</option> <option value="RETURN_PENDING">Retour in Behandeling</option>
<option value="RETURNED">Returned</option> <option value="RETURNED">Geretourneerd</option>
</select> </select>
</div> </div>
</div> </div>
<div class="row g-3 mb-3"> <div class="row g-3 mb-3">
<div class="col-md-6"> <div class="col-md-6">
<label for="searchInput" class="form-label">Search</label> <label for="searchInput" class="form-label">Zoeken</label>
<div class="input-group search-input-group"> <div class="input-group search-input-group">
<span class="input-group-text"><i class="bi bi-search"></i></span> <span class="input-group-text"><i class="bi bi-search"></i></span>
<input type="text" class="form-control" id="searchInput" placeholder="Search reservations..."> <input type="text" class="form-control" id="searchInput" placeholder="Zoek reserveringen...">
<button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Clear search"> <button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Zoekopdracht wissen">
<i class="bi bi-x-lg"></i> <i class="bi bi-x-lg"></i>
</button> </button>
</div> </div>
@@ -79,12 +79,12 @@
<table class="table table-striped student-reservations-table mb-0"> <table class="table table-striped student-reservations-table mb-0">
<thead class="table-dark"> <thead class="table-dark">
<tr> <tr>
<th>Item Name</th> <th>Artikelnaam</th>
<th>Quantity</th> <th>Hoeveelheid</th>
<th>Location</th> <th>Locatie</th>
<th>Reserved Date</th> <th>Reserveringsdatum</th>
<th>Status</th> <th>Status</th>
<th>Actions</th> <th>Acties</th>
</tr> </tr>
</thead> </thead>
<tbody id="reservationsList"> <tbody id="reservationsList">

34
public/student.html
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Warehouse Dashboard - Student</title> <title>Magazijn Dashboard - Student</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css" rel="stylesheet">
@@ -12,22 +12,22 @@
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">School Warehouse</a> <a class="navbar-brand" href="#">School Magazijn</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="student.html">Available Items</a> <a class="nav-link active" href="student.html">Beschikbare Artikelen</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="student-reservations.html">My Reservations</a> <a class="nav-link" href="student-reservations.html">Mijn Reserveringen</a>
</li> </li>
</ul> </ul>
<div class="navbar-nav ms-auto"> <div class="navbar-nav ms-auto">
<span class="nav-item nav-link text-light" id="userInfo"></span> <span class="nav-item nav-link text-light" id="userInfo"></span>
<a class="nav-link" href="#" id="logoutBtn">Logout</a> <a class="nav-link" href="#" id="logoutBtn">Uitloggen</a>
</div> </div>
</div> </div>
</div> </div>
@@ -36,20 +36,20 @@
<div class="container mt-4"> <div class="container mt-4">
<div class="row mb-4"> <div class="row mb-4">
<div class="col-auto"> <div class="col-auto">
<h2>Available Items</h2> <h2>Beschikbare Artikelen</h2>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="input-group search-input-group"> <div class="input-group search-input-group">
<span class="input-group-text"><i class="bi bi-search"></i></span> <span class="input-group-text"><i class="bi bi-search"></i></span>
<input type="text" class="form-control" id="searchInput" placeholder="Search items..."> <input type="text" class="form-control" id="searchInput" placeholder="Zoek artikelen...">
<button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Clear search"> <button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Zoekopdracht wissen">
<i class="bi bi-x-lg"></i> <i class="bi bi-x-lg"></i>
</button> </button>
</div> </div>
</div> </div>
<div class="col-auto ms-auto"> <div class="col-auto ms-auto">
<select class="form-select me-2" id="locationFilter"> <select class="form-select me-2" id="locationFilter">
<option value="all">All Locations</option> <option value="all">Alle Locaties</option>
<option value="Heerlen">Heerlen</option> <option value="Heerlen">Heerlen</option>
<option value="Maastricht">Maastricht</option> <option value="Maastricht">Maastricht</option>
<option value="Sittard">Sittard</option> <option value="Sittard">Sittard</option>
@@ -58,10 +58,10 @@
<div class="col-auto"> <div class="col-auto">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-outline-primary view-mode-btn active" data-mode="grid"> <button type="button" class="btn btn-outline-primary view-mode-btn active" data-mode="grid">
<i class="bi bi-grid"></i> Grid <i class="bi bi-grid"></i> Raster
</button> </button>
<button type="button" class="btn btn-outline-primary view-mode-btn" data-mode="list"> <button type="button" class="btn btn-outline-primary view-mode-btn" data-mode="list">
<i class="bi bi-list"></i> List <i class="bi bi-list"></i> Lijst
</button> </button>
</div> </div>
</div> </div>
@@ -78,12 +78,12 @@
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
<th>Image</th> <th>Afbeelding</th>
<th>Item Name</th> <th>Artikelnaam</th>
<th>Description</th> <th>Beschrijving</th>
<th>Location</th> <th>Locatie</th>
<th>Quantity Available</th> <th>Beschikbare Hoeveelheid</th>
<th>Action</th> <th>Actie</th>
</tr> </tr>
</thead> </thead>
<tbody id="itemsListBody"> <tbody id="itemsListBody">