MediaWiki:Common.js - Revision history

Wikilah admin at 11:25, 13 June 2026

2026-06-13T11:25:24Z

@@ Line 354: / Line 354: @@
 });
-/* Collapsible inline footnotes ({{footnote}}) — click-triggered card.
+/* Inline footnotes ({{footnote}}) need NO JavaScript: the note is shown by
-   is in Common.css (a fixed bottom-centre card), so the JS just flips the
+   on touch (see MediaWiki:Common.css .ed-fn rules). */

Wikilah admin at 09:14, 13 June 2026

2026-06-13T09:14:36Z

← Older revision		Revision as of 17:14, 13 June 2026
Line 354:		Line 354:
	});		});

	/* Collapsible inline footnotes ({{footnote}}) — click-triggered ~~POPOVER~~.		/* Collapsible inline footnotes ({{footnote}}) — click-triggered card.
	Clicking the "note" chip ~~opens~~ ~~the note as a card~~. ~~The card~~ is		Clicking the "note" chip toggles .ed-fn-open; ALL positioning/visibility
			is in Common.css (a fixed bottom-centre card), so the JS just flips the
	position:FIXED and placed here from the chip's rect — that's required so
			class — there is nothing to mis-place, so the card can never open to
	it escapes the frozen first column's sticky stacking context and the
			"nothing". One card open at a time; outside-click and Escape dismiss;
	table's overflow clip (an absolute card would be hidden behind later
	~~sticky~~ ~~cells~~ / ~~clipped~~ by ~~the~~ ~~scroll~~ ~~wrapper)~~. The note text ~~stays in the~~		Enter/Space + aria-expanded for keyboard and screen readers. The note text
	DOM at all times, so the bot reads it from the parsed HTML ~~regardless~~.		stays in the DOM at all times, so the bot reads it from the parsed HTML. */
	Behaviour: one card open at a time; the card flips above / clamps into the
	viewport near an edge; mobile (<=768px) uses the CSS bottom sheet; outside
	click, Escape, and scroll dismiss; Enter/Space + aria-expanded for
	keyboard and screen readers. */
	$( function () {		$( function () {
	$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );		$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );

	function clearCard( fn ) {
	var body = fn.querySelector( '.ed-fn-body' );
	if ( body ) { body.style.left = body.style.top = ''; }
	}

	function closeAll( except ) {		function closeAll( except ) {
Line 378:		Line 369:
	$( this ).removeClass( 'ed-fn-open' )		$( this ).removeClass( 'ed-fn-open' )
	.children( '.ed-fn-chip' ).attr( 'aria-expanded', 'false' );		.children( '.ed-fn-chip' ).attr( 'aria-expanded', 'false' );
	clearCard( this );
	}		}
	} );		} );
	}

	function placeCard( fn, chip ) {
	// mobile uses the CSS fixed bottom sheet — don't set inline coords
	if ( window.innerWidth <= 768 ) { return; }
	var card = fn.querySelector( '.ed-fn-body' );
	if ( !card ) { return; }
	card.style.left = 'auto';
	card.style.top = 'auto'; // measure natural size first
	var r = chip.getBoundingClientRect(),
	cw = card.offsetWidth, ch = card.offsetHeight,
	vw = window.innerWidth, vh = window.innerHeight,
	left = r.left, top = r.bottom + 4;
	if ( left + cw > vw - 8 ) { left = Math.max( 8, vw - 8 - cw ); } // clamp right
	if ( top + ch > vh - 8 ) { top = Math.max( 8, r.top - 4 - ch ); } // flip above
	card.style.left = left + 'px';
	card.style.top = top + 'px';
	}		}

