MediaWiki:Common.js - Revision history

MuhRO maintenance: Restore floating expand collapse controls

2026-05-27T14:49:59Z

Restore floating expand collapse controls

← Older revision		Revision as of 14:49, 27 May 2026
Line 49:		Line 49:
	function findCollapsibles($root) {		function findCollapsibles($root) {
	return $root		return $root
	.find('.mw~~-collapsible.mw-made~~-collapsible')		.find('.mw-collapsible')
	.add($root.filter('.mw~~-collapsible.mw-made~~-collapsible'));		.add($root.filter('.mw-collapsible'));
	}		}

Line 59:		Line 59:
	$expand.prop('disabled', $items.length === 0 \|\| collapsedCount === 0);		$expand.prop('disabled', $items.length === 0 \|\| collapsedCount === 0);
	$collapse.prop('disabled', $items.length === 0 \|\| collapsedCount === $items.length);		$collapse.prop('disabled', $items.length === 0 \|\| collapsedCount === $items.length);
			}

			function triggerFallback($element, collapse) {
			if ($element.hasClass('mw-collapsed') === collapse) {
			return;
			}

			$element.find('> .muhro-early-toggle, .muhro-early-toggle').first().trigger('click');
	}		}

Line 66:		Line 74:
	var api = $element.data('mw-collapsible');		var api = $element.data('mw-collapsible');

	if (~~!api \|\|~~ $element.hasClass('mw-collapsed') === collapse) {		if ($element.hasClass('mw-collapsed') === collapse) {
	return;		return;
	}		}

	if (collapse) {		if (api) {
	api.~~collapse~~();		if (collapse) {
			api.collapse();
			} else {
			api.expand();
			}
	} else {		} else {
	~~api.expand~~();		triggerFallback($element, collapse);
	}		}
	});		});

	updateButtons($root, $expand, $collapse);		window.setTimeout(function () {
			updateButtons($root, $expand, $collapse);
			}, 0);
	}		}

Line 131:		Line 145:
	function tryAttach() {		function tryAttach() {
	attempts++;		attempts++;
	if (attachControls($root) \|\| attempts >= 20) {		if (attachControls($root) \|\| attempts >= 40) {
	return;		return;
	}		}

MuhRO maintenance: Use one floating page tools container

2026-05-27T14:43:43Z

Use one floating page tools container

← Older revision		Revision as of 14:43, 27 May 2026
Line 14:		Line 14:

	});		});

			(function () {
			window.muhroGetFloatingTools = function () {
			var $tools = $('#muhro-floating-tools');

			if (!$tools.length) {
			$tools = $('<div>')
			.attr('id', 'muhro-floating-tools')
			.addClass('muhro-floating-tools noprint');
			$('body').append($tools);
			}

			return $tools;
			};
			}());

	(function () {		(function () {
Line 84:		Line 99:
	'aria-label': 'Collapsible content controls'		'aria-label': 'Collapsible content controls'
	})		})
	.addClass('muhro-collapse-controls ~~noprint~~')		.addClass('muhro-collapse-controls')
	.append($expand, $collapse);		.append($expand, $collapse);

Line 100:		Line 115:

	updateButtons($root, $expand, $collapse);		updateButtons($root, $expand, $collapse);
	$(~~'body'~~).~~append~~($controls);		window.muhroGetFloatingTools().prepend($controls);
	return true;		return true;
	}		}
Line 218:		Line 233:
	$wrapper = $('<div>')		$wrapper = $('<div>')
	.attr('id', 'muhro-floating-toc')		.attr('id', 'muhro-floating-toc')
	.addClass('muhro-floating-toc ~~noprint~~')		.addClass('muhro-floating-toc')
	.append($button, $panel);		.append($button, $panel);

Line 243:		Line 258:
	});		});

	$(~~'body'~~).append($wrapper);		window.muhroGetFloatingTools().append($wrapper);
	}		}

	mw.hook('wikipage.content').add(addFloatingToc);		mw.hook('wikipage.content').add(addFloatingToc);
	}());		}());

MuhRO maintenance: Add searchable floating contents panel

2026-05-27T14:40:14Z

Add searchable floating contents panel

@@ Line 131: / Line 131: @@
 (function () {
      function addFloatingToc($content) {
          var $toc = $content.find('#toc').first();
@@ Line 136: / Line 163: @@
          var $button;
          var $panel;
          var $wrapper;
@@ Line 161: / Line 191: @@
              .addClass('muhro-floating-toc-button')
              .text('Contents');
          $panel = $('<nav>')
@@ Line 168: / Line 214: @@
              })
              .addClass('muhro-floating-toc-panel')
-             .append($tocList);
+             .append($header, $body);
          $wrapper = $('<div>')
@@ Line 179: / Line 225: @@
              $wrapper.toggleClass('is-open', open);
              $button.attr('aria-expanded', open ? 'true' : 'false');
          });

MuhRO maintenance: Add floating table of contents

2026-05-27T14:35:53Z

Add floating table of contents

@@ Line 128: / Line 128: @@
          mw.hook('wikipage.content').add(addCollapsibleControls);
      });
 }());

