Stack convert section, don't remove. Move remove into own js
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
function getStoredOrDefaultLocale() {
|
||||
const storedLocale = localStorage.getItem("languageCode");
|
||||
const storedLocale = localStorage.getItem('languageCode');
|
||||
return storedLocale || getDetailedLanguageCode();
|
||||
}
|
||||
|
||||
@@ -7,10 +7,10 @@ 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);
|
||||
dropdownItems.forEach((item) => {
|
||||
item.classList.toggle('active', item.dataset.bsLanguageCode === storedLocale);
|
||||
item.removeEventListener('click', handleDropdownItemClick);
|
||||
item.addEventListener('click', handleDropdownItemClick);
|
||||
});
|
||||
}
|
||||
|
||||
@@ -24,62 +24,46 @@ function handleDropdownItemClick(event) {
|
||||
event.preventDefault();
|
||||
const languageCode = event.currentTarget.dataset.bsLanguageCode;
|
||||
if (languageCode) {
|
||||
localStorage.setItem("languageCode", languageCode);
|
||||
updateUrlWithLanguage(languageCode);
|
||||
localStorage.setItem('languageCode', languageCode);
|
||||
updateUrlWithLanguage(languageCode);
|
||||
} else {
|
||||
console.error("Language code is not set for this item.");
|
||||
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);
|
||||
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");
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
setLanguageForDropdown('.lang_dropdown-item');
|
||||
|
||||
const defaultLocale = getStoredOrDefaultLocale();
|
||||
checkUserLanguage(defaultLocale);
|
||||
const defaultLocale = getStoredOrDefaultLocale();
|
||||
checkUserLanguage(defaultLocale);
|
||||
|
||||
const dropdownItems = document.querySelectorAll(".lang_dropdown-item");
|
||||
dropdownItems.forEach(item => {
|
||||
item.classList.toggle("active", item.dataset.bsLanguageCode === defaultLocale);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function removeElements() {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document.querySelectorAll(".navbar-item").forEach((element) => {
|
||||
const dropdownItems = element.querySelectorAll(".dropdown-item");
|
||||
const items = Array.from(dropdownItems).filter(item => !item.querySelector("hr.dropdown-divider"));
|
||||
|
||||
if (items.length <= 2) {
|
||||
if (
|
||||
element.previousElementSibling &&
|
||||
element.previousElementSibling.classList.contains("navbar-item") &&
|
||||
element.previousElementSibling.classList.contains("nav-item-separator")
|
||||
) {
|
||||
element.previousElementSibling.remove();
|
||||
}
|
||||
element.remove();
|
||||
}
|
||||
});
|
||||
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.querySelector('.dropdown-menu .dropdown-item.lang_dropdown-item').parentElement;
|
||||
if (dropdownMenu) {
|
||||
const items = Array.from(dropdownMenu.children).filter(child => child.matches('a'));
|
||||
items.sort((a, b) => a.dataset.bsLanguageCode.localeCompare(b.dataset.bsLanguageCode))
|
||||
.forEach(node => dropdownMenu.appendChild(node));
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const dropdownMenu = document.querySelector('.dropdown-menu .dropdown-item.lang_dropdown-item').parentElement;
|
||||
if (dropdownMenu) {
|
||||
const items = Array.from(dropdownMenu.children).filter((child) => child.matches('a'));
|
||||
items
|
||||
.sort((a, b) => a.dataset.bsLanguageCode.localeCompare(b.dataset.bsLanguageCode))
|
||||
.forEach((node) => dropdownMenu.appendChild(node));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
19
src/main/resources/static/js/navbar.js
Normal file
19
src/main/resources/static/js/navbar.js
Normal file
@@ -0,0 +1,19 @@
|
||||
function removeElements() {
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
document.querySelectorAll('.navbar-item').forEach((element) => {
|
||||
const dropdownItems = element.querySelectorAll('.dropdown-item');
|
||||
const items = Array.from(dropdownItems).filter((item) => !item.querySelector('hr.dropdown-divider'));
|
||||
|
||||
if (items.length == 0) {
|
||||
if (
|
||||
element.previousElementSibling &&
|
||||
element.previousElementSibling.classList.contains('navbar-item') &&
|
||||
element.previousElementSibling.classList.contains('nav-item-separator')
|
||||
) {
|
||||
element.previousElementSibling.remove();
|
||||
}
|
||||
element.remove();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user