Line 409:		Line 382:
	closeAll( $fn[ 0 ] );		closeAll( $fn[ 0 ] );
	$fn.toggleClass( 'ed-fn-open', willOpen );		$fn.toggleClass( 'ed-fn-open', willOpen );
	if ( willOpen ) {
	placeCard( $fn[ 0 ], this );
	} else {
	clearCard( $fn[ 0 ] );
	}
	$( this ).attr( 'aria-expanded', willOpen ? 'true' : 'false' );		$( this ).attr( 'aria-expanded', willOpen ? 'true' : 'false' );
	} );		} );

	// outside ~~click,~~ ~~Escape~~, or ~~scroll~~ ~~dismiss~~ (a ~~fixed card can't follow the page)~~		// click outside any .ed-fn, or press Escape, to dismiss
	$( document ).on( 'click', function ( e ) {		$( document ).on( 'click', function ( e ) {
	if ( !$( e.target ).closest( '.ed-fn' ).length ) {		if ( !$( e.target ).closest( '.ed-fn' ).length ) {
Line 428:		Line 396:
	}		}
	} );		} );
	window.addEventListener( 'scroll', function () {
	closeAll( null );
	}, true );
	} );		} );

Wikilah admin at 09:03, 13 June 2026

2026-06-13T09:03:28Z

← Older revision		Revision as of 17:03, 13 June 2026
Line 26:		Line 26:

	/**		/**
	* @source ~~[www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL](~~https://www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL)		* @source https://www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
	* @rev 6		* @rev 6
	*/		*/
Line 355:		Line 355:

	/* Collapsible inline footnotes ({{footnote}}) — click-triggered POPOVER.		/* Collapsible inline footnotes ({{footnote}}) — click-triggered POPOVER.
	Clicking the "note" chip opens the note as a card ~~that~~ ~~floats~~ ~~above the~~		Clicking the "note" chip opens the note as a card. The card is
			position:FIXED and placed here from the chip's rect — that's required so
⚫	~~text~~ ~~(CSS~~ ~~does~~ the ~~positioning~~); ~~the~~ note text stays in the ~~DOM at all~~
			it escapes the frozen first column's sticky stacking context and the
⚫	times, so the bot reads it from the parsed HTML regardless. ~~Behaviour:~~
			table's overflow clip (an absolute card would be hidden behind later
⚫	one card open at a time; ~~.ed-fn-flip opens~~ the card ~~leftward~~ ~~when~~ the
		⚫	sticky cells / clipped by the scroll wrapper). The note text stays in the
	chip sits in the right part of the viewport; outside-click and Escape
		⚫	DOM at all times, so the bot reads it from the parsed HTML regardless.
⚫	~~dismiss; Enter/Space + aria-expanded for~~ keyboard and screen readers. */
		⚫	Behaviour: one card open at a time; the card flips above / clamps into the
			viewport near an edge; mobile (<=768px) uses the CSS bottom sheet; outside
			click, Escape, and scroll dismiss; Enter/Space + aria-expanded for
		⚫	keyboard and screen readers. */
	$( function () {		$( function () {
	$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );		$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );

			function clearCard( fn ) {
			var body = fn.querySelector( '.ed-fn-body' );
			if ( body ) { body.style.left = body.style.top = ''; }
			}

	function closeAll( except ) {		function closeAll( except ) {
	$( '.ed-fn.ed-fn-open' ).each( function () {		$( '.ed-fn.ed-fn-open' ).each( function () {
	if ( this !== except ) {		if ( this !== except ) {
	$( this ).removeClass( 'ed-fn-open ~~ed-fn-flip~~' )		$( this ).removeClass( 'ed-fn-open' )
	.children( '.ed-fn-chip' ).attr( 'aria-expanded', 'false' );		.children( '.ed-fn-chip' ).attr( 'aria-expanded', 'false' );
			clearCard( this );
	}		}
	} );		} );
			}

			function placeCard( fn, chip ) {
			// mobile uses the CSS fixed bottom sheet — don't set inline coords
			if ( window.innerWidth <= 768 ) { return; }
			var card = fn.querySelector( '.ed-fn-body' );
			if ( !card ) { return; }
			card.style.left = 'auto';
			card.style.top = 'auto'; // measure natural size first
		⚫	var r = chip.getBoundingClientRect(),
			cw = card.offsetWidth, ch = card.offsetHeight,
			vw = window.innerWidth, vh = window.innerHeight,
			left = r.left, top = r.bottom + 4;
			if ( left + cw > vw - 8 ) { left = Math.max( 8, vw - 8 - cw ); } // clamp right
			if ( top + ch > vh - 8 ) { top = Math.max( 8, r.top - 4 - ch ); } // flip above
			card.style.left = left + 'px';
			card.style.top = top + 'px';
	}		}

Line 383:		Line 410:
	$fn.toggleClass( 'ed-fn-open', willOpen );		$fn.toggleClass( 'ed-fn-open', willOpen );
	if ( willOpen ) {		if ( willOpen ) {
			placeCard( $fn[ 0 ], this );
	// open the card leftward when the chip is in the right 40% of the viewport
⚫	var ~~rect~~ = ~~this~~.getBoundingClientRect();
	$fn.toggleClass( 'ed-fn-flip', rect.left > window.innerWidth * 0.6 );
	} else {		} else {
	~~$fn.removeClass~~( ~~'ed-~~fn~~-flip'~~ );		clearCard( $fn[ 0 ] );
	}		}
	$( this ).attr( 'aria-expanded', willOpen ? 'true' : 'false' );		$( this ).attr( 'aria-expanded', willOpen ? 'true' : 'false' );
	} );		} );

	// ~~click anywhere~~ outside an ~~.ed-fn~~, or ~~press~~ ~~Escape,~~ to ~~dismiss~~		// outside click, Escape, or scroll dismiss (a fixed card can't follow the page)
	$( document ).on( 'click', function ( e ) {		$( document ).on( 'click', function ( e ) {
	if ( !$( e.target ).closest( '.ed-fn' ).length ) {		if ( !$( e.target ).closest( '.ed-fn' ).length ) {
Line 403:		Line 428:
	}		}
	} );		} );
			window.addEventListener( 'scroll', function () {
			closeAll( null );
			}, true );
	} );		} );

