mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-06-19 14:05:04 +00:00
75 lines
2.4 KiB
JavaScript
75 lines
2.4 KiB
JavaScript
function getStoredOrDefaultLocale() {
|
|
const storedLocale = localStorage.getItem('languageCode');
|
|
return storedLocale || getDetailedLanguageCode();
|
|
}
|
|
|
|
function setLanguageForDropdown(dropdownClass) {
|
|
const storedLocale = getStoredOrDefaultLocale();
|
|
const dropdownItems = document.querySelectorAll(dropdownClass);
|
|
|
|
dropdownItems.forEach((item) => {
|
|
item.classList.toggle('active', item.dataset.bsLanguageCode === storedLocale);
|
|
item.removeEventListener('click', handleDropdownItemClick);
|
|
item.addEventListener('click', handleDropdownItemClick);
|
|
});
|
|
}
|
|
|
|
function updateUrlWithLanguage(languageCode) {
|
|
const currentURL = new URL(window.location.href);
|
|
currentURL.searchParams.set('lang', languageCode);
|
|
window.location.href = currentURL.toString();
|
|
}
|
|
|
|
function handleDropdownItemClick(event) {
|
|
event.preventDefault();
|
|
const languageCode = event.currentTarget.dataset.bsLanguageCode;
|
|
if (languageCode) {
|
|
localStorage.setItem('languageCode', languageCode);
|
|
updateUrlWithLanguage(languageCode);
|
|
} else {
|
|
console.error('Language code is not set for this item.');
|
|
}
|
|
}
|
|
|
|
function checkUserLanguage(defaultLocale) {
|
|
if (
|
|
!localStorage.getItem('languageCode') ||
|
|
document.documentElement.getAttribute('data-language') != defaultLocale
|
|
) {
|
|
localStorage.setItem('languageCode', defaultLocale);
|
|
updateUrlWithLanguage(defaultLocale);
|
|
}
|
|
}
|
|
|
|
function initLanguageSettings() {
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
setLanguageForDropdown('.lang_dropdown-item');
|
|
|
|
const defaultLocale = getStoredOrDefaultLocale();
|
|
checkUserLanguage(defaultLocale);
|
|
|
|
const dropdownItems = document.querySelectorAll('.lang_dropdown-item');
|
|
dropdownItems.forEach((item) => {
|
|
item.classList.toggle('active', item.dataset.bsLanguageCode === defaultLocale);
|
|
});
|
|
});
|
|
}
|
|
|
|
function sortLanguageDropdown() {
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const dropdownMenu = document.getElementById('languageSelection');
|
|
if (dropdownMenu) {
|
|
const items = Array.from(dropdownMenu.children).filter((child) => child.querySelector('a'));
|
|
items
|
|
.sort((wrapperA, wrapperB) => {
|
|
const a = wrapperA.querySelector('a');
|
|
const b = wrapperB.querySelector('a');
|
|
return a.dataset.bsLanguageCode.localeCompare(b.dataset.bsLanguageCode);
|
|
})
|
|
.forEach((node) => dropdownMenu.appendChild(node));
|
|
}
|
|
});
|
|
}
|
|
|
|
sortLanguageDropdown();
|