tdpeuter/tdpeuter
tdpeuter/tdpeuter
1
Fork 0
Code Issues 5 Pull requests Projects Releases Activity

chore(i18n): Open lang on icon click

Browse source
This commit is contained in:
Tibo De Peuter 2025-11-02 15:27:56 +01:00
parent ec82a79eb1
commit d9016146ad
Signed by: tdpeuter
GPG key ID: 38297DE43F75FFE2
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/languageToggle.js
View file

@ -20,11 +20,11 @@ function getLanguageToggle() {
background: none;
border: none;
font-family: var(--font-family), monospace;
}
}
</style>
<label for="language-dropdown"></label>
<img class="icon" src="assets/images/icons/language.svg" alt="language"/>
<img class="icon" src="/assets/images/icons/language.svg" alt="language"/>
<select id="language-dropdown">
<option value="en" data-i18n="lang.en">English</option>
<option value="nl" data-i18n="lang.nl">Dutch</option>
@ -48,15 +48,19 @@ class LanguageToggle extends HTMLElement {
const shadow = this.shadowRoot;
const languageDropdown = shadow.querySelector('#language-dropdown');
const languageIcon = shadow.querySelector('.icon');
// Load preferred language
languageDropdown.value = translator.prefferedLanguage;
// Change language on selection
languageDropdown.addEventListener('change', () => {
const language = languageDropdown.value;
debugLog(`[navbar] Setting language to: ${language}`);
translator.setPreferredLanguage(language);
});
languageIcon.addEventListener('click', () => languageDropdown.showPicker());
}
}