MediaWiki:ShowFirstTabs.js - Revision history

Mewsie: Reverted edit by Mewsie (talk) to last revision by Noorisei

2026-03-26T01:03:56Z

Reverted edit by Mewsie (talk) to last revision by Noorisei

← Older revision		Revision as of 21:03, 25 March 2026
Line 203:		Line 203:
	}		}

	function init() {		function init() {
	document.addEventListener('click', onDocumentClick, false);		document.addEventListener('click', onDocumentClick, false);
			normalizeInitialState();
			}

	document.~~querySelectorAll(~~'~~.nav-tab[data-tab]~~')~~.forEach((tab) =>~~ {		if (document.readyState === 'loading') {
	~~tab~~.addEventListener('~~click~~', ~~(event) => {~~		document.addEventListener('DOMContentLoaded', init);
	~~event.preventDefault();~~		} else {
	~~event.stopPropagation();~~		init();
	~~showNavTab(tab);~~		}
	});		})();
	});

	~~document.querySelectorAll('.nested-tab[data-tab]').forEach((tab) =>~~ {
	~~tab.addEventListener('click', (event) => {~~
	~~event.preventDefault~~();
	~~event.stopPropagation();~~
	~~showNestedTab(tab);~~
	});
	});

	~~normalizeInitialState~~();
	}

Mewsie: no longer delegated document click handling idk i'm trying it

2026-03-26T01:00:31Z

no longer delegated document click handling idk i'm trying it

← Older revision		Revision as of 21:00, 25 March 2026
Line 203:		Line 203:
	}		}

	function init() {		function init() {
	document.addEventListener('click', onDocumentClick, false);		document.addEventListener('click', onDocumentClick, false);
	~~normalizeInitialState();~~
	}

	~~if (~~document.~~readyState ===~~ '~~loading~~') {		document.querySelectorAll('.nav-tab[data-tab]').forEach((tab) => {
	~~document~~.addEventListener('~~DOMContentLoaded~~', ~~init~~);		tab.addEventListener('click', (event) => {
	} ~~else~~ {		event.preventDefault();
	~~init~~();		event.stopPropagation();
	}		showNavTab(tab);
	})();		});
			});

			document.querySelectorAll('.nested-tab[data-tab]').forEach((tab) => {
			tab.addEventListener('click', (event) => {
			event.preventDefault();
			event.stopPropagation();
			showNestedTab(tab);
			});
			});

			normalizeInitialState();
			}

Noorisei at 00:20, 2 January 2026

2026-01-02T00:20:54Z

