MediaWiki:Timeless.js - Revision history

PerilM: Blanked the page

2025-12-16T02:31:46Z

Blanked the page

← Older revision		Revision as of 02:31, 16 December 2025
Line 1:		Line 1:
	~~/* Remove all "anonymous" labels in Timeless personal tools */~~
	~~#personal #pt-anonuserpage,~~
	~~#personal li#pt-anonuserpage,~~
	~~#personal .mw-anonuserlink,~~
	~~#personal .mw-anonuserpage,~~
	~~#p-personal #pt-anonuserpage,~~
	~~#p-personal li#pt-anonuserpage,~~
	~~#p-personal .mw-anonuserlink,~~
	~~#p-personal .mw-anonuserpage,~~
	~~#user-tools #pt-anonuserpage,~~
	~~#user-tools .mw-anonuserlink,~~
	~~#user-tools .mw-anonuserpage {~~
	~~display: none !important;~~
	}

	~~/* Hide the literal text node Timeless injects next to the icon */~~
	~~#personal .mw-portlet h2#pt-anonuserpage,~~
	~~#p-personal .mw-portlet h2#pt-anonuserpage,~~
	~~#user-tools h2#pt-anonuserpage {~~
	~~display: none !important;~~
	}


	~~/* Remove "anonymous" from the Timeless top-right personal tools */~~
	~~#personal h2#pt-anonuserpage,~~
	~~#personal li#pt-anonuserpage,~~
	~~#personal .mw-anonuserlink,~~
	~~#personal .mw-anonuserpage {~~
	~~display: none !important;~~
	}

	~~/* Hide the "Anonymous" username placeholder in the Timeless header */~~
	~~#user-tools .mw-ui-icon.mw-ui-icon-before,~~
	~~#user-tools .mw-ui-icon,~~
	~~#user-tools .mw-anonuserlink,~~
	~~#user-tools .mw-anonuserpage,~~
	~~#user-tools .mw-portlet h2,~~
	~~#user-tools .mw-portlet .mw-portlet-body {~~
	~~display: none !important;~~
	}

PerilM at 02:28, 16 December 2025

2025-12-16T02:28:06Z

← Older revision		Revision as of 02:28, 16 December 2025
Line 1:		Line 1:
			/* Remove all "anonymous" labels in Timeless personal tools */
			#personal #pt-anonuserpage,
			#personal li#pt-anonuserpage,
			#personal .mw-anonuserlink,
			#personal .mw-anonuserpage,
			#p-personal #pt-anonuserpage,
			#p-personal li#pt-anonuserpage,
			#p-personal .mw-anonuserlink,
			#p-personal .mw-anonuserpage,
			#user-tools #pt-anonuserpage,
			#user-tools .mw-anonuserlink,
			#user-tools .mw-anonuserpage {
			display: none !important;
			}

			/* Hide the literal text node Timeless injects next to the icon */
			#personal .mw-portlet h2#pt-anonuserpage,
			#p-personal .mw-portlet h2#pt-anonuserpage,
			#user-tools h2#pt-anonuserpage {
			display: none !important;
			}


			/* Remove "anonymous" from the Timeless top-right personal tools */
			#personal h2#pt-anonuserpage,
			#personal li#pt-anonuserpage,
			#personal .mw-anonuserlink,
			#personal .mw-anonuserpage {
			display: none !important;
			}

	/* Hide the "Anonymous" username placeholder in the Timeless header */		/* Hide the "Anonymous" username placeholder in the Timeless header */
	#user-tools .mw-ui-icon.mw-ui-icon-before,		#user-tools .mw-ui-icon.mw-ui-icon-before,

PerilM at 02:26, 16 December 2025

2025-12-16T02:26:34Z

