MediaWiki:Gadget-langs.js: Difference between revisions

Revision as of 05:18, 18 September 2025

"use strict"

class LanguageTab {
	constructor(element) {
		this.element = element;
		this.lang = element.lang;
		let nameElement = element.querySelector(".langs-language-name");
		this.langName = nameElement.innerText;
		nameElement.remove();
	}
	select() {
		let p = this.element.parentElement;
		for (let i = 0; i < p.children.length; i++) {
			if (p.children[i] == this.element) {
				p.children[i].style.display = "block";
			} else if (p.children[i].classList.contains("langs-in")) {
				p.children[i].style.display = "none";
			}
		}
		let tabs = p.querySelector(".langs-tabs");
		console.log(tabs);
		for (let i = 0; i < tabs.children.length; i++) {
			console.log(tabs[i]);
			tabs[i].classList.remove(".langs-tab-selected");
		}
		this.tabElement.classList.add(".langs-tab-selected");
	}
}

document.querySelectorAll(".langs").forEach(langs => {
	langs.style.display = "block";
	let tabs = [];
	for (let i = 0; i < langs.children.length; i++) {
		tabs.push(new LanguageTab(langs.children[i]));
	}
	if (tabs.length == 0) return;
	let firstTab = tabs[0];
	tabs.sort((a, b) => a.langName.localeCompare(b.langName));
	let tabsContainer = document.createElement("div");
	langs.insertAdjacentElement('afterbegin', tabsContainer);
	tabsContainer.className = "langs-tabs";
	for (let i = 0; i < tabs.length; i++) {
		let tab = tabs[i];
		let tabElement = document.createElement("span");
		tabElement.className = "langs-tab";
		tabElement.innerText = tab.langName;
		tabElement.onclick = () => {
			tab.tabElement = tabElement;
			tab.select();
		};
		tabsContainer.appendChild(tabElement);
	}
	let hasUserLanguage = false;
	for (let i = 0; i < tabs.length; i++) {
		if (tabs[i].lang == mw.config.get("wgUserLanguage")) {
			hasUserLanguage = true;
			tabs[i].select();
		}
	}
	if (!hasUserLanguage) firstTab.select();
});