MediaWiki:Common.js - Revision history

Admin at 15:12, 20 March 2026

2026-03-20T15:12:00Z

Admin at 14:58, 20 March 2026

2026-03-20T14:58:32Z

← Older revision		Revision as of 10:58, 20 March 2026
Line 20:		Line 20:
	})();		})();

	/* Update ~~046~~: robust nested Stage dropdown - v6 with ~~aggressive CSS and inline toggle~~ */		/* Update 047: robust nested Stage dropdown - v7 with precise click zones */
	(function () {		(function () {
	function textOf(el) {		function textOf(el) {
Line 127:		Line 127:
	}		}

	function makeToggle(stageLi, toggleSpan) {		function makeToggle(stageLi, toggleSpan, stageNum) {
	return function (ev) {		return function (ev) {
			// Prevent event from bubbling up to parent LI or window
	ev.preventDefault();		ev.preventDefault();
	ev.stopPropagation();		ev.stopPropagation();
			ev.stopImmediatePropagation();

	var open = stageLi.classList.toggle('stages-open');		var open = stageLi.classList.toggle('stages-open');
	toggleSpan.textContent = open ? '▾' : '▸';		toggleSpan.textContent = open ? '▾' : '▸';
	console.~~warn~~('[UPDATE-~~046~~] ~~TOGGLE CLICKED~~: ~~Stage now~~ ' + (open ? '~~OPEN~~' : 'CLOSED'));		console.log('[UPDATE-047] Stage ' + stageNum + ' toggle: ' + (open ? 'OPENED' : 'CLOSED'));
	return false;		return false;
	};		};
Line 140:		Line 143:
	function applyNestedStages() {		function applyNestedStages() {
	var list = findStagesListContainer();		var list = findStagesListContainer();
	if (!list \|\| list.dataset.~~stagesNestedV6Applied~~ === '1') {		if (!list \|\| list.dataset.stagesNestedV7Applied === '1') {
	return;		return;
	}		}
Line 170:		Line 173:

	currentStageLi = li.cloneNode(true);		currentStageLi = li.cloneNode(true);
	currentStageLi.className = (currentStageLi.className ? currentStageLi.className + ' ' : '') + 'stages-inner-parent';		currentStageLi.className = (currentStageLi.className ? currentStageLi.className + ' ' : '') + 'stages-inner-parent stages-inner-stage-' + stageNum;
			currentStageLi.setAttribute('data-stage-num', stageNum);

	var stageLink = directLink(currentStageLi);		var stageLink = directLink(currentStageLi);
Line 177:		Line 181:
	stageLink.href = '#';		stageLink.href = '#';

	// Create toggle span and ~~insert before link~~		// Create toggle span - very narrow and precise
	var toggleSpan = document.createElement('span');		var toggleSpan = document.createElement('span');
	toggleSpan.className = 'stages-inner-toggle-icon';		toggleSpan.className = 'stages-inner-toggle-icon';
			toggleSpan.setAttribute('data-stage-toggle', stageNum);
	toggleSpan.textContent = '▸';		toggleSpan.textContent = '▸';
	toggleSpan.style.marginRight = '~~6px~~';		toggleSpan.style.display = 'inline-block';
			toggleSpan.style.width = '16px';
			toggleSpan.style.height = '16px';
			toggleSpan.style.marginRight = '4px';
	toggleSpan.style.color = '#f3b549';		toggleSpan.style.color = '#f3b549';
	toggleSpan.style.cursor = 'pointer';		toggleSpan.style.cursor = 'pointer';
	toggleSpan.style.fontWeight = 'bold';		toggleSpan.style.fontWeight = 'bold';
			toggleSpan.style.textAlign = 'center';
			toggleSpan.style.userSelect = 'none';

			var toggleHandler = makeToggle(currentStageLi, toggleSpan, stageNum);

			// Add click listener only to toggle span
			toggleSpan.addEventListener('click', toggleHandler, true);

	~~var toggleHandler = makeToggle(currentStageLi, toggleSpan);~~		// Add click listener to link to also toggle
	~~toggleSpan.addEventListener('~~click~~', toggleHandler);~~		stageLink.addEventListener('click', toggleHandler, true);
	stageLink.addEventListener('click', toggleHandler);

	stageLink.parentNode.insertBefore(toggleSpan, stageLink);		stageLink.parentNode.insertBefore(toggleSpan, stageLink);
Line 195:		Line 209:
	currentMiniUl = document.createElement('ul');		currentMiniUl = document.createElement('ul');
	currentMiniUl.className = 'stages-inner-submenu';		currentMiniUl.className = 'stages-inner-submenu';
			currentMiniUl.setAttribute('data-stage-minis', stageNum);

	currentStageLi.appendChild(currentMiniUl);		currentStageLi.appendChild(currentMiniUl);
Line 225:		Line 240:
	}		}

	list.dataset.~~stagesNestedV6Applied~~ = '1';		list.dataset.stagesNestedV7Applied = '1';
	console.~~warn~~('[UPDATE-~~046~~] ~~Successfully applied~~ nested stages v6. Rebuilt ' + rebuilt.length + ' items.');		console.log('[UPDATE-047] Applied nested stages v7. Rebuilt ' + rebuilt.length + ' items.');
	}		}

	function boot() {		function boot() {
	console.~~warn~~('[UPDATE-~~046~~] Boot sequence starting v6...');		console.log('[UPDATE-047] Boot sequence starting v7...');
	applyNestedStages();		applyNestedStages();
	window.setTimeout(function () {		window.setTimeout(function () {

Admin at 14:54, 20 March 2026

2026-03-20T14:54:01Z

Show changes

Admin at 14:43, 20 March 2026

2026-03-20T14:43:50Z

Show changes

Admin at 14:35, 20 March 2026

2026-03-20T14:35:19Z

← Older revision		Revision as of 10:35, 20 March 2026
Line 20:		Line 20:
	})();		})();

	/* Update ~~043~~: robust nested Stage dropdown ~~regrouping~~ - v3 with ~~proper click handling and styling~~ */		/* Update 044: robust nested Stage dropdown - v4 with correct mini-stage grouping */
	(function () {		(function () {
	function textOf(el) {		function textOf(el) {
Line 28:		Line 28:
	function norm(s) {		function norm(s) {
	return (s \|\| '').replace(/\s+/g, ' ').trim().toLowerCase();		return (s \|\| '').replace(/\s+/g, ' ').trim().toLowerCase();
			}

			function urlOf(link) {
			if (!link) return '';
			var href = link.getAttribute('href') \|\| '';
			var parts = href.split('/');
			return parts[parts.length - 1] \|\| '';
	}		}

Line 34:		Line 41:
	}		}

	function ~~isMiniLabel~~(label) {		function getStageNumber(label) {
	~~return~~ /^~~mini~~\s+~~stage~~\s+\d+$/i.test(~~label~~);		var m = label.match(/^stage\s+([1-4])$/i);
			return m ? m[1] : null;
			}

			function isMiniLabelForStage(url, stageNum) {
			if (stageNum === '1') {
			// Stage 1 minis are like "Mini_Stage_X" (no prefix)
			return /^Mini_Stage_\d+$/.test(url);
			} else {
			// Stage 2/3/4 minis are like "Stage_2_Mini_Stage_X"
			var pattern = new RegExp('^Stage_' + stageNum + '_Mini_Stage_\\d+$');
			return pattern.test(url);
			}
	}		}

Line 74:		Line 93:
	for (i = 0; i < lis.length; i++) {		for (i = 0; i < lis.length; i++) {
	var label = norm(textOf(directLink(lis[i])));		var label = norm(textOf(directLink(lis[i])));
	if (~~isStageLabel~~(label)) stageCount++;		if (/^stage\s+[1-4]$/i.test(label)) stageCount++;
	if (~~isMiniLabel~~(label)) miniCount++;		if (/^mini\s+stage\s+\d+$/i.test(label)) miniCount++;
	if (label === 'overview') overviewCount++;		if (label === 'overview') overviewCount++;
	}		}
Line 102:		Line 121:
	}		}

	function makeToggle(stageLi, toggleBtn~~, stageLink~~) {		function makeToggle(stageLi, toggleBtn) {
	return function (ev) {		return function (ev) {
	ev.preventDefault();		ev.preventDefault();
Line 123:		Line 142:
	var currentStageLi = null;		var currentStageLi = null;
	var currentMiniUl = null;		var currentMiniUl = null;
			var currentStageNum = null;
	var i;		var i;

Line 129:		Line 149:
	var link = directLink(li);		var link = directLink(li);
	var label = textOf(link);		var label = textOf(link);
			var url = urlOf(link);

	if (isStageLabel(label)) {		if (isStageLabel(label)) {
			var stageNum = getStageNumber(label);
			currentStageNum = stageNum;

	currentStageLi = li.cloneNode(true);		currentStageLi = li.cloneNode(true);
	currentStageLi.className = (currentStageLi.className ? currentStageLi.className + ' ' : '') + 'stages-inner-parent';		currentStageLi.className = (currentStageLi.className ? currentStageLi.className + ' ' : '') + 'stages-inner-parent';
Line 150:		Line 174:
	toggle.textContent = '▸';		toggle.textContent = '▸';

	var toggleHandler = makeToggle(currentStageLi, toggle~~, stageLink~~);		var toggleHandler = makeToggle(currentStageLi, toggle);
	toggle.addEventListener('click', toggleHandler);		toggle.addEventListener('click', toggleHandler);

Line 169:		Line 193:
	}		}

	if (~~isMiniLabel~~(~~label~~) ~~&& currentMiniUl~~) {		// Check if this is a mini-stage that belongs to the current stage
			if (currentMiniUl && currentStageNum && isMiniLabelForStage(url, currentStageNum)) {
	currentMiniUl.appendChild(li.cloneNode(true));		currentMiniUl.appendChild(li.cloneNode(true));
	continue;		continue;
	}		}

			// Not a stage, not a matching mini; reset and add as-is
	currentStageLi = null;		currentStageLi = null;
	currentMiniUl = null;		currentMiniUl = null;
			currentStageNum = null;
	rebuilt.push(li.cloneNode(true));		rebuilt.push(li.cloneNode(true));
	}		}
Line 188:		Line 215:

	list.dataset.stagesNestedApplied = '1';		list.dataset.stagesNestedApplied = '1';
	console.log('[UPDATE-~~043~~] Stages nested dropdown applied ~~successfully~~.');		console.log('[UPDATE-044] Stages nested dropdown applied with correct mini-stage grouping.');
	}		}

Admin at 14:31, 20 March 2026

2026-03-20T14:31:36Z

← Older revision		Revision as of 10:31, 20 March 2026
Line 19:		Line 19:
	}		}
	})();		})();
	/* Update ~~042~~: robust nested Stage dropdown regrouping ~~for varying sidebar DOMs~~ */
			/* Update 043: robust nested Stage dropdown regrouping - v3 with proper click handling and styling */
	(function () {		(function () {
	function textOf(el) {		function textOf(el) {
Line 46:		Line 47:
	}		}
	}		}
	return ~~li.querySelector ? li.querySelector('a') :~~ null;		return null;
	}		}

Line 101:		Line 102:
	}		}

	function makeToggle(stageLi, toggleBtn) {		function makeToggle(stageLi, toggleBtn, stageLink) {
	return function (ev) {		return function (ev) {
	ev.preventDefault();		ev.preventDefault();
Line 108:		Line 109:
	toggleBtn.setAttribute('aria-expanded', open ? 'true' : 'false');		toggleBtn.setAttribute('aria-expanded', open ? 'true' : 'false');
	toggleBtn.textContent = open ? '▾' : '▸';		toggleBtn.textContent = open ? '▾' : '▸';
			return false;
	};		};
	}		}
