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

Merge branch 'main' of https://github.com/Alvin-Zilverstand/Schoolkantine

Browse Source
This commit is contained in:
vista-man
2025-02-20 11:30:06 +01:00
parent 576f4ba0d0 3b2900cf77
commit 4ef9d95d3e
2 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/index.html
View File

@@ -52,7 +52,8 @@
<ul id="cart-items"> <ul id="cart-items">
<!-- Winkelmandje items worden hier dynamisch toegevoegd --> <!-- Winkelmandje items worden hier dynamisch toegevoegd -->
</ul> </ul>
<p>Totaal: €<span id="total-price">0.00</span></p> <p><span data-translate="Totaal">Totaal</span>: €<span id="total-price">0.00</span></p>
<a href="betalen.html"> <a href="betalen.html">
<button id="order-button" >Bestellen</button> <button id="order-button" >Bestellen</button>
</a> </a>
@@ -64,6 +65,9 @@
<span id="cart-count" class="cart-count">0</span> <!-- Aantal producten --> <span id="cart-count" class="cart-count">0</span> <!-- Aantal producten -->
</div> </div>
<!-- Language switcher -->
<div id="language-switcher" class="language-switcher">EN</div>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>

48
website/script.js
View File

@@ -271,57 +271,63 @@ window.onclick = function(event) {
// Initial call to updateCart to ensure the button is hidden on page load // Initial call to updateCart to ensure the button is hidden on page load
updateCart(); updateCart();
// Vertalingen voor beide talen (nl en en)
const translations = { const translations = {
en: { en: {
"Broodjes": "Sandwiches", "Broodjes": "Sandwiches",
"Koude Dranken": "Cold Drinks", "Koude Dranken": "Cold Drinks",
"Warme Dranken": "Hot Drinks", "Warme Dranken": "Hot Drinks",
"Snacks": "Snacks", "Snacks": "Snacks",
"deserts": "Desserts", "deserts": "Ice Creams",
"Deals": "Deals", "Deals": "Deals",
"Soepen": "Soups", "Soepen": "Soups",
"Salades": "Salads", "Salades": "Salads",
"Sausjes": "Sauces", "Sausjes": "Sauces",
"Winkelmandje": "Shopping Cart", "Winkelmandje": "Shopping Cart",
"Bestellen": "Order",
"Prijs": "Price", "Prijs": "Price",
"Totaal": "Total", "Toevoegen aan winkelmandje": "Add to cart",
"Toevoegen aan winkelmandje": "Add to Cart", "Bestellen": "Order",
"Soep van de dag! (Allergieën? Meld het bij ons!)": "Soup of the day! (Allergies? Let us know!)", "Totaal": "Total"
// Add more translations as needed
}, },
nl: { nl: {
"Sandwiches": "Broodjes", "Sandwiches": "Broodjes",
"Cold Drinks": "Koude Dranken", "Cold Drinks": "Koude Dranken",
"Hot Drinks": "Warme Dranken", "Hot Drinks": "Warme Dranken",
"Snacks": "Snacks", "Snacks": "Snacks",
"Desserts": "deserts", "Ice Creams": "Ijsjes",
"Deals": "Deals", "Deals": "Deals",
"Soups": "Soepen", "Soups": "Soepen",
"Salads": "Salades", "Salads": "Salades",
"Sauces": "Sausjes", "Sauces": "Sausjes",
"Shopping Cart": "Winkelmandje", "Shopping Cart": "Winkelmandje",
"Order": "Bestellen",
"Price": "Prijs", "Price": "Prijs",
"Total": "Totaal", "Add to cart": "Toevoegen aan winkelmandje",
"Add to Cart": "Toevoegen aan winkelmandje", "Order": "Bestellen",
"Soup of the day! (Allergies? Let us know!)": "Soep van de dag! (Allergieën? Meld het bij ons!)", "Total": "Totaal"
// Add more translations as needed
} }
}; };
// Functie om de taal te wisselen
function switchLanguage(lang) { function switchLanguage(lang) {
// Zoek alle elementen met een data-translate attribuut
document.querySelectorAll("[data-translate]").forEach(element => { document.querySelectorAll("[data-translate]").forEach(element => {
const key = element.getAttribute("data-translate"); const key = element.getAttribute("data-translate"); // Verkrijg de sleutel uit het data-translate attribuut
element.textContent = translations[lang][key] || key; element.textContent = translations[lang][key] || key; // Vertaal de tekst of behoud de sleutel als er geen vertaling is
}); });
} }
document.addEventListener("DOMContentLoaded", () => { // Functie om de taal te wisselen wanneer de knop wordt aangeklikt
document.getElementById("language-switcher").addEventListener("click", () => { document.getElementById("language-switcher").addEventListener("click", () => {
const currentLang = document.documentElement.lang; const currentLang = document.documentElement.lang; // Huidige taal ophalen
const newLang = currentLang === "nl" ? "en" : "nl"; const newLang = currentLang === "nl" ? "en" : "nl"; // Nieuwe taal bepalen
document.documentElement.lang = newLang; document.documentElement.lang = newLang; // Wijzig de taal van de pagina
switchLanguage(newLang); switchLanguage(newLang); // Pas de vertalingen toe voor de nieuwe taal
});
// Verander de tekst op de taalwisselknop
const switcher = document.getElementById("language-switcher");
switcher.textContent = newLang === "nl" ? "EN" : "NL"; // Zet de knop tekst naar de andere taal
}); });
// Stel de standaardtaal in
document.documentElement.lang = "nl"; // Begin met Nederlands
switchLanguage("nl"); // Pas de vertalingen toe voor Nederlands bij het laden van de pagina