← Older revision	Revision as of 02:26, 16 December 2025
Line 1:	Line 1:
		/* Hide the "Anonymous" username placeholder in the Timeless header */
		#user-tools .mw-ui-icon.mw-ui-icon-before,
		#user-tools .mw-ui-icon,
		#user-tools .mw-anonuserlink,
		#user-tools .mw-anonuserpage,
		#user-tools .mw-portlet h2,
		#user-tools .mw-portlet .mw-portlet-body {
		display: none !important;
		}

PerilM: Blanked the page

2025-12-15T22:48:30Z

Blanked the page

← Older revision		Revision as of 22:48, 15 December 2025
Line 1:		Line 1:
	~~document.addEventListener("DOMContentLoaded", function () {~~
	~~const btn = document.querySelector("#mw-sidebar-button.mw-ui-icon-element");~~
	~~if (btn && !btn.querySelector("span")) {~~
	~~const mid = document.createElement("span");~~
	~~btn.appendChild(mid);~~
	}
	~~});~~

PerilM at 22:46, 15 December 2025

2025-12-15T22:46:24Z

← Older revision	Revision as of 22:46, 15 December 2025
Line 1:	Line 1:
		document.addEventListener("DOMContentLoaded", function () {
		const btn = document.querySelector("#mw-sidebar-button.mw-ui-icon-element");
		if (btn && !btn.querySelector("span")) {
		const mid = document.createElement("span");
		btn.appendChild(mid);
		}
		});

PerilM: Blanked the page

2025-12-15T20:44:13Z

Blanked the page

← Older revision		Revision as of 20:44, 15 December 2025
Line 1:		Line 1:
	~~```~~
	~~mw.loader.using('mediawiki.util').then(function () {~~

	~~/* Add arrows to all custom portlets */~~
	~~document.querySelectorAll('#mw-panel .mw-portlet').forEach(portlet => {~~
	~~const header = portlet.querySelector('h3');~~
	~~if (!header) return;~~

	~~header.classList.add('portlet-header');~~

	~~const arrow = document.createElement('span');~~
	~~arrow.className = 'portlet-arrow';~~
	~~arrow.textContent = '▼';~~
	~~header.appendChild(arrow);~~

	~~header.addEventListener('click', () => {~~
	~~const body = portlet.querySelector('.mw-portlet-body');~~
	~~body.classList.toggle('collapsed');~~
	~~arrow.classList.toggle('collapsed');~~
	~~});~~
	~~});~~

	~~/* Year collapsible logic */~~
	~~document.querySelectorAll('#mw-panel .mw-portlet-body > ul > li').forEach(yearItem => {~~
	~~const header = yearItem.querySelector(':scope > a');~~
	~~const sublist = yearItem.querySelector(':scope > ul');~~
	~~if (!header \|\| !sublist) return;~~

	~~header.classList.add('year-header');~~

	~~const arrow = document.createElement('span');~~
	~~arrow.className = 'year-arrow';~~
	~~arrow.textContent = '▼';~~
	~~header.appendChild(arrow);~~

	~~sublist.classList.add('year-content');~~
	~~sublist.style.display = 'none';~~

	~~header.addEventListener('click', e => {~~
	~~e.preventDefault();~~
	~~sublist.classList.toggle('expanded');~~
	~~arrow.classList.toggle('collapsed');~~
	~~sublist.style.display = sublist.classList.contains('expanded') ? 'block' : 'none';~~
	~~});~~
	~~});~~

	~~});~~
	~~```~~

PerilM at 19:28, 15 December 2025

2025-12-15T19:28:14Z

