MediaWiki:Common.js - Revision history

Admin at 04:05, 13 February 2026

2026-02-13T04:05:13Z

← Older revision		Revision as of 00:05, 13 February 2026
Line 216:		Line 216:

	/* ============================================================		/* ============================================================
	--- SCROLL MONITOR (~~FORCE SIDEBAR ADJUSTMENT~~) ---		--- NATIVE SCROLL MONITOR (FIXED) ---
	============================================================ */		============================================================ */
	~~mw.loader.using(['jquery'], function () {~~
	~~$(window)~~.on('scroll', function() {		document.addEventListener('scroll', function() {
	// Check if we ~~are 60px~~ down ~~from the top~~		// Check if we have scrolled down more than 50 pixels
	if (~~$(this)~~.~~scrollTop()~~ > 60) {		if (window.scrollY > 50) {
	~~$('html')~~.~~addClass~~('bc-scrolled');		document.body.classList.add('bc-scrolled');
	} else {		} else {
	~~$('html')~~.~~removeClass('bc-scrolled');~~		document.body.classList.remove('bc-scrolled');
	}
	~~});~~

	~~// Run once on load in case the user reloads halfway down the page~~
	~~if ($(window)~~.~~scrollTop() > 60) {~~
	~~$('html')~~.~~addClass~~('bc-scrolled');
	}		}
	});		});

			// Run once immediately on load to catch refresh state
			if (window.scrollY > 50) {
			document.body.classList.add('bc-scrolled');
			}

Admin at 04:02, 13 February 2026

2026-02-13T04:02:55Z

← Older revision		Revision as of 00:02, 13 February 2026
Line 216:		Line 216:

	/* ============================================================		/* ============================================================
	--- ~~DYNAMIC~~ SIDEBAR ~~SPACER (ON SCROLL~~) ---		--- SCROLL MONITOR (FORCE SIDEBAR ADJUSTMENT) ---
	============================================================ */		============================================================ */
			mw.loader.using(['jquery'], function () {
	$(window).scroll(function() {		$(window).on('scroll', function() {
	// 1. Check if ~~user has scrolled~~ down ~~more than 60 pixels~~		// Check if we are 60px down from the top
	if ($(this).scrollTop() > 60) {		if ($(this).scrollTop() > 60) {
	$('~~body~~').addClass('bc-scrolled~~-down~~');		$('html').addClass('bc-scrolled');
	} else {		} else {
	// ~~2. If back at~~ the ~~top, remove~~ the ~~class~~		$('html').removeClass('bc-scrolled');
	$('~~body~~').~~removeClass~~('bc-scrolled~~-down~~');		}
			});

			// Run once on load in case the user reloads halfway down the page
			if ($(window).scrollTop() > 60) {
			$('html').addClass('bc-scrolled');
	}		}
	});		});

Admin at 03:57, 13 February 2026

2026-02-13T03:57:56Z

@@ Line 213: / Line 213: @@
+         }
      });
 });

Admin at 21:33, 12 February 2026

2026-02-12T21:33:29Z

← Older revision		Revision as of 17:33, 12 February 2026
Line 165:		Line 165:

	/* ============================================================		/* ============================================================
	--- SEARCH ICON COLOR FIX (~~JAVASCRIPT SOLUTION~~) ---		--- SEARCH ICON COLOR FIX (JS UPDATE FOR STUBBORN CLASSES) ---
	============================================================ */		============================================================ */