Line 125:		Line 127:
	for (i = 0; i < items.length; i++) {		for (i = 0; i < items.length; i++) {
	var li = items[i];		var li = items[i];
	var ~~label~~ = ~~textOf(~~directLink(li));		var link = directLink(li);
			var label = textOf(link);

	if (isStageLabel(label)) {		if (isStageLabel(label)) {
	currentStageLi = li.cloneNode(true);		currentStageLi = li.cloneNode(true);
	currentStageLi.className = (currentStageLi.className ? currentStageLi.className + ' ' : '') + 'stages-inner-parent';		currentStageLi.className = (currentStageLi.className ? currentStageLi.className + ' ' : '') + 'stages-inner-parent';

			// Make the stage link NOT navigate and act as toggle
			var stageLink = directLink(currentStageLi);
			if (stageLink) {
			stageLink.style.fontWeight = 'bold';
			stageLink.href = '#';
			}

	currentMiniUl = document.createElement('ul');		currentMiniUl = document.createElement('ul');
Line 139:		Line 149:
	toggle.setAttribute('aria-expanded', 'false');		toggle.setAttribute('aria-expanded', 'false');
	toggle.textContent = '▸';		toggle.textContent = '▸';
	toggle.addEventListener('click', ~~makeToggle~~(~~currentStageLi~~, toggle));
			var toggleHandler = makeToggle(currentStageLi, toggle, stageLink);
			toggle.addEventListener('click', toggleHandler);

			// Also make the stage link itself toggleable
			if (stageLink) {
			stageLink.addEventListener('click', function (ev) {
			ev.preventDefault();
			ev.stopPropagation();
			toggle.click();
			return false;
			});
			}

	currentStageLi.appendChild(toggle);		currentStageLi.appendChild(toggle);
Line 166:		Line 188:

	list.dataset.stagesNestedApplied = '1';		list.dataset.stagesNestedApplied = '1';
			console.log('[UPDATE-043] Stages nested dropdown applied successfully.');
	}		}

Admin at 12:56, 20 March 2026

2026-03-20T12:56:11Z

Show changes

Admin at 12:52, 20 March 2026

2026-03-20T12:52:22Z

@@ Line 17: / Line 17: @@
    } else {
      applyDataSrc();
+   }
 })();

