MediaWiki:Common.js - Revision history

WikiVisor at 14:24, 19 June 2026

2026-06-19T14:24:00Z

← Older revision		Revision as of 14:24, 19 June 2026
Line 77:		Line 77:
	}		}

	document.querySelectorAll('.thumbwall').forEach((card) => {		document.querySelectorAll('.thumbwall').forEach((card) => {
	const body = card.querySelector('.card-body');		const body = card.querySelector('.card-body');
	const buttons = card.querySelectorAll('[data-scroll-dir~~], [data-scroll-target~~]');		const buttons = card.querySelectorAll('[data-scroll-dir]');

	if (!body \|\| !buttons.length) {		if (!body \|\| !buttons.length) {
Line 93:		Line 93:
	buttons.forEach((button) => {		buttons.forEach((button) => {
	const dir = Number(button.dataset.scrollDir);		const dir = Number(button.dataset.scrollDir);
	~~const target = button.dataset.scrollTarget;~~
	const inactive = maxScroll <= 0		const inactive = maxScroll <= 0
	\|\| ((dir < 0 ~~\|\| target === 'start')~~ && body.scrollTop <= scrollTolerance)		\|\| (dir < 0 && body.scrollTop <= scrollTolerance)
	\|\| ((dir > 0 ~~\|\| target === 'end')~~ && body.scrollTop >= maxScroll - scrollTolerance);		\|\| (dir > 0 && body.scrollTop >= maxScroll - scrollTolerance);

	button.disabled = inactive;		button.disabled = inactive;
Line 106:		Line 105:
	buttons.forEach((button) => {		buttons.forEach((button) => {
	button.addEventListener('click', () => {		button.addEventListener('click', () => {
	~~if (button.dataset.scrollTarget) {~~
	~~body.scrollTo({~~
	~~top: button.dataset.scrollTarget === 'start' ? 0 : body.scrollHeight,~~
	~~behavior: 'smooth'~~
	~~});~~
	~~return;~~
	}

	body.scrollBy({		body.scrollBy({
	top: Number(button.dataset.scrollDir) * scrollStep,		top: Number(button.dataset.scrollDir) * scrollStep,
Line 124:		Line 115:
	window.addEventListener('resize', updateButtons);		window.addEventListener('resize', updateButtons);
	updateButtons();		updateButtons();
	});		});

WikiVisor at 14:23, 19 June 2026

2026-06-19T14:23:03Z

← Older revision		Revision as of 14:23, 19 June 2026
Line 77:		Line 77:
	}		}

	document.querySelectorAll('.thumbwall').forEach((card) => {		document.querySelectorAll('.thumbwall').forEach((card) => {
	const body = card.querySelector('.card-body');		const body = card.querySelector('.card-body');
	const buttons = card.querySelectorAll('[data-scroll-dir], [data-scroll-target]');		const buttons = card.querySelectorAll('[data-scroll-dir], [data-scroll-target]');
Line 124:		Line 124:
	window.addEventListener('resize', updateButtons);		window.addEventListener('resize', updateButtons);
	updateButtons();		updateButtons();
	});		});

WikiVisor at 14:20, 19 June 2026

2026-06-19T14:20:35Z

← Older revision		Revision as of 14:20, 19 June 2026
Line 77:		Line 77:
	}		}

	document.querySelectorAll('.thumbwall').forEach((card) => {		document.querySelectorAll('.thumbwall').forEach((card) => {
	const body = card.querySelector('.card-body');		const body = card.querySelector('.card-body');
	const buttons = card.querySelectorAll('[data-scroll-dir]');		const buttons = card.querySelectorAll('[data-scroll-dir], [data-scroll-target]');

	if (!body \|\| !buttons.length) {		if (!body \|\| !buttons.length) {
Line 93:		Line 93:
	buttons.forEach((button) => {		buttons.forEach((button) => {
	const dir = Number(button.dataset.scrollDir);		const dir = Number(button.dataset.scrollDir);
			const target = button.dataset.scrollTarget;
	const inactive = maxScroll <= 0		const inactive = maxScroll <= 0
	\|\| (dir < 0 && body.scrollTop <= scrollTolerance)		\|\| ((dir < 0 \|\| target === 'start') && body.scrollTop <= scrollTolerance)
	\|\| (dir > 0 && body.scrollTop >= maxScroll - scrollTolerance);		\|\| ((dir > 0 \|\| target === 'end') && body.scrollTop >= maxScroll - scrollTolerance);

	button.disabled = inactive;		button.disabled = inactive;
Line 105:		Line 106:
	buttons.forEach((button) => {		buttons.forEach((button) => {
	button.addEventListener('click', () => {		button.addEventListener('click', () => {
			if (button.dataset.scrollTarget) {
			body.scrollTo({
			top: button.dataset.scrollTarget === 'start' ? 0 : body.scrollHeight,
			behavior: 'smooth'
			});
			return;
			}

	body.scrollBy({		body.scrollBy({
	top: Number(button.dataset.scrollDir) * scrollStep,		top: Number(button.dataset.scrollDir) * scrollStep,

WikiVisor at 14:15, 19 June 2026

2026-06-19T14:15:57Z

← Older revision		Revision as of 14:15, 19 June 2026
Line 86:		Line 86:

	const scrollStep = 64;		const scrollStep = 64;
			const scrollTolerance = scrollStep / 2;

	const updateButtons = () => {		const updateButtons = () => {
Line 93:		Line 94:
	const dir = Number(button.dataset.scrollDir);		const dir = Number(button.dataset.scrollDir);
	const inactive = maxScroll <= 0		const inactive = maxScroll <= 0
	\|\| (dir < 0 && body.scrollTop <= 0)		\|\| (dir < 0 && body.scrollTop <= scrollTolerance)
	\|\| (dir > 0 && body.scrollTop >= maxScroll ~~+ 4~~);		\|\| (dir > 0 && body.scrollTop >= maxScroll - scrollTolerance);

	button.disabled = inactive;		button.disabled = inactive;

WikiVisor at 14:13, 19 June 2026

2026-06-19T14:13:43Z

← Older revision		Revision as of 14:13, 19 June 2026
Line 94:		Line 94:
	const inactive = maxScroll <= 0		const inactive = maxScroll <= 0
	\|\| (dir < 0 && body.scrollTop <= 0)		\|\| (dir < 0 && body.scrollTop <= 0)
	\|\| (dir > 0 && body.scrollTop >= maxScroll - 4);		\|\| (dir > 0 && body.scrollTop >= maxScroll + 4);

	button.disabled = inactive;		button.disabled = inactive;

WikiVisor at 14:11, 19 June 2026

2026-06-19T14:11:27Z

← Older revision		Revision as of 14:11, 19 June 2026
Line 94:		Line 94:
	const inactive = maxScroll <= 0		const inactive = maxScroll <= 0
	\|\| (dir < 0 && body.scrollTop <= 0)		\|\| (dir < 0 && body.scrollTop <= 0)
	\|\| (dir > 0 && body.scrollTop >= maxScroll - 1);		\|\| (dir > 0 && body.scrollTop >= maxScroll - 4);

	button.disabled = inactive;		button.disabled = inactive;

WikiVisor at 13:25, 19 June 2026

2026-06-19T13:25:07Z

← Older revision		Revision as of 13:25, 19 June 2026
Line 76:		Line 76:
	});		});
	}		}

			document.querySelectorAll('.thumbwall').forEach((card) => {
			const body = card.querySelector('.card-body');
			const buttons = card.querySelectorAll('[data-scroll-dir]');

			if (!body \|\| !buttons.length) {
			return;
			}

			const scrollStep = 64;

			const updateButtons = () => {
			const maxScroll = body.scrollHeight - body.clientHeight;

			buttons.forEach((button) => {
			const dir = Number(button.dataset.scrollDir);
			const inactive = maxScroll <= 0
			\|\| (dir < 0 && body.scrollTop <= 0)
			\|\| (dir > 0 && body.scrollTop >= maxScroll - 1);

			button.disabled = inactive;
			button.classList.toggle('is-inactive', inactive);
			button.setAttribute('aria-disabled', inactive);
			});
			};

			buttons.forEach((button) => {
			button.addEventListener('click', () => {
			body.scrollBy({
			top: Number(button.dataset.scrollDir) * scrollStep,
			behavior: 'smooth'
			});
			});
			});

			body.addEventListener('scroll', updateButtons);
			window.addEventListener('resize', updateButtons);
			updateButtons();
			});

WikiVisor at 08:58, 17 June 2026

2026-06-17T08:58:16Z

← Older revision		Revision as of 08:58, 17 June 2026
Line 2:		Line 2:

	mw.loader.load(		mw.loader.load(
	'/w/index.php?title=MediaWiki:Featured-video.js&action=raw&ctype=text/javascript',		'/w/index.php?title=MediaWiki:Featured-video.js&action=raw&ctype=text/javascript'
			);
			mw.loader.load(
	'/w/index.php?title=MediaWiki:Datatables.js&action=raw&ctype=text/javascript'		'/w/index.php?title=MediaWiki:Datatables.js&action=raw&ctype=text/javascript'
	);		);

WikiVisor at 08:51, 17 June 2026

2026-06-17T08:51:09Z

← Older revision		Revision as of 08:51, 17 June 2026
Line 2:		Line 2:

	mw.loader.load(		mw.loader.load(
	'/w/index.php?title=MediaWiki:Featured-video.js&action=raw&ctype=text/javascript'		'/w/index.php?title=MediaWiki:Featured-video.js&action=raw&ctype=text/javascript',
			'/w/index.php?title=MediaWiki:Datatables.js&action=raw&ctype=text/javascript'
	);		);

WikiVisor at 19:42, 6 June 2026

2026-06-06T19:42:18Z

← Older revision		Revision as of 19:42, 6 June 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. */

			mw.loader.load(
			'/w/index.php?title=MediaWiki:Featured-video.js&action=raw&ctype=text/javascript'
			);

	$(function() {		$(function() {