← Older revision		Revision as of 20:20, 1 January 2026
Line 11:		Line 11:
	if (href && href.charAt(0) === '#') return href.slice(1);		if (href && href.charAt(0) === '#') return href.slice(1);
	return null;		return null;
	}

	~~function escapeForAttributeSelector(value) {~~
	~~if (window.CSS && typeof window.CSS.escape === 'function') return window.CSS.escape(value);~~
	~~return String(value).replace(/[\\\"\n\r\f]/g, '\\$&');~~
	}		}

	function findScopedElementById(scopeRoot, id) {		function findScopedElementById(scopeRoot, id) {
	if (!id) return null;		if (!id) return null;
	const ~~scope~~ = scopeRoot && scopeRoot !== document ? scopeRoot ~~: document;~~		const element = document.getElementById(id);
	if (~~scope !== document~~) {		if (!element) return null;
	~~const escaped = escapeForAttributeSelector(id~~);		if (scopeRoot && scopeRoot !== document && !scopeRoot.contains(element)) return null;
	return ~~scope.querySelector('[id="' + escaped + '"]')~~;		return element;
	}
	return ~~document.getElementById(id)~~;
	}		}

Noorisei at 09:18, 30 December 2025

2025-12-30T09:18:05Z

Show changes

Noorisei: Noorisei moved page MediaWiki:Tabs.js to MediaWiki:ShowFirstTabs.js

2025-12-30T09:17:47Z

Noorisei moved page MediaWiki:Tabs.js to MediaWiki:ShowFirstTabs.js

← Older revision	Revision as of 05:17, 30 December 2025
(No difference)

Noorisei: Created page with "/** * MediaWiki Tab Navigation Module * Extracted from Common copy.js for modularity and customization * Handles tab switching functionality with smooth scrolling support * Enhanced to work with both MediaWiki tabs and nested tabs */ (function() { 'use strict'; const CONFIG = { SELECTORS: { TAB_CONTENT: '.tab-content', NAV_TAB: '.nav-tab, .nav-tab-fgod', NESTED_TAB: '.nested-tab', NESTED_CONTENT: '.nested-content' }, CLASSES..."

2025-12-17T06:35:28Z

Created page with "* * MediaWiki Tab Navigation Module * Extracted from Common copy.js for modularity and customization * Handles tab switching functionality with smooth scrolling support * Enhanced to work with both MediaWiki tabs and nested tabs: (function() { 'use strict'; const CONFIG = { SELECTORS: { TAB_CONTENT: '.tab-content', NAV_TAB: '.nav-tab, .nav-tab-fgod', NESTED_TAB: '.nested-tab', NESTED_CONTENT: '.nested-content' }, CLASSES..."

New page

/**
* MediaWiki Tab Navigation Module
* Extracted from Common copy.js for modularity and customization
* Handles tab switching functionality with smooth scrolling support
* Enhanced to work with both MediaWiki tabs and nested tabs
*/

(function() {
'use strict';

const CONFIG = {
SELECTORS: {
TAB_CONTENT: '.tab-content',
NAV_TAB: '.nav-tab, .nav-tab-fgod',
NESTED_TAB: '.nested-tab',
NESTED_CONTENT: '.nested-content'
},
CLASSES: {
ACTIVE: 'active'
},
DELAYS: {
SCROLL_DELAY: 100
}
};

function safeGetElementById(id) {
try { return document.getElementById(id); } catch (e) { return null; }
}
function safeQuerySelectorAll(selector, context = document) {
try { return context.querySelectorAll(selector); } catch (e) { return []; }
}
function safeQuerySelector(selector, context = document) {
try { return context.querySelector(selector); } catch (e) { return null; }
}

const TabNavigation = {
showTab: function(tabId, tabElement) {
if (!tabId) return;

const allNested = document.querySelectorAll(CONFIG.SELECTORS.NESTED_CONTENT);
allNested.forEach(c => c.classList.remove(CONFIG.CLASSES.ACTIVE));

const contents = safeQuerySelectorAll(CONFIG.SELECTORS.TAB_CONTENT);
contents.forEach(c => c.classList.remove(CONFIG.CLASSES.ACTIVE));

const tabs = safeQuerySelectorAll(CONFIG.SELECTORS.NAV_TAB);
tabs.forEach(t => t.classList.remove(CONFIG.CLASSES.ACTIVE));

const target = safeGetElementById(tabId);
if (target) {
target.classList.add(CONFIG.CLASSES.ACTIVE);

setTimeout(() => {
const first = target.querySelector(CONFIG.SELECTORS.NESTED_TAB + '[data-tab]');
if (first) {
const nid = first.getAttribute('data-tab');
if (nid) TabNavigation.showNestedTab(nid, first);
}
}, 50);
}

if (tabElement) tabElement.classList.add(CONFIG.CLASSES.ACTIVE);
},

showNestedTab: function(tabId, tabElement) {
if (!tabId) return;
const container = tabElement
? (tabElement.closest('.nested-container, .token-card')
|| tabElement.closest('.tokens-section')
|| tabElement.closest('.tab-content')
|| document)
: document;

const nestedContents = container.querySelectorAll(CONFIG.SELECTORS.NESTED_CONTENT);
nestedContents.forEach(c => c.classList.remove(CONFIG.CLASSES.ACTIVE));

const nestedTabs = container.querySelectorAll(CONFIG.SELECTORS.NESTED_TAB);
nestedTabs.forEach(t => t.classList.remove(CONFIG.CLASSES.ACTIVE));

let target = null;
if (container && container.querySelector) target = container.querySelector('#' + tabId);
if (!target) target = safeGetElementById(tabId);
if (target) target.classList.add(CONFIG.CLASSES.ACTIVE);

if (tabElement) tabElement.classList.add(CONFIG.CLASSES.ACTIVE);
},

handleTabClick: function(event) {
const tab = event.target.closest('.nav-tab[data-tab], .nav-tab-fgod[data-tab]');
if (!tab) return;
event.preventDefault();
const targetId = tab.getAttribute('data-tab');
if (targetId) TabNavigation.showTab(targetId, tab);
},

handleNestedTabClick: function(event) {
const nestedTab = event.target.closest('.nested-tab[data-tab]');
if (!nestedTab) return;
event.preventDefault();
const targetId = nestedTab.getAttribute('data-tab');
if (targetId) TabNavigation.showNestedTab(targetId, nestedTab);
},

handleSpecialTabNavigation: function(event) {
const trigger = event.target.closest('[data-tab-trigger]');
if (!trigger) return;
event.preventDefault();
const tabData = trigger.getAttribute('data-tab-trigger');
const buttonId = trigger.getAttribute('data-tab-button');
const href = trigger.getAttribute('href');
const scrollToAttr = trigger.getAttribute('data-scroll-to');
let scrollTargetSelector = null;
if (scrollToAttr && scrollToAttr.trim()) scrollTargetSelector = '#' + scrollToAttr.replace(/^#/, '');
else if (href && href.charAt(0) === '#') scrollTargetSelector = href;
if (tabData && buttonId) {
const btn = safeGetElementById(buttonId);
if (btn) {
TabNavigation.showTab(tabData, btn);
if (scrollTargetSelector) {
const target = safeQuerySelector(scrollTargetSelector);
if (target) setTimeout(() => target.scrollIntoView({ behavior: 'smooth' }), CONFIG.DELAYS.SCROLL_DELAY);
}
}
}
},

init: function() {
document.addEventListener('click', this.handleTabClick, false);
document.addEventListener('click', this.handleNestedTabClick, false);
document.addEventListener('click', this.handleSpecialTabNavigation, false);
window.showTab = this.showTab;
}
};

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