MediaWiki:Common.js - Revision history

Mngr at 13:45, 12 April 2026

2026-04-12T13:45:11Z

← Older revision		Revision as of 13:45, 12 April 2026
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	~~alert("JS is running");~~
	mw.loader.using(['mediawiki.util']).then(function () {		mw.loader.using(['mediawiki.util']).then(function () {

	function ~~processList~~() {		function applyFormatting() {
	const container = document.querySelector("#ns-tree");		const container = document.querySelector("#ns-tree");
	if (!container) return;		if (!container) return;
Line 9:		Line 8:
	const items = container.querySelectorAll("li");		const items = container.querySelectorAll("li");

			// If nothing found, try again
	if (items.length === 0) {		if (items.length === 0) {
	~~// Try again shortly (content not ready yet)~~		setTimeout(applyFormatting, 300);
	setTimeout(~~processList~~, ~~200~~);
	return;		return;
	}		}
Line 21:		Line 20:
	const full = link.textContent;		const full = link.textContent;

			// Remove namespace
	let clean = full.replace(/^Drupal:/, "");		let clean = full.replace(/^Drupal:/, "");

			// Count depth
	const depth = (clean.match(/\//g) \|\| []).length;		const depth = (clean.match(/\//g) \|\| []).length;

	const ~~parts~~ = clean.split("/");		// Get last part
	~~const label = parts[parts~~.~~length - 1]~~;		const label = clean.split("/").pop();

			// Apply label
	link.textContent = label;		link.textContent = label;

			// Apply indentation
	li.style.marginLeft = (depth * 20) + "px";		li.style.marginLeft = (depth * 20) + "px";

			// Style top level
	if (depth === 0) {		if (depth === 0) {
	~~li.classList.add("top-level");~~
	link.style.fontWeight = "bold";		link.style.fontWeight = "bold";
			li.style.marginTop = "8px";
	}		}
	});		});
	}		}

	// ~~Run~~ after ~~DOM ready~~		// Start after page load
	$(~~processList~~);		$(applyFormatting);

	});		});

Mngr at 13:42, 12 April 2026

2026-04-12T13:42:28Z

← Older revision		Revision as of 13:42, 12 April 2026
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	alert("JS is running");		alert("JS is running");
	~~document~~.~~addEventListener("DOMContentLoaded", function~~ () {		mw.loader.using(['mediawiki.util']).then(function () {
	~~const container = document~~.~~querySelector~~(~~"#ns-tree");~~
	if (~~!container~~) ~~return;~~

	const ~~items~~ = ~~container~~.~~querySelectorAll~~("li");		function processList() {
			const container = document.querySelector("#ns-tree");
			if (!container) return;

	~~items.forEach(li => {~~		const items = container.querySelectorAll("li");
	const ~~link~~ = li.~~querySelector~~("a");
	~~if (!link) return~~;

	const full = link.textContent;		if (items.length === 0) {
			// Try again shortly (content not ready yet)
			setTimeout(processList, 200);
			return;
			}

			items.forEach(function (li) {
			const link = li.querySelector("a");
			if (!link) return;

			const full = link.textContent;

			let clean = full.replace(/^Drupal:/, "");

	~~// Remove namespace~~		const depth = (clean.match(/\//g) \|\| []).length;
	~~let~~ clean ~~= full~~.~~replace~~(/~~^Drupal:~~/~~, ""~~);

	~~// Depth~~ (~~based on~~ "/")		const parts = clean.split("/");
	const ~~depth~~ = ~~(clean.match(/\//g) \|\|~~ []).length;		const label = parts[parts.length - 1];

	~~// Last part only~~		link.textContent = label;
	~~const parts~~ = ~~clean.split("/");~~
	~~const~~ label ~~= parts[parts.length - 1]~~;

	~~// Apply label~~		li.style.marginLeft = (depth * 20) + "px";
	~~link~~.~~textContent~~ = ~~label~~;

	~~// Indentation~~		if (depth === 0) {
	li.style.~~marginLeft~~ = (~~depth * 20~~) ~~+ "px"~~;		li.classList.add("top-level");
			link.style.fontWeight = "bold";
			}
			});
			}

			// Run after DOM ready
			$(processList);

	~~// Highlight top-level~~
	~~if (depth === 0) {~~
	~~link.style.fontWeight = "bold";~~
	~~li.style.marginTop = "8px";~~
	}
	~~});~~
	});		});

Mngr at 13:37, 12 April 2026

2026-04-12T13:37:13Z

← Older revision		Revision as of 13:37, 12 April 2026
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
			alert("JS is running");
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	const container = document.querySelector("#ns-tree");		const container = document.querySelector("#ns-tree");

Mngr at 13:29, 12 April 2026

2026-04-12T13:29:24Z

← Older revision		Revision as of 13:29, 12 April 2026
Line 4:		Line 4:
	if (!container) return;		if (!container) return;

	const ~~links~~ = container.querySelectorAll("li a");		const items = container.querySelectorAll("li");

	~~links~~.forEach(~~link~~ => {		items.forEach(li => {
	const ~~title~~ = ~~link~~.~~textContent~~;		const link = li.querySelector("a");
	~~const depth =~~ (~~title.match(/\//g~~) ~~\|\| []).length~~;		if (!link) return;

	link.~~parentElement~~.style.marginLeft = (depth * 20) + "px";		const full = link.textContent;

			// Remove namespace
			let clean = full.replace(/^Drupal:/, "");

			// Depth (based on "/")
			const depth = (clean.match(/\//g) \|\| []).length;

			// Last part only
			const parts = clean.split("/");
			const label = parts[parts.length - 1];

			// Apply label
			link.textContent = label;

			// Indentation
			li.style.marginLeft = (depth * 20) + "px";

			// Highlight top-level
			if (depth === 0) {
			link.style.fontWeight = "bold";
			li.style.marginTop = "8px";
			}
	});		});
	});		});

Mngr: Created page with "/* Any JavaScript here will be loaded for all users on every page load. / document.addEventListener("DOMContentLoaded", function () { const container = document.querySelector("#ns-tree"); if (!container) return; const links = container.querySelectorAll("li a"); links.forEach(link => { const title = link.textContent; const depth = (title.match(/\//g) || []).length; link.parentElement.style.marginLeft = (depth 20) + "px"; }..."

2026-04-11T14:01:29Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: document.addEventListener("DOMContentLoaded", function () { const container = document.querySelector("#ns-tree"); if (!container) return; const links = container.querySelectorAll("li a"); links.forEach(link => { const title = link.textContent; const depth = (title.match(/\//g) || []).length; link.parentElement.style.marginLeft = (depth * 20) + "px"; }..."

New page

/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function () {
const container = document.querySelector("#ns-tree");
if (!container) return;

const links = container.querySelectorAll("li a");

links.forEach(link => {
const title = link.textContent;
const depth = (title.match(/\//g) || []).length;

link.parentElement.style.marginLeft = (depth * 20) + "px";
});
});