Line 171:		Line 171:
	// 1. Function to force the icon to white		// 1. Function to force the icon to white
	function forceSearchIconWhite() {		function forceSearchIconWhite() {
	// Targets the ~~magnifying glass container and the SVG path~~		// Targets standard icons AND the specific -vue class you found
	$('.cdx-text-input__icon, .cdx-search-input__start-icon')		$('.cdx-text-input__icon, .cdx-search-input__start-icon, .cdx-text-input__icon-vue')
	.css('filter', 'brightness(0) invert(1)')		.css({
	~~.css(~~'opacity', '1');		'filter': 'brightness(0) invert(1)',
			'color': '#ffffff',
			'fill': '#ffffff',
			'opacity': '1'
			});
	}		}

	// 2. Function to reset to dark (when typing)		// 2. Function to reset to dark (when typing/focused)
	function resetSearchIconDark() {		function resetSearchIconDark() {
	$('.cdx-text-input__icon, .cdx-search-input__start-icon')		$('.cdx-text-input__icon, .cdx-search-input__start-icon, .cdx-text-input__icon-vue')
	.css('filter', '~~none~~')		.css({
	~~.css(~~'opacity', '0.5');		'filter': 'none',
			'color': '#546e7a', // Dark Grey
			'fill': '#546e7a',
			'opacity': '0.5'
			});
	}		}

	// 3. Attach Events ~~to the Search Input~~		// 3. Attach Events using delegation
	~~// We use 'body'~~ delegation ~~to ensure it works even if the header re-renders~~
	$('body').on('focus', '.cdx-text-input__input', function() {		$('body').on('focus', '.cdx-text-input__input', function() {
	resetSearchIconDark();		resetSearchIconDark();
	});		});

			// This catches the moment the user clicks away
	$('body').on('blur', '.cdx-text-input__input', function() {		$('body').on('blur', '.cdx-text-input__input', function() {
	forceSearchIconWhite();		forceSearchIconWhite();
	});		});

	// 4. Run ~~once~~ on ~~page~~ load ~~to ensure it starts white~~		// 4. Run on load and also after a tiny delay
			// (MediaWiki sometimes renders the search bar slightly late)
	forceSearchIconWhite();		forceSearchIconWhite();
			setTimeout(forceSearchIconWhite, 500);
	// 5. ~~Special Fix:~~ Watch for ~~MediaWiki's~~ "~~has-value~~" ~~class changes~~
	/~~/ This catches the moment a user clicks out after typing~~		// 5. Watch for any input changes to prevent "reverting" while typing/clicking
	$('.cdx-text-input__input').on('change ~~input~~', function() {		$('.cdx-text-input__input').on('input change', function() {
	if (!$(this).is(':focus')) {		if (!$(this).is(':focus')) {
	forceSearchIconWhite();		forceSearchIconWhite();
	}		}
	});		});
	});		});

Admin at 21:20, 12 February 2026

2026-02-12T21:20:26Z

@@ Line 161: / Line 161: @@
      observer.observe(document.documentElement, {
          attributes: true
      });
 });

Admin at 22:02, 10 February 2026

2026-02-10T22:02:52Z

@@ Line 112: / Line 112: @@
      $(document).keydown(function(e) {
          if (e.key === "Escape") closeModal();
      });
 });

Admin at 21:14, 4 February 2026

2026-02-04T21:14:16Z