← Older revision		Revision as of 19:28, 15 December 2025
Line 1:		Line 1:
	~~/* Add arrows to all custom portlets */~~		```
	~~document~~.~~querySelectorAll~~('~~#mw-panel~~ .~~mw-portlet~~').~~forEach~~(~~portlet => {~~		mw.loader.using('mediawiki.util').then(function () {
	~~const header = portlet.querySelector~~(~~'h3'~~);
	~~if (!header) return;~~

	~~header~~.~~classList~~.~~add~~('portlet-header');		/* Add arrows to all custom portlets */
			document.querySelectorAll('#mw-panel .mw-portlet').forEach(portlet => {
			const header = portlet.querySelector('h3');
			if (!header) return;

	~~const arrow = document~~.~~createElement~~(~~'span');~~		header.classList.add('portlet-header');
	~~arrow.className =~~ 'portlet-~~arrow';~~
	~~arrow.textContent = '▼~~';
	~~header.appendChild(arrow~~);

	header.addEventListener('click', () => {		const arrow = document.createElement('span');
	const body = portlet.querySelector('.mw-portlet-body');		arrow.className = 'portlet-arrow';
	body.classList.toggle('collapsed');		arrow.textContent = '▼';
	arrow.classList.toggle('collapsed');		header.appendChild(arrow);

			header.addEventListener('click', () => {
			const body = portlet.querySelector('.mw-portlet-body');
			body.classList.toggle('collapsed');
			arrow.classList.toggle('collapsed');
			});
	});		});
	~~});~~

	/* Year collapsible logic */		/* Year collapsible logic */
	document.querySelectorAll('#mw-panel .mw-portlet-body > ul > li').forEach(yearItem => {		document.querySelectorAll('#mw-panel .mw-portlet-body > ul > li').forEach(yearItem => {
	const header = yearItem.querySelector('a');		const header = yearItem.querySelector(':scope > a');
	const sublist = yearItem.querySelector('ul');		const sublist = yearItem.querySelector(':scope > ul');
	if (!header \|\| !sublist) return;		if (!header \|\| !sublist) return;

	header.classList.add('year-header');		header.classList.add('year-header');

	const arrow = document.createElement('span');		const arrow = document.createElement('span');
	arrow.className = 'year-arrow';		arrow.className = 'year-arrow';
	arrow.textContent = '▼';		arrow.textContent = '▼';
	header.appendChild(arrow);		header.appendChild(arrow);

	sublist.classList.add('year-content');		sublist.classList.add('year-content');
	sublist.style.display = 'none';		sublist.style.display = 'none';

	header.addEventListener('click', e => {		header.addEventListener('click', e => {
	e.preventDefault();		e.preventDefault();
	sublist.classList.toggle('expanded');		sublist.classList.toggle('expanded');
	arrow.classList.toggle('collapsed');		arrow.classList.toggle('collapsed');
	sublist.style.display = sublist.classList.contains('expanded') ? 'block' : 'none';		sublist.style.display = sublist.classList.contains('expanded') ? 'block' : 'none';
			});
	});		});
	~~});~~

	~~/* Search filter */~~
	~~document.querySelector('#p-search input')?.addEventListener('keyup', function (e) {~~
	~~const searchTerm = e.target.value.toLowerCase();~~
	~~document.querySelectorAll('#mw-panel a').forEach(link => {~~
	~~const text = link.textContent.toLowerCase();~~
	~~link.style.display = text.includes(searchTerm) ? 'block' : 'none';~~
	~~});~~
	});		});
			```

PerilM at 19:13, 15 December 2025

2025-12-15T19:13:33Z

