54 lines
1.9 KiB
JavaScript
54 lines
1.9 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const langToggle = document.getElementById('langToggle');
|
|
|
|
// Check for saved language
|
|
const currentLang = localStorage.getItem('lang') || 'en';
|
|
setLanguage(currentLang);
|
|
|
|
if (langToggle) {
|
|
langToggle.addEventListener('click', function() {
|
|
const newLang = document.documentElement.lang === 'en' ? 'ar' : 'en';
|
|
setLanguage(newLang);
|
|
});
|
|
}
|
|
});
|
|
|
|
function setLanguage(lang) {
|
|
document.documentElement.lang = lang;
|
|
document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';
|
|
localStorage.setItem('lang', lang);
|
|
|
|
// Update UI text
|
|
document.querySelectorAll('[data-en]').forEach(el => {
|
|
const text = el.getAttribute(`data-${lang}`);
|
|
if (text) {
|
|
// If it's a simple element with only text, update it
|
|
// If it has children, we should only update the text node parts
|
|
// But for simplicity in this app, we'll check if it has any children
|
|
if (el.children.length === 0) {
|
|
el.textContent = text;
|
|
} else {
|
|
// If it has children (like icons), we try to find a text node to update
|
|
// or just update the first text node child
|
|
let found = false;
|
|
for (let node of el.childNodes) {
|
|
if (node.nodeType === 3) { // Text node
|
|
node.textContent = text;
|
|
found = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!found) {
|
|
// Fallback: append text if no text node exists
|
|
el.appendChild(document.createTextNode(text));
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Update buttons/inputs
|
|
document.querySelectorAll('input[data-en-placeholder]').forEach(el => {
|
|
el.placeholder = el.getAttribute(`data-${lang}-placeholder`);
|
|
});
|
|
}
|