Admin: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ // Ensures class card images use the intended foreground image if data-src is present. (function () { function applyDataSrc() { var images = document.querySelectorAll('.mw-card-image img[data-src]'); for (var i = 0; i < images.length; i++) { var img = images[i]; var dataSrc = img.getAttribute('data-src'); if (dataSrc && img.getAttribute('src') !== dataSrc) { img..."

2026-03-17T15:00:24Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: // Ensures class card images use the intended foreground image if data-src is present. (function () { function applyDataSrc() { var images = document.querySelectorAll('.mw-card-image img[data-src]'); for (var i = 0; i < images.length; i++) { var img = images[i]; var dataSrc = img.getAttribute('data-src'); if (dataSrc && img.getAttribute('src') !== dataSrc) { img..."

New page

/* Any JavaScript here will be loaded for all users on every page load. */
// Ensures class card images use the intended foreground image if data-src is present.
(function () {
function applyDataSrc() {
var images = document.querySelectorAll('.mw-card-image img[data-src]');
for (var i = 0; i < images.length; i++) {
var img = images[i];
var dataSrc = img.getAttribute('data-src');
if (dataSrc && img.getAttribute('src') !== dataSrc) {
img.setAttribute('src', dataSrc);
}
}
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', applyDataSrc);
} else {
applyDataSrc();
}
})();