← Older revision		Revision as of 19:13, 15 December 2025
Line 1:		Line 1:
	/* Add custom ~~classes to sidebar~~ portlets */		/* Add arrows to all custom portlets */
	document.querySelectorAll('#mw-panel .mw-portlet').forEach(portlet => {		document.querySelectorAll('#mw-panel .mw-portlet').forEach(portlet => {
	const header = portlet.querySelector('h3');		const header = portlet.querySelector('h3');
	if (header) {		if (!header) return;
	header.classList.add('portlet-header');
	const arrow = document.createElement('span');		header.classList.add('portlet-header');
	arrow.className = 'portlet-arrow';
	arrow.textContent = '▼';		const arrow = document.createElement('span');
	header.appendChild(arrow);		arrow.className = 'portlet-arrow';
	}		arrow.textContent = '▼';
	});		header.appendChild(arrow);

	~~/* Portlet Toggle */~~		header.addEventListener('click', () => {
	~~document.querySelectorAll('.portlet-header').forEach(header => {~~
	header.addEventListener('click', ~~function~~ () {
	~~const portlet = this.closest('.mw-portlet');~~
	const body = portlet.querySelector('.mw-portlet-body');		const body = portlet.querySelector('.mw-portlet-body');
	~~const arrow = this.querySelector('.portlet-arrow');~~

	body.classList.toggle('collapsed');		body.classList.toggle('collapsed');
	arrow.classList.toggle('collapsed');		arrow.classList.toggle('collapsed');
Line 23:		Line 18:
	});		});

	/* Year ~~Toggle~~ */		/* Year collapsible logic */
	document.querySelectorAll('#p-~~years~~ .mw-portlet-body > ul > li').forEach(yearItem => {		document.querySelectorAll('#mw-panel .mw-portlet-body > ul > li').forEach(yearItem => {
	const header = yearItem.querySelector('a');		const header = yearItem.querySelector('a');
	if (!header) return;		const sublist = yearItem.querySelector('ul');
			if (!header \|\| !sublist) return;

	header.classList.add('year-header');		header.classList.add('year-header');
Line 35:		Line 31:
	header.appendChild(arrow);		header.appendChild(arrow);

	~~const sublist = yearItem.querySelector('ul');~~		sublist.classList.add('year-content');
	~~if (sublist) {~~		sublist.style.display = 'none';
	sublist.classList.add('year-content');
	sublist.style.display = 'none';

	header.addEventListener('click', ~~function (~~e) {		header.addEventListener('click', e => {
	e.preventDefault();		e.preventDefault();
	sublist.classList.toggle('expanded');		sublist.classList.toggle('expanded');
	arrow.classList.toggle('collapsed');		arrow.classList.toggle('collapsed');
	sublist.style.display = sublist.classList.contains('expanded') ? 'block' : 'none';		sublist.style.display = sublist.classList.contains('expanded') ? 'block' : 'none';
	});		});
	}
	});		});

	/* Search ~~Functionality~~ */		/* Search filter */
	document.querySelector('#p-search input')?.addEventListener('keyup', function (e) {		document.querySelector('#p-search input')?.addEventListener('keyup', function (e) {
	const searchTerm = e.target.value.toLowerCase();		const searchTerm = e.target.value.toLowerCase();

PerilM at 19:00, 15 December 2025

2025-12-15T19:00:07Z

← Older revision		Revision as of 19:00, 15 December 2025
Line 1:		Line 1:
	/* ~~All JavaScript here will be loaded for users of the Timeless skin~~ */		/* Add custom classes to sidebar portlets */
			document.querySelectorAll('#mw-panel .mw-portlet').forEach(portlet => {
			const header = portlet.querySelector('h3');
			if (header) {
			header.classList.add('portlet-header');
			const arrow = document.createElement('span');
			arrow.className = 'portlet-arrow';
			arrow.textContent = '▼';
			header.appendChild(arrow);
			}
			});

	/* Portlet Toggle */		/* Portlet Toggle */
	document.querySelectorAll('.portlet-header').forEach(header => {		document.querySelectorAll('.portlet-header').forEach(header => {
Line 13:		Line 24:

	/* Year Toggle */		/* Year Toggle */
	document.querySelectorAll('.~~year~~-~~header~~').forEach(~~header~~ => {		document.querySelectorAll('#p-years .mw-portlet-body > ul > li').forEach(yearItem => {
	header.~~addEventListener~~('~~click~~'~~, function~~ () {		const header = yearItem.querySelector('a');
	~~const yearItem = this~~.~~closest~~('.year-~~item~~');		if (!header) return;
	const ~~content~~ = ~~yearItem~~.~~querySelector~~('.year-~~content~~');
	const ~~arrow~~ = ~~this~~.querySelector('.year-~~arrow~~');		header.classList.add('year-header');

			const arrow = document.createElement('span');
			arrow.className = 'year-arrow';
			arrow.textContent = '▼';
			header.appendChild(arrow);

			const sublist = yearItem.querySelector('ul');
			if (sublist) {
			sublist.classList.add('year-content');
			sublist.style.display = 'none';

	~~content~~.classList.toggle('expanded');		header.addEventListener('click', function (e) {
	arrow.classList.toggle('collapsed');		e.preventDefault();
	});		sublist.classList.toggle('expanded');
			arrow.classList.toggle('collapsed');
			sublist.style.display = sublist.classList.contains('expanded') ? 'block' : 'none';
			});
			}
	});		});

	/* Search Functionality */		/* Search Functionality */
	document.~~getElementById~~('~~searchInput~~')?.addEventListener('keyup', function (e) {		document.querySelector('#p-search input')?.addEventListener('keyup', function (e) {
	const searchTerm = e.target.value.toLowerCase();		const searchTerm = e.target.value.toLowerCase();
	document.querySelectorAll('.mw-~~portlet-body a, .year-content~~ a').forEach(link => {		document.querySelectorAll('#mw-panel a').forEach(link => {
	const ~~linkText~~ = link.textContent.toLowerCase();		const text = link.textContent.toLowerCase();
	link~~.parentElement~~.style.display = ~~linkText~~.includes(searchTerm) ? 'block' : 'none';		link.style.display = text.includes(searchTerm) ? 'block' : 'none';
	});		});
	});		});

PerilM: Created page with "/* All JavaScript here will be loaded for users of the Timeless skin / / Portlet Toggle / document.querySelectorAll('.portlet-header').forEach(header => { header.addEventListener('click', function () { const portlet = this.closest('.mw-portlet'); const body = portlet.querySelector('.mw-portlet-body'); const arrow = this.querySelector('.portlet-arrow'); body.classList.toggle('collapsed'); arrow.classList.toggle('collapsed'); }); }); / Year To..."

2025-12-15T18:54:45Z

Created page with "All JavaScript here will be loaded for users of the Timeless skin: Portlet Toggle: document.querySelectorAll('.portlet-header').forEach(header => { header.addEventListener('click', function () { const portlet = this.closest('.mw-portlet'); const body = portlet.querySelector('.mw-portlet-body'); const arrow = this.querySelector('.portlet-arrow'); body.classList.toggle('collapsed'); arrow.classList.toggle('collapsed'); }); }); /* Year To..."

New page

/* All JavaScript here will be loaded for users of the Timeless skin */
/* Portlet Toggle */
document.querySelectorAll('.portlet-header').forEach(header => {
header.addEventListener('click', function () {
const portlet = this.closest('.mw-portlet');
const body = portlet.querySelector('.mw-portlet-body');
const arrow = this.querySelector('.portlet-arrow');

body.classList.toggle('collapsed');
arrow.classList.toggle('collapsed');
});
});

/* Year Toggle */
document.querySelectorAll('.year-header').forEach(header => {
header.addEventListener('click', function () {
const yearItem = this.closest('.year-item');
const content = yearItem.querySelector('.year-content');
const arrow = this.querySelector('.year-arrow');

content.classList.toggle('expanded');
arrow.classList.toggle('collapsed');
});
});

/* Search Functionality */
document.getElementById('searchInput')?.addEventListener('keyup', function (e) {
const searchTerm = e.target.value.toLowerCase();
document.querySelectorAll('.mw-portlet-body a, .year-content a').forEach(link => {
const linkText = link.textContent.toLowerCase();
link.parentElement.style.display = linkText.includes(searchTerm) ? 'block' : 'none';
});
});