;(function () {
let langBlock = document.querySelector('#lang_block');
let langFront = langBlock.querySelector('#lang_front');
let langBack = langBlock.querySelector('#lang_back');
let langDropAnchor = langBlock.querySelector('.lang_link');
let langArrow = langFront.querySelector('div');
let langNow = document.documentElement.lang;
let langUrl = window.location;
let langFlags = {
english: {
name: 'en',
url: 'images/flags/english.svg',
langid: getLangUrl(langUrl, 1),
},
indian: {
name: 'ar',
url: 'images/flags/arab.svg',
langid: getLangUrl(langUrl, 5)
}
};
for (let country in langFlags) {
if (langNow === langFlags[country].name) {
langFront.querySelector('img').src = langFlags[country]['url'];
} else {
langDropAnchor.href = langFlags[country].langid;
langBack.querySelector('img').src = langFlags[country].url;
}
}
langFront.addEventListener('click', function () {
langBack.classList.toggle('show');
langArrow.classList.toggle('lang_up');
});
document.addEventListener('click', function (e) {
if (e.target === langBlock || langBlock.contains(e.target)) {
return;
}
if (langBack.classList.contains('show')) {
langBack.classList.remove('show');
langArrow.classList.remove('lang_up');
} else {
return;
}
});
function getLangUrl(langUrl, lang) {
if (langUrl.pathname === "/" && (langUrl.search === "" || langUrl.search === "?langid=1" || langUrl.search === "?langid=5")) {
return "?langid=" + lang;
} else {
let urlWithoutHash = langUrl.href.split('#');
if (langUrl.search !== "") {
return urlWithoutHash[0] + "&langid=" + lang;
} else {
return urlWithoutHash[0] + "?langid=" + lang;
}
}
}
})();