MuhRO maintenance: Avoid reinitializing standard collapsible tables

2026-05-27T14:14:31Z

Avoid reinitializing standard collapsible tables

@@ Line 17: / Line 17: @@
 (function () {
      function normalizeLegacyCollapsibles($root) {
-         $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible').each(function () {
+         var $legacy = $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible')
              var $element = $(this);
@@ Line 25: / Line 28: @@
+             }
          });
-         return $items.filter('.mw-made-collapsible');
+         $legacy.makeCollapsible();
+     }
@@ Line 72: / Line 65: @@
+     }
-     function addCollapsibleControls($content) {
+     function attachControls($root) {
-        var $root = $content.find('.mw-parser-output').first();
+         if ($('#muhro-collapse-controls').length || !findCollapsibles($root).length) {
-        var $items;
+             return false;
+         }
@@ Line 117: / Line 101: @@
          updateButtons($root, $expand, $collapse);
          $('body').append($controls);
+     }

MuhRO maintenance: Fix global collapsible controls

2026-05-27T14:09:57Z

Fix global collapsible controls

← Older revision		Revision as of 14:09, 27 May 2026
Line 16:		Line 16:

	(function () {		(function () {
			function normalizeLegacyCollapsibles($root) {
			$root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible').each(function () {
			var $element = $(this);

			$element.addClass('mw-collapsible');
			if ($element.hasClass('collapsed')) {
			$element.addClass('mw-collapsed');
			}
			});
			}

			function prepareCollapsibles($root) {
			normalizeLegacyCollapsibles($root);

			var $items = $root
			.find('.mw-collapsible')
			.add($root.filter('.mw-collapsible'));

			$items.not('.mw-made-collapsible').makeCollapsible();

			return $items.filter('.mw-made-collapsible');
			}

	function findCollapsibles($root) {		function findCollapsibles($root) {
	return $root		return $root
	.find('.mw-collapsible.mw-made-collapsible')		.find('.mw-collapsible.mw-made-collapsible')
	.add($root.filter('.mw-collapsible.mw-made-collapsible'));		.add($root.filter('.mw-collapsible.mw-made-collapsible'));
	}

	~~function findToggle($element) {~~
	~~var $toggle = $element~~
	~~.find('> .mw-collapsible-toggle, > caption .mw-collapsible-toggle, > tbody > tr:first-child .mw-collapsible-toggle, > tr:first-child .mw-collapsible-toggle')~~
	~~.first();~~

	~~return $toggle.length ? $toggle : $element.find('.mw-collapsible-toggle').first();~~
	}		}

Line 34:		Line 49:
	var collapsedCount = $items.filter('.mw-collapsed').length;		var collapsedCount = $items.filter('.mw-collapsed').length;

	$expand.prop('disabled', collapsedCount === 0);		$expand.prop('disabled', $items.length === 0 \|\| collapsedCount === 0);
	$collapse.prop('disabled', collapsedCount === $items.length);		$collapse.prop('disabled', $items.length === 0 \|\| collapsedCount === $items.length);
	}		}

Line 41:		Line 56:
	findCollapsibles($root).each(function () {		findCollapsibles($root).each(function () {
	var $element = $(this);		var $element = $(this);
			var api = $element.data('mw-collapsible');

	if ($element.hasClass('mw-collapsed') === collapse) {		if (!api \|\| $element.hasClass('mw-collapsed') === collapse) {
	return;		return;
	}		}

	~~findToggle~~(~~$element~~).~~trigger~~(~~'click'~~);		if (collapse) {
			api.collapse();
			} else {
			api.expand();
			}
	});		});

	~~window.setTimeout(function () {~~		updateButtons($root, $expand, $collapse);
	updateButtons($root, $expand, $collapse);
	~~}, 0~~);
	}		}

	function addCollapsibleControls($content) {		function addCollapsibleControls($content) {
	var $root = $content.find('.mw-parser-output').first();		var $root = $content.find('.mw-parser-output').first();
			var $items;

	if (!$root.length) {		if (!$root.length) {
Line 61:		Line 80:
	}		}

	if ($('#muhro-collapse-controls').length \|\| !~~findCollapsibles(~~$~~root)~~.length) {		$items = prepareCollapsibles($root);

			if ($('#muhro-collapse-controls').length \|\| !$items.length) {
	return;		return;
	}		}
Line 88:		Line 109:
	setAll($root, true, $expand, $collapse);		setAll($root, true, $expand, $collapse);
	});		});
	$root.on('click', '.mw-collapsible-toggle', function () {		$root.on('click keydown', '.mw-collapsible-toggle', function () {
	window.setTimeout(function () {		window.setTimeout(function () {
	updateButtons($root, $expand, $collapse);		updateButtons($root, $expand, $collapse);

MuhRO maintenance: Make collapsible controls available while scrolling

2026-05-27T14:06:03Z

Make collapsible controls available while scrolling

← Older revision		Revision as of 14:06, 27 May 2026
Line 19:		Line 19:
	return $root		return $root
	.find('.mw-collapsible.mw-made-collapsible')		.find('.mw-collapsible.mw-made-collapsible')
	.add($root.filter('.mw-collapsible.mw-made-collapsible'))		.add($root.filter('.mw-collapsible.mw-made-collapsible'));
	~~.filter(function () {~~
	~~return !$(this).closest('#muhro-collapse-controls').length;~~
	});
	}		}

Line 64:		Line 61:
	}		}

	if ($~~root.find~~('#muhro-collapse-controls').length \|\| !findCollapsibles($root).length) {		if ($('#muhro-collapse-controls').length \|\| !findCollapsibles($root).length) {
	return;		return;
	}		}
Line 77:		Line 74:
	.text('Collapse all');		.text('Collapse all');
	var $controls = $('<div>')		var $controls = $('<div>')
	.attr('id', 'muhro-collapse-controls')		.attr({
			id: 'muhro-collapse-controls',
			role: 'group',
			'aria-label': 'Collapsible content controls'
			})
	.addClass('muhro-collapse-controls noprint')		.addClass('muhro-collapse-controls noprint')
	.append($expand, $collapse);		.append($expand, $collapse);
Line 94:		Line 95:

	updateButtons($root, $expand, $collapse);		updateButtons($root, $expand, $collapse);
	$~~root~~.~~prepend~~($controls);		$('body').append($controls);
	}		}

MuhRO maintenance: Add global collapsible expand/collapse controls

2026-05-27T13:58:48Z

Add global collapsible expand/collapse controls

← Older revision		Revision as of 13:58, 27 May 2026
Line 14:		Line 14:

	});		});

			(function () {
			function findCollapsibles($root) {
			return $root
			.find('.mw-collapsible.mw-made-collapsible')
			.add($root.filter('.mw-collapsible.mw-made-collapsible'))
			.filter(function () {
			return !$(this).closest('#muhro-collapse-controls').length;
			});
			}

			function findToggle($element) {
			var $toggle = $element
			.find('> .mw-collapsible-toggle, > caption .mw-collapsible-toggle, > tbody > tr:first-child .mw-collapsible-toggle, > tr:first-child .mw-collapsible-toggle')
			.first();

			return $toggle.length ? $toggle : $element.find('.mw-collapsible-toggle').first();
			}

			function updateButtons($root, $expand, $collapse) {
			var $items = findCollapsibles($root);
			var collapsedCount = $items.filter('.mw-collapsed').length;

			$expand.prop('disabled', collapsedCount === 0);
			$collapse.prop('disabled', collapsedCount === $items.length);
			}

			function setAll($root, collapse, $expand, $collapse) {
			findCollapsibles($root).each(function () {
			var $element = $(this);

			if ($element.hasClass('mw-collapsed') === collapse) {
			return;
			}

			findToggle($element).trigger('click');
			});

			window.setTimeout(function () {
			updateButtons($root, $expand, $collapse);
			}, 0);
			}

			function addCollapsibleControls($content) {
			var $root = $content.find('.mw-parser-output').first();

			if (!$root.length) {
			$root = $content;
			}

			if ($root.find('#muhro-collapse-controls').length \|\| !findCollapsibles($root).length) {
			return;
			}

			var $expand = $('<button>')
			.attr('type', 'button')
			.addClass('muhro-collapse-button')
			.text('Expand all');
			var $collapse = $('<button>')
			.attr('type', 'button')
			.addClass('muhro-collapse-button')
			.text('Collapse all');
			var $controls = $('<div>')
			.attr('id', 'muhro-collapse-controls')
			.addClass('muhro-collapse-controls noprint')
			.append($expand, $collapse);

			$expand.on('click', function () {
			setAll($root, false, $expand, $collapse);
			});
			$collapse.on('click', function () {
			setAll($root, true, $expand, $collapse);
			});
			$root.on('click', '.mw-collapsible-toggle', function () {
			window.setTimeout(function () {
			updateButtons($root, $expand, $collapse);
			}, 0);
			});

			updateButtons($root, $expand, $collapse);
			$root.prepend($controls);
			}

			mw.loader.using('jquery.makeCollapsible').then(function () {
			mw.hook('wikipage.content').add(addCollapsibleControls);
			});
			}());

Muh at 20:16, 20 May 2021

2021-05-20T20:16:07Z

← Older revision		Revision as of 20:16, 20 May 2021
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. */		/* Any JavaScript here will be loaded for all users on every page load. */
	$('.copy-link').on('click', function() {		$('.copy-link').on('click', function() {

Muh: Created page with "/* 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. */ $('.copy-link').on('click..."

2021-05-20T20:15:59Z

Created page with "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.: $('.copy-link').on('click..."

New page

/* 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. */
$('.copy-link').on('click', function() {

var link = $(this);
var copy_id = $(this).attr('id');
var text = $(this).text();
var clipboard = new ClipboardJS('#' + copy_id );
clipboard.on('success', function(e) {
link.text('Copied!');
setTimeout(function() {
link.text(''+text);
}, 2000);
});

});