lang: display current language on dropdown link

This commit is contained in:
AdrienLSH 2024-02-08 10:48:31 +01:00
parent e81af939c1
commit 33a8b3f148
2 changed files with 5 additions and 1 deletions

View File

@ -13,6 +13,8 @@ export default class LanguageManager {
} else { } else {
this.loadDict(this.chosenLang); this.loadDict(this.chosenLang);
} }
document.getElementById('languageDisplay').innerHTML =
document.querySelector(`#languageSelector > [value=${this.currentLang}]`)?.innerHTML;
} }
async translatePage() { async translatePage() {
@ -42,6 +44,8 @@ export default class LanguageManager {
this.currentLang = this.chosenLang; this.currentLang = this.chosenLang;
localStorage.setItem('preferedLanguage', lang); localStorage.setItem('preferedLanguage', lang);
document.getElementById('languageDisplay').innerHTML =
document.querySelector(`#languageSelector > [value=${this.currentLang}]`)?.innerHTML;
return 0; return 0;
} }

View File

@ -18,7 +18,7 @@
</div> </div>
<div class="navbar-nav justify-content-end d-flex flex-row gap-2"> <div class="navbar-nav justify-content-end d-flex flex-row gap-2">
<div class='nav-item dropdown-center me-2'> <div class='nav-item dropdown-center me-2'>
<a class='nav-link dropdown-toggle' role='button' data-bs-toggle='dropdown'> <a id='languageDisplay' class='nav-link dropdown-toggle' role='button' data-bs-toggle='dropdown'>
Lang. Lang.
</a> </a>
<div id='languageSelector' class='dropdown-menu dropdown-menu-end position-absolute text-center px-2' style='min-width: 65px'> <div id='languageSelector' class='dropdown-menu dropdown-menu-end position-absolute text-center px-2' style='min-width: 65px'>