Wikilah admin at 06:41, 13 June 2026

2026-06-13T06:41:37Z

← Older revision		Revision as of 14:41, 13 June 2026
Line 26:		Line 26:

	/**		/**
	* @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL		* @source [www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL](https://www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL)
	* @rev 6		* @rev 6
	*/		*/
Line 124:		Line 124:
	// CapSach — Sticky TOC overlay (UNRESTRICTED: Works on iPad/Desktop/Mobile)		// CapSach — Sticky TOC overlay (UNRESTRICTED: Works on iPad/Desktop/Mobile)
	(function () {		(function () {


	// 1. REMOVED the "min-width: 768px" check. Now runs everywhere.		// 1. REMOVED the "min-width: 768px" check. Now runs everywhere.

Line 220:		Line 220:

	// Force button display immediately		// Force button display immediately
	btn.style.display = 'flex';		btn.style.display = 'flex';
	btn.addEventListener('click', openOverlay);		btn.addEventListener('click', openOverlay);

Line 317:		Line 317:
	// Check if the button already exists to prevent duplicates		// Check if the button already exists to prevent duplicates
	if ($('#custom-email-btn').length === 0) {		if ($('#custom-email-btn').length === 0) {


	// Create the email button element		// Create the email button element
	var emailBtn = $('<a>', {		var emailBtn = $('<a>', {
Line 335:		Line 335:
	$('.fullscreen-logo').css('cursor', 'pointer').click(function(e) {		$('.fullscreen-logo').css('cursor', 'pointer').click(function(e) {
	e.preventDefault();		e.preventDefault();


	// Method 1: Click the AI Assistant floating icon		// Method 1: Click the AI Assistant floating icon
	var $aiButton = $('img[src*="ai-icon.png"]').closest('div, button, a');		var $aiButton = $('img[src*="ai-icon.png"]').closest('div, button, a');
Line 342:		Line 342:
	return;		return;
	}		}


	// Method 2: Try the extension's trigger class		// Method 2: Try the extension's trigger class
	var $trigger = $('.ext-aiassistant-trigger, .ext-aiassistant');		var $trigger = $('.ext-aiassistant-trigger, .ext-aiassistant');
Line 354:		Line 354:
	});		});

	/* Collapsible inline footnotes ({{footnote}}): ~~toggle~~ ~~the~~ ~~note on chip~~		/* Collapsible inline footnotes ({{footnote}}) — click-triggered POPOVER.
			Clicking the "note" chip opens the note as a card that floats above the
⚫	~~click~~; Enter/Space ~~and~~ aria-expanded for keyboard + screen readers. */
			text (CSS does the positioning); the note text stays in the DOM at all
			times, so the bot reads it from the parsed HTML regardless. Behaviour:
			one card open at a time; .ed-fn-flip opens the card leftward when the
			chip sits in the right part of the viewport; outside-click and Escape
		⚫	dismiss; Enter/Space + aria-expanded for keyboard and screen readers. */
	$( function () {		$( function () {
	$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );		$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );

			function closeAll( except ) {
			$( '.ed-fn.ed-fn-open' ).each( function () {
			if ( this !== except ) {
			$( this ).removeClass( 'ed-fn-open ed-fn-flip' )
			.children( '.ed-fn-chip' ).attr( 'aria-expanded', 'false' );
			}
			} );
			}

	$( document ).on( 'click keydown', '.ed-fn-chip', function ( e ) {		$( document ).on( 'click keydown', '.ed-fn-chip', function ( e ) {
	if ( e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ' ) {		if ( e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ' ) {
	return;		return;
	}		}
⚫	var fn = $( this ).closest( '.ed-fn' )~~.toggleClass( 'ed-fn-open' );~~
⚫	$( this ).attr( 'aria-expanded', ~~fn.hasClass( 'ed-fn-open' )~~ ? 'true' : 'false' );
	e.preventDefault();		e.preventDefault();
		⚫	var $fn = $( this ).closest( '.ed-fn' ),
			willOpen = !$fn.hasClass( 'ed-fn-open' );
			closeAll( $fn[ 0 ] );
			$fn.toggleClass( 'ed-fn-open', willOpen );
			if ( willOpen ) {
			// open the card leftward when the chip is in the right 40% of the viewport
			var rect = this.getBoundingClientRect();
			$fn.toggleClass( 'ed-fn-flip', rect.left > window.innerWidth * 0.6 );
			} else {
			$fn.removeClass( 'ed-fn-flip' );
			}
		⚫	$( this ).attr( 'aria-expanded', willOpen ? 'true' : 'false' );
			} );

			// click anywhere outside an .ed-fn, or press Escape, to dismiss
			$( document ).on( 'click', function ( e ) {
			if ( !$( e.target ).closest( '.ed-fn' ).length ) {
			closeAll( null );
			}
			} );
			$( document ).on( 'keydown', function ( e ) {
			if ( e.key === 'Escape' ) {
			closeAll( null );
			}
	} );		} );
	} );		} );

Wikilah admin at 15:26, 12 June 2026

2026-06-12T15:26:47Z

← Older revision		Revision as of 23:26, 12 June 2026
Line 353:		Line 353:
	});		});
	});		});

			/* Collapsible inline footnotes ({{footnote}}): toggle the note on chip
			click; Enter/Space and aria-expanded for keyboard + screen readers. */
			$( function () {
			$( '.ed-fn-chip' ).attr( { role: 'button', tabindex: 0, 'aria-expanded': 'false' } );
			$( document ).on( 'click keydown', '.ed-fn-chip', function ( e ) {
			if ( e.type === 'keydown' && e.key !== 'Enter' && e.key !== ' ' ) {
			return;
			}
			var fn = $( this ).closest( '.ed-fn' ).toggleClass( 'ed-fn-open' );
			$( this ).attr( 'aria-expanded', fn.hasClass( 'ed-fn-open' ) ? 'true' : 'false' );
			e.preventDefault();
			} );
			} );

