br0kenpixel/Tricky-Addon-Update-Target-List
1
0
Fork 0
mirror of https://github.com/KOWX712/Tricky-Addon-Update-Target-List.git synced 2025-09-06 06:37:09 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

fix: missing ripple effect in language menu in certain condition

Browse Source
This commit is contained in:
KOWX712
2025-04-10 23:26:07 +08:00
parent 3b355ac5ff
commit b1a52ee173
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
module/webui/scripts/language.js
View File

@@ -1,3 +1,5 @@
import { applyRippleEffect } from './main.js';
const languageButton = document.querySelector('.language-button');
const languageMenu = document.querySelector('.language-menu');
const languageOptions = document.querySelectorAll('.language-option');
@@ -49,6 +51,7 @@ export async function loadTranslations() {
const response = await fetch(`locales/${lang}.json`);
translations = await response.json();
applyTranslations();
applyRippleEffect();
}
/**
@@ -100,17 +103,20 @@ export function setupLanguageMenu() {
}
});
const closeLanguageMenu = () => {
languageMenu.classList.remove("show");
languageOverlay.style.display = 'none';
setTimeout(() => {
languageMenu.classList.remove("show");
languageOverlay.style.display = 'none';
}, 80)
}
languageMenu.addEventListener("click", (e) => {
if (e.target.classList.contains("language-option")) {
const lang = e.target.getAttribute("data-lang");
localStorage.setItem('trickyAddonLanguage', lang);
loadTranslations(lang);
closeLanguageMenu();
}
});
languageMenu.addEventListener("click", async (e) => {
if (e.target.classList.contains("language-option")) {
const lang = e.target.getAttribute("data-lang");
localStorage.setItem('trickyAddonLanguage', lang);
closeLanguageMenu();
await new Promise(resolve => setTimeout(resolve, 200));
loadTranslations(lang);
}
});
}
/**