Implement multilingual support with Dutch and English translations across various pages and functionalities

This commit is contained in:
Alvin
2025-11-05 09:37:04 +01:00
parent 1d5b007577
commit febdcf8217
10 changed files with 304 additions and 111 deletions

View File

@@ -12,25 +12,35 @@
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">School Magazijn - Admin</a>
<a class="navbar-brand" href="#" data-translate="school-warehouse">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">Voorraad</a>
<a class="nav-link active" href="admin.html" data-translate="inventory">Voorraad</a>
</li>
<li class="nav-item">
<a class="nav-link" href="add-item.html">Nieuw Artikel Toevoegen</a>
<a class="nav-link" href="add-item.html" data-translate="add-new-item">Nieuw Artikel Toevoegen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="admin-reservations.html">Reserveringen</a>
<a class="nav-link" href="admin-reservations.html" data-translate="reservations">Reserveringen</a>
</li>
</ul>
<div class="navbar-nav ms-auto">
<div class="language-toggle nav-item">
<div class="language-switcher">
<button class="language-btn active" id="nlBtn" data-lang="nl">
<i class="fas fa-flag me-1"></i>Nederlands
</button>
<button class="language-btn" id="enBtn" data-lang="en">
<i class="fas fa-flag me-1"></i>English
</button>
</div>
</div>
<span class="nav-item nav-link text-light" id="userInfo"></span>
<a class="nav-link" href="#" id="logoutBtn">Uitloggen</a>
<a class="nav-link" href="#" id="logoutBtn" data-translate="logout">Uitloggen</a>
</div>
</div>
</div>
@@ -160,6 +170,7 @@
}
});
</script>
<script src="js/translations.js"></script>
<script src="js/admin.js"></script>
</body>
</html>