Wikilah admin at 05:29, 9 April 2026

2026-04-09T05:29:49Z

← Older revision		Revision as of 13:29, 9 April 2026
Line 321:		Line 321:
	var emailBtn = $('<a>', {		var emailBtn = $('<a>', {
	id: 'custom-email-btn',		id: 'custom-email-btn',
	href: 'mailto:~~services~~@axabrain.com',		href: 'mailto:bananabot@axabrain.com',
	// Simple accessible title		// Simple accessible title
	title: 'Contact AXA BRAIN Services'		title: 'Contact AXA BRAIN Services'

Wikilah admin at 11:56, 13 March 2026

2026-03-13T11:56:38Z

← Older revision		Revision as of 19:56, 13 March 2026
Line 353:		Line 353:
	});		});
	});		});

	/* Hide floating nav buttons when AI panel is open (Mobile) */
	(function () {
	if (!window.matchMedia('(max-width: 768px)').matches) return;

	setInterval(function () {
	var panel = document.querySelector('.ext-aiassistant-panel');
	var isOpen = false;

	if (panel) {
	var style = getComputedStyle(panel);
	isOpen = style.display !== 'none' && style.visibility !== 'hidden';
	}

	document.body.classList.toggle('ai-panel-open', isOpen);
	}, 300);
	})();

