MediaWiki:Gadget-langs.js - Revision history

Raven at 05:25, 18 September 2025

2025-09-18T05:25:00Z

← Older revision		Revision as of 05:25, 18 September 2025
Line 20:		Line 20:
	let tabs = p.querySelector(".langs-tabs");		let tabs = p.querySelector(".langs-tabs");
	tabs.querySelectorAll(".langs-tab-selected").forEach((e) => {		tabs.querySelectorAll(".langs-tab-selected").forEach((e) => {
	e.classList.remove(".langs-tab-selected");		e.classList.remove("langs-tab-selected");
	});		});
	this.tabElement.classList.add(".langs-tab-selected");		this.tabElement.classList.add("langs-tab-selected");
	}		}
	}		}

Raven at 05:24, 18 September 2025

2025-09-18T05:24:05Z

← Older revision		Revision as of 05:24, 18 September 2025
Line 44:		Line 44:
	tabElement.innerText = tab.langName;		tabElement.innerText = tab.langName;
	tabElement.onclick = () => {		tabElement.onclick = () => {
	~~tab.tabElement = tabElement;~~
	tab.select();		tab.select();
	};		};
			tab.tabElement = tabElement;
	tabsContainer.appendChild(tabElement);		tabsContainer.appendChild(tabElement);
	}		}

Raven at 05:23, 18 September 2025

2025-09-18T05:23:20Z

← Older revision		Revision as of 05:23, 18 September 2025
Line 11:		Line 11:
	select() {		select() {
	let p = this.element.parentElement;		let p = this.element.parentElement;
	p.querySelectorAll.forEach((e) => {		p.querySelectorAll(".langs-in").forEach((e) => {
	if (e == this.element) {		if (e == this.element) {
	e.style.display = "block";		e.style.display = "block";

Raven at 05:22, 18 September 2025

2025-09-18T05:22:51Z

← Older revision		Revision as of 05:22, 18 September 2025
Line 11:		Line 11:
	select() {		select() {
	let p = this.element.parentElement;		let p = this.element.parentElement;
	~~for (let i = 0; i <~~ p.~~children~~.~~length; i++~~) {		p.querySelectorAll.forEach((e) => {
	if (~~p.children[i]~~ == this.element) {		if (e == this.element) {
	~~p.children[i]~~.style.display = "block";		e.style.display = "block";
	} else ~~if (p.children[i].classList.contains("langs-in"))~~ {		} else {
	~~p.children[i]~~.style.display = "none";		e.style.display = "none";
	}		}
	}		});
	let tabs = p.querySelector(".langs-tabs");		let tabs = p.querySelector(".langs-tabs");
	~~console~~.~~log~~(~~tabs);~~		tabs.querySelectorAll(".langs-tab-selected").forEach((e) => {
	~~for (let i = 0; i < tabs~~.~~children.length; i++~~) {		e.classList.remove(".langs-tab-selected");
	~~console~~.~~log~~(~~tabs[i]~~);		});
	~~tabs[i]~~.classList.remove(".langs-tab-selected");
	}
	this.tabElement.classList.add(".langs-tab-selected");		this.tabElement.classList.add(".langs-tab-selected");
	}		}

Raven at 05:18, 18 September 2025

2025-09-18T05:18:33Z

← Older revision		Revision as of 05:18, 18 September 2025
Line 19:		Line 19:
	}		}
	let tabs = p.querySelector(".langs-tabs");		let tabs = p.querySelector(".langs-tabs");
			console.log(tabs);
	for (let i = 0; i < tabs.children.length; i++) {		for (let i = 0; i < tabs.children.length; i++) {
			console.log(tabs[i]);
	tabs[i].classList.remove(".langs-tab-selected");		tabs[i].classList.remove(".langs-tab-selected");
	}		}

Raven at 05:14, 18 September 2025

2025-09-18T05:14:39Z

← Older revision		Revision as of 05:14, 18 September 2025
Line 18:		Line 18:
	}		}
	}		}
			let tabs = p.querySelector(".langs-tabs");
			for (let i = 0; i < tabs.children.length; i++) {
			tabs[i].classList.remove(".langs-tab-selected");
			}
			this.tabElement.classList.add(".langs-tab-selected");
	}		}
	}		}
Line 39:		Line 44:
	tabElement.innerText = tab.langName;		tabElement.innerText = tab.langName;
	tabElement.onclick = () => {		tabElement.onclick = () => {
			tab.tabElement = tabElement;
	tab.select();		tab.select();
	};		};

Raven at 05:11, 18 September 2025

2025-09-18T05:11:05Z

← Older revision		Revision as of 05:11, 18 September 2025
Line 45:		Line 45:
	let hasUserLanguage = false;		let hasUserLanguage = false;
	for (let i = 0; i < tabs.length; i++) {		for (let i = 0; i < tabs.length; i++) {
	if (tabs[i].lang == "en") {		if (tabs[i].lang == mw.config.get("wgUserLanguage")) {
	hasUserLanguage = true;		hasUserLanguage = true;
	tabs[i].select();		tabs[i].select();

Raven at 04:35, 18 September 2025

2025-09-18T04:35:09Z

@@ Line 21: / Line 21: @@
+}
-let hideElements = document.createElement("style");
+document.querySelectorAll(".langs").forEach(langs => {
-hideElements.innerHTML = ".langs {display: none;}"
+	langs.style.display = "block";
-document.head.appendChild(hideElements);
+	let tabs = [];
-window.addEventListener("load", () => {
+	for (let i = 0; i < langs.children.length; i++) {
-	document.querySelectorAll(".langs").forEach(langs => {
+		tabs.push(new LanguageTab(langs.children[i]));
-		let tabs = [];
-		for (let i = 0; i < langs.children.length; i++) {
+	if (tabs.length == 0) return;
-			tabs.push(new LanguageTab(langs.children[i]));
+	let firstTab = tabs[0];
+		}
-		if (tabs.length == 0) return;
-		let firstTab = tabs[0];
+	if (!hasUserLanguage) firstTab.select();
 });

Raven at 04:32, 18 September 2025

2025-09-18T04:32:43Z

← Older revision		Revision as of 04:32, 18 September 2025
Line 24:		Line 24:
	hideElements.innerHTML = ".langs {display: none;}"		hideElements.innerHTML = ".langs {display: none;}"
	document.head.appendChild(hideElements);		document.head.appendChild(hideElements);
	window.~~onload =~~ () => {		window.addEventListener("load", () => {
	document.querySelectorAll(".langs").forEach(langs => {		document.querySelectorAll(".langs").forEach(langs => {
	let tabs = [];		let tabs = [];
Line 56:		Line 56:
	});		});
	hideElements.remove();		hideElements.remove();
	};		});

Raven: Created page with ""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(..."

2025-09-18T04:24:48Z

Created page with ""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(..."

New page

"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 hideElements = document.createElement("style");
hideElements.innerHTML = ".langs {display: none;}"
document.head.appendChild(hideElements);
window.onload = () => {
document.querySelectorAll(".langs").forEach(langs => {
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.select();
};
tabsContainer.appendChild(tabElement);
}
let hasUserLanguage = false;
for (let i = 0; i < tabs.length; i++) {
if (tabs[i].lang == "en") {
hasUserLanguage = true;
tabs[i].select();
}
}
if (!hasUserLanguage) firstTab.select();
});
hideElements.remove();
};