← Older revision		Revision as of 17:14, 4 February 2026
Line 58:		Line 58:
	});		});

	/* --- SMART VIDEO MODAL ~~SCRIPT~~ --- */		/* --- SMART VIDEO MODAL (Auto-Inject) --- */
	$~~(document).ready~~(function() {		$(function() {

	// 1. ~~Auto~~-~~Fetch Thumbnails~~ & ~~Handle Clicks~~		// 1. Check if Modal HTML exists. If not, create it.
			if ($('#bc-video-modal').length === 0) {
			$('body').append(`
			<div id="bc-video-modal" class="bc-modal-overlay">
			<div class="bc-modal-content">
			<div class="bc-modal-close">×</div>
			<iframe id="bc-modal-iframe" width="100%" height="100%" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
			</div>
			</div>
			`);
			}

			// 2. Setup Triggers (Thumbnail & Click)
	$('.bc-video-trigger').each(function() {		$('.bc-video-trigger').each(function() {
	var $trigger = $(this);		var $trigger = $(this);
	var videoID = $trigger.data('video-id');		var videoID = $trigger.data('video-id');

	// ~~If no manual background is set, grab it from YouTube automatically~~		// Inject Image Tag if missing
	if (~~videoID && !~~$trigger.~~css~~('~~background-image~~') ~~\|\| $trigger~~.~~css('background-image')~~ === ~~'none'~~) {		if ($trigger.find('img').length === 0) {
	~~// Try 'maxresdefault' (HD) first.~~
	~~// Note: If a video is very old, it might only have 'hqdefault.jpg'.~~
	var thumbUrl = "https://img.youtube.com/vi/" + videoID + "/maxresdefault.jpg";		var thumbUrl = "https://img.youtube.com/vi/" + videoID + "/maxresdefault.jpg";
	$trigger.~~css~~('~~background-image', 'url(~~"' + thumbUrl + '")');		$trigger.prepend('<img src="' + thumbUrl + '" alt="Video Thumbnail">');
	}		}
			});

			// 3. Handle Click (Using 'body' delegation to ensure it always catches the click)
			$('body').on('click', '.bc-video-trigger', function() {
			var videoID = $(this).data('video-id');
			var embedUrl = "https://www.youtube.com/embed/" + videoID + "?autoplay=1&rel=0&modestbranding=1";

	~~// Handle Click~~		$('#bc-modal-iframe').attr('src', embedUrl);
	~~$trigger.on('click', function() {~~		$('#bc-video-modal').addClass('active');
	~~var embedUrl = "https://www.youtube.com/embed/" + videoID + "?autoplay=1&rel=0&modestbranding=1";~~		$('body').css('overflow', 'hidden'); // Stop background scrolling
	$('#bc-modal-iframe').attr('src', embedUrl);
	$('#bc-video-modal').addClass('active');
	$('body').css('overflow', 'hidden'); // ~~Lock scroll~~
	~~});~~
	});		});

	// 2. Close ~~Modal~~ Logic		// 4. Close Logic
	function closeModal() {		function closeModal() {
	$('#bc-video-modal').removeClass('active');		$('#bc-video-modal').removeClass('active');
Line 90:		Line 102:
	}		}

	$('.bc-modal-close'~~).click(~~closeModal);		$('body').on('click', '.bc-modal-close', closeModal);
	$('#bc-video-modal'~~).click(~~function(e) {
			// Close on background click
			$('body').on('click', '#bc-video-modal', function(e) {
	if (e.target === this) closeModal();		if (e.target === this) closeModal();
	});		});

			// Close on Escape Key
	$(document).keydown(function(e) {		$(document).keydown(function(e) {
	if (e.key === "Escape") closeModal();		if (e.key === "Escape") closeModal();
	});		});
	});		});

Admin at 21:09, 4 February 2026

2026-02-04T21:09:33Z

@@ Line 56: / Line 56: @@
      // Try '#p-tb' (Tools) or '#p-navigation' (Navigation)
      $('#p-navigation').after(customMenu);
 });

Admin at 18:36, 4 February 2026

2026-02-04T18:36:55Z

← Older revision		Revision as of 14:36, 4 February 2026
Line 3:		Line 3:
	/* Load FontAwesome 6.6.0 (Includes Butterfly & Bluesky) */		/* Load FontAwesome 6.6.0 (Includes Butterfly & Bluesky) */
	mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css', 'text/css');		mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css', 'text/css');

			/* Force all external links to open in a new tab */
			$( function() {
			$( 'a.external' ).attr( 'target', '_blank' );
			});

	window.wpDarkModeAutoToggle = true;		window.wpDarkModeAutoToggle = true;

Admin at 17:06, 4 February 2026

2026-02-04T17:06:25Z

← Older revision		Revision as of 13:06, 4 February 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. */

	/* Load FontAwesome 6 ~~Free~~ */		/* Load FontAwesome 6.6.0 (Includes Butterfly & Bluesky) */
	mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css', 'text/css');		mw.loader.load('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css', 'text/css');

	window.wpDarkModeAutoToggle = true;		window.wpDarkModeAutoToggle = true;