Wikilah admin at 08:59, 13 March 2026

2026-03-13T08:59:15Z

← Older revision		Revision as of 16:59, 13 March 2026
Line 354:		Line 354:
	});		});

	/* Hide floating buttons when AI ~~Assistant~~ panel is open (Mobile) */		/* Hide floating nav buttons when AI panel is open (Mobile) */
	(function () {		(function () {
	if (window.matchMedia('(max-width: 768px)').matches) {		if (!window.matchMedia('(max-width: 768px)').matches) return;

	var observer = new MutationObserver(function () {
			setInterval(function () {
	var panel = document.querySelector('.ext-aiassistant-panel');		var panel = document.querySelector('.ext-aiassistant-panel');
	if (panel && panel.offsetParent !== null) {
			var isOpen = false;
⚫	document.body.classList.~~add~~('ai-panel-open');

⚫	} ~~else {~~
	~~document.body.classList.remove~~(~~'ai-~~panel~~-open'~~);		if (panel) {
	}		var style = getComputedStyle(panel);
			isOpen = style.display !== 'none' && style.visibility !== 'hidden';
⚫	});
		⚫	}
	observer.observe(document.body, { childList: true, subtree: true, attributes: true });

	}
		⚫	document.body.classList.toggle('ai-panel-open', isOpen);
		⚫	}, 300);
	})();		})();

Wikilah admin at 08:53, 13 March 2026

2026-03-13T08:53:43Z

← Older revision		Revision as of 16:53, 13 March 2026
Line 353:		Line 353:
	});		});
	});		});

			/* Hide floating buttons when AI Assistant panel is open (Mobile) */
			(function () {
			if (window.matchMedia('(max-width: 768px)').matches) {
			var observer = new MutationObserver(function () {
			var panel = document.querySelector('.ext-aiassistant-panel');
			if (panel && panel.offsetParent !== null) {
			document.body.classList.add('ai-panel-open');
			} else {
			document.body.classList.remove('ai-panel-open');
			}
			});
			observer.observe(document.body, { childList: true, subtree: true, attributes: true });
			}
			})();

Wikilah admin at 16:55, 20 February 2026

2026-02-20T16:55:56Z

← Older revision		Revision as of 00:55, 21 February 2026
Line 333:		Line 333:
	/* Open AXA BRAIN AI Assistant when clicking the logo */		/* Open AXA BRAIN AI Assistant when clicking the logo */
	$(document).ready(function() {		$(document).ready(function() {
		⚫	$('.fullscreen-logo').css('cursor', 'pointer').click(function(e) {
	// When an image with the 'chatbox-trigger' class is clicked...
		⚫	e.preventDefault();
⚫	$('.~~chatbox~~-~~trigger~~').click(function(e) {
⚫	e.preventDefault(); ~~// Stop normal clicking behavior~~

	// ~~Find~~ the AI Assistant ~~button by looking for its unique~~ icon ~~from your HTML source~~		// Method 1: Click the AI Assistant floating icon
	var $aiButton = $('img[src*="ai-icon.png"]').closest('div, button, a');		var $aiButton = $('img[src*="ai-icon.png"]').closest('div, button, a');
⚫
	// If the button exists on the page, simulate a click to open it
	if ($aiButton.length > 0) {		if ($aiButton.length > 0) {
	$aiButton.trigger('click');		$aiButton.trigger('click');
	} ~~else~~ {		return;
⚫	console.log("AXA BRAIN Assistant button not found on this page.");
	}		}
		⚫
			// Method 2: Try the extension's trigger class
			var $trigger = $('.ext-aiassistant-trigger, .ext-aiassistant');
			if ($trigger.length > 0) {
			$trigger.first().trigger('click');
			return;
			}

		⚫	console.log("AXA BRAIN Assistant button not found on this page.");
	});		});
	});		});

	/* DO NOT ADD CODE BELOW THIS LINE */