mirror of
https://github.com/Alvin-Zilverstand/Challenge_15_Magazijn_App_Maken.git
synced 2026-03-06 11:06:34 +01:00
Translate interface text to Dutch for improved localization
This commit is contained in:
Alvin
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 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">
|
||||
@@ -12,25 +12,25 @@
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<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">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<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 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 class="nav-item">
|
||||
<a class="nav-link" href="admin-reservations.html">Reservations</a>
|
||||
<a class="nav-link" href="admin-reservations.html">Reserveringen</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-nav ms-auto">
|
||||
<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>
|
||||
@@ -41,9 +41,9 @@
|
||||
<div class="col">
|
||||
<div class="d-flex justify-content-between align-items-center mb-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">
|
||||
<i class="bi bi-plus-circle"></i> Add New Item
|
||||
<i class="bi bi-plus-circle"></i> Nieuw Artikel Toevoegen
|
||||
</a>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
@@ -14,21 +14,21 @@
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="text-center">Login</h2>
|
||||
<h2 class="text-center">Inloggen</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="loginForm">
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Login</button>
|
||||
<p class="mt-3">New student? <a href="register.html">Register here</a></p>
|
||||
<button type="submit" class="btn btn-primary">Inloggen</button>
|
||||
<p class="mt-3">Nieuwe student? <a href="register.html">Registreer hier</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -108,7 +108,7 @@ function filterAndDisplayReservations() {
|
||||
|
||||
// Delete (cancel) reservation
|
||||
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 {
|
||||
const response = await fetch(`/api/reservations/${reservationId}`, {
|
||||
@@ -122,17 +122,17 @@ async function deleteReservation(reservationId) {
|
||||
await loadReservations();
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.message || 'Failed to cancel reservation');
|
||||
alert(error.message || 'Kon reservering niet annuleren');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error canceling reservation:', error);
|
||||
alert('Failed to cancel reservation');
|
||||
alert('Kon reservering niet annuleren');
|
||||
}
|
||||
}
|
||||
|
||||
// Return reservation (mark as returned)
|
||||
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 {
|
||||
const response = await fetch(`/api/reservations/${reservationId}`, {
|
||||
@@ -151,7 +151,7 @@ async function returnReservation(reservationId) {
|
||||
const alert = document.createElement('div');
|
||||
alert.className = 'alert alert-success alert-dismissible fade show';
|
||||
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>
|
||||
`;
|
||||
const container = document.querySelector('.container');
|
||||
@@ -159,11 +159,11 @@ async function returnReservation(reservationId) {
|
||||
setTimeout(() => alert.remove(), 5000);
|
||||
} else {
|
||||
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) {
|
||||
console.error('Error requesting return:', error);
|
||||
alert(`Failed to request return: ${error.message}`);
|
||||
alert(`Kon retour niet aanvragen: ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -39,7 +39,7 @@ async function loadItems() {
|
||||
displayItems();
|
||||
} catch (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();
|
||||
} catch (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';
|
||||
} else {
|
||||
const error = await response.json();
|
||||
alert(error.message || 'Failed to reserve item');
|
||||
alert(error.message || 'Kon artikel niet reserveren');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error reserving item:', error);
|
||||
alert('Failed to reserve item');
|
||||
alert('Kon artikel niet reserveren');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
@@ -14,12 +14,12 @@
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="text-center">Student Registration</h2>
|
||||
<h2 class="text-center">Student Registratie</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="registrationForm">
|
||||
<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>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
@@ -27,20 +27,20 @@
|
||||
<input type="email" class="form-control" id="email"
|
||||
placeholder="123456@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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Register</button>
|
||||
<p class="mt-3">Already have an account? <a href="index.html">Login here</a></p>
|
||||
<button type="submit" class="btn btn-primary">Registreren</button>
|
||||
<p class="mt-3">Heb je al een account? <a href="index.html">Log hier in</a></p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 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">
|
||||
@@ -12,40 +12,40 @@
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<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">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<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 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>
|
||||
</ul>
|
||||
<div class="navbar-nav ms-auto">
|
||||
<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>
|
||||
</nav>
|
||||
|
||||
<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-header">
|
||||
<h5 class="mb-0">Filter Reservations</h5>
|
||||
<h5 class="mb-0">Filter Reserveringen</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3 mb-3">
|
||||
<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">
|
||||
<option value="all">All Locations</option>
|
||||
<option value="all">Alle Locaties</option>
|
||||
<option value="Heerlen">Heerlen</option>
|
||||
<option value="Maastricht">Maastricht</option>
|
||||
<option value="Sittard">Sittard</option>
|
||||
@@ -54,22 +54,22 @@
|
||||
<div class="col-md-6">
|
||||
<label for="statusFilter" class="form-label">Status</label>
|
||||
<select class="form-select" id="statusFilter">
|
||||
<option value="all">All Status</option>
|
||||
<option value="PENDING">Pending</option>
|
||||
<option value="APPROVED">Approved</option>
|
||||
<option value="REJECTED">Rejected</option>
|
||||
<option value="RETURN_PENDING">Return Pending</option>
|
||||
<option value="RETURNED">Returned</option>
|
||||
<option value="all">Alle Statussen</option>
|
||||
<option value="PENDING">In Behandeling</option>
|
||||
<option value="APPROVED">Goedgekeurd</option>
|
||||
<option value="REJECTED">Afgewezen</option>
|
||||
<option value="RETURN_PENDING">Retour in Behandeling</option>
|
||||
<option value="RETURNED">Geretourneerd</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-3 mb-3">
|
||||
<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">
|
||||
<span class="input-group-text"><i class="bi bi-search"></i></span>
|
||||
<input type="text" class="form-control" id="searchInput" placeholder="Search reservations...">
|
||||
<button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Clear search">
|
||||
<input type="text" class="form-control" id="searchInput" placeholder="Zoek reserveringen...">
|
||||
<button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Zoekopdracht wissen">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
@@ -79,12 +79,12 @@
|
||||
<table class="table table-striped student-reservations-table mb-0">
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th>Item Name</th>
|
||||
<th>Quantity</th>
|
||||
<th>Location</th>
|
||||
<th>Reserved Date</th>
|
||||
<th>Artikelnaam</th>
|
||||
<th>Hoeveelheid</th>
|
||||
<th>Locatie</th>
|
||||
<th>Reserveringsdatum</th>
|
||||
<th>Status</th>
|
||||
<th>Actions</th>
|
||||
<th>Acties</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="reservationsList">
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 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">
|
||||
@@ -12,22 +12,22 @@
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<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">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<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 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>
|
||||
</ul>
|
||||
<div class="navbar-nav ms-auto">
|
||||
<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>
|
||||
@@ -36,20 +36,20 @@
|
||||
<div class="container mt-4">
|
||||
<div class="row mb-4">
|
||||
<div class="col-auto">
|
||||
<h2>Available Items</h2>
|
||||
<h2>Beschikbare Artikelen</h2>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="input-group search-input-group">
|
||||
<span class="input-group-text"><i class="bi bi-search"></i></span>
|
||||
<input type="text" class="form-control" id="searchInput" placeholder="Search items...">
|
||||
<button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Clear search">
|
||||
<input type="text" class="form-control" id="searchInput" placeholder="Zoek artikelen...">
|
||||
<button class="btn btn-outline-secondary" type="button" id="clearSearch" title="Zoekopdracht wissen">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto ms-auto">
|
||||
<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="Maastricht">Maastricht</option>
|
||||
<option value="Sittard">Sittard</option>
|
||||
@@ -58,10 +58,10 @@
|
||||
<div class="col-auto">
|
||||
<div class="btn-group">
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,12 +78,12 @@
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Image</th>
|
||||
<th>Item Name</th>
|
||||
<th>Description</th>
|
||||
<th>Location</th>
|
||||
<th>Quantity Available</th>
|
||||
<th>Action</th>
|
||||
<th>Afbeelding</th>
|
||||
<th>Artikelnaam</th>
|
||||
<th>Beschrijving</th>
|
||||
<th>Locatie</th>
|
||||
<th>Beschikbare Hoeveelheid</th>
|
||||
<th>Actie</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="itemsListBody">
|
||||
|
||||
Reference in New Issue
Block a user