MediaWiki:Common.js - Revision history

Gxplex admin at 15:55, 19 July 2026

2026-07-19T15:55:26Z

Gxplex admin at 12:32, 19 July 2026

2026-07-19T12:32:01Z

← Older revision		Revision as of 14:32, 19 July 2026
Line 1:		Line 1:
	/* site-wide JS ~~???~~ VoteNY toggle is handled in Vote.js */		/* site-wide JS — VoteNY toggle is handled in Vote.js */

	/* Document: / Reference: page layout		/* Document: / Reference: page layout
	*		*
	* On Document: (ns 3000) and Reference: (ns 3002) pages:		* On Document: (ns 3000) and Reference: (ns 3002) pages:
	* ~~???~~ Moves all .gplx-infobox tables into a right-hand sidebar column.		* – Moves all .gplx-infobox tables into a right-hand sidebar column.
	* ~~???~~ On Reference: pages additionally:		* – On Reference: pages additionally:
	* ~~???~~ Removes the redundant "Document Information" h2.		* • Removes the redundant "Document Information" h2.
	* ~~???~~ Converts the raw "Reference Details" wikitable to gplx-infobox style		* • Converts the raw "Reference Details" wikitable to gplx-infobox style
	* and moves it into the sidebar.		* and moves it into the sidebar.
	* ~~???~~ Renames the "Text" section heading to "Content".		* • Renames the "Text" section heading to "Content".
	* ~~???~~ Wraps sidebar + main content in a CSS-flex two-column layout.		* – Wraps sidebar + main content in a CSS-flex two-column layout.
	*/		*/
	( function () {		( function () {
Line 101:		Line 101:
	}() );		}() );

	/* GxPlex Search ~~???~~ chainable filter buttons with pagination */		/* GxPlex Search — chainable filter buttons with pagination */
	( function () {		( function () {
	if ( mw.config.get( 'wgPageName' ) !== 'GxPlex_Search' ) {		if ( mw.config.get( 'wgPageName' ) !== 'GxPlex_Search' ) {
Line 164:		Line 164:
	var currentPage = 1;		var currentPage = 1;
	var activeFilters = { keywords: {} };		var activeFilters = { keywords: {} };
	var extractsCache = {}; // fulltext ~~???~~ 250-char preview string		var extractsCache = {}; // fulltext → 250-char preview string
	var renderToken = 0; // incremented on every renderPage; cancels stale extract callbacks		var renderToken = 0; // incremented on every renderPage; cancels stale extract callbacks
	var contentMatches = {}; // fulltext ~~???~~ true, for pages whose body matched the last full-text search		var contentMatches = {}; // fulltext → true, for pages whose body matched the last full-text search

	/* ---- helpers ---- */		/* ---- helpers ---- */
Line 239:		Line 239:
	}		}

	/* ---- text extracts ~~???~~ lazy per page, cached ---- */		/* ---- text extracts – lazy per page, cached ---- */

	function fetchPageExtracts( results, token, callback ) {		function fetchPageExtracts( results, token, callback ) {
Line 470:		Line 470:
	}		}

	frag.appendChild( pageBtn( '~~???~~ Previous', currentPage - 1, false, currentPage === 1 ) );		frag.appendChild( pageBtn( '‹ Previous', currentPage - 1, false, currentPage === 1 ) );

	getPageRange( currentPage, totalPages ).forEach( function ( p ) {		getPageRange( currentPage, totalPages ).forEach( function ( p ) {
Line 476:		Line 476:
	var span = document.createElement( 'span' );		var span = document.createElement( 'span' );
	span.className = 'gplx-page-ellipsis';		span.className = 'gplx-page-ellipsis';
	span.textContent = '~~???~~';		span.textContent = '…';
	frag.appendChild( span );		frag.appendChild( span );
	} else {		} else {
Line 483:		Line 483:
	} );		} );

	frag.appendChild( pageBtn( 'Next ~~???~~', currentPage + 1, false, currentPage === totalPages ) );		frag.appendChild( pageBtn( 'Next ›', currentPage + 1, false, currentPage === totalPages ) );

	el.innerHTML = '';		el.innerHTML = '';
Line 543:		Line 543:
	} else {		} else {
	setStatus(		setStatus(
	'Showing ' + ( start + 1 ) + '~~???~~' + end + ' of ' + total		'Showing ' + ( start + 1 ) + '–' + end + ' of ' + total
	+ ' result' + ( total !== 1 ? 's' : '' ),		+ ' result' + ( total !== 1 ? 's' : '' ),
	false		false
Line 612:		Line 612:
	textInput.id = 'gplx-filter-text';		textInput.id = 'gplx-filter-text';
	textInput.className = 'gplx-filter-input';		textInput.className = 'gplx-filter-input';
	textInput.placeholder = '~~Search???~~';		textInput.placeholder = 'Search…';
	textInput.setAttribute( 'aria-label', 'Search in titles, metadata and page content' );		textInput.setAttribute( 'aria-label', 'Search in titles, metadata and page content' );

Line 668:		Line 668:
	showSpinner();		showSpinner();
	controls.searchBtn.disabled = true;		controls.searchBtn.disabled = true;
	setStatus( '~~Loading???~~', true );		setStatus( 'Loading…', true );
	var api = new mw.Api();		var api = new mw.Api();
	var docResults = [], refResults = [], glossaryResults = [];		var docResults = [], refResults = [], glossaryResults = [];
Line 728:		Line 728:
	/* Full-page-content search: uses MediaWiki's own search index (same one		/* Full-page-content search: uses MediaWiki's own search index (same one
	* behind the fulltext inputbox above), so a term anywhere in a page's		* behind the fulltext inputbox above), so a term anywhere in a page's
	* body ~~???~~ not just in the titles/properties checked locally ~~???~~ matches. */		* body — not just in the titles/properties checked locally — matches. */
	if ( text ) {		if ( text ) {
	api.get( {		api.get( {
Line 772:		Line 772:
	}() );		}() );

	/* Special:SpecialPages ~~???~~ add a short description under each link, since core		/* Special:SpecialPages — add a short description under each link, since core
	* MediaWiki only shows the link text itself with no explanation. */		* MediaWiki only shows the link text itself with no explanation. */
	( function () {		( function () {
Line 835:		Line 835:
	'User group rights': 'What each user group (sysop, reviewer, ...) is allowed to do.',		'User group rights': 'What each user group (sysop, reviewer, ...) is allowed to do.',
	'User list': 'List of all registered users.',		'User list': 'List of all registered users.',
	'User rights': 'Change a ~~user???s~~ group membership, e.g. promote to reviewer.',		'User rights': 'Change a user’s group membership, e.g. promote to reviewer.',

	// Recent changes and logs		// Recent changes and logs
Line 866:		Line 866:
	'Edit a page': 'Jump to the edit form for a page by name.',		'Edit a page': 'Jump to the edit form for a page by name.',
	'New section': 'Jump to adding a new talk-page section.',		'New section': 'Jump to adding a new talk-page section.',
	'Page history': 'Jump to a ~~page???s~~ revision history.',		'Page history': 'Jump to a page’s revision history.',
	'Page info': 'Jump to a ~~page???s~~ technical information.',		'Page info': 'Jump to a page’s technical information.',
	'Permanent link': 'Jump to one specific, fixed revision.',		'Permanent link': 'Jump to one specific, fixed revision.',
	'Protect a page': 'Jump to the protection form for a page.',		'Protect a page': 'Jump to the protection form for a page.',
Line 893:		Line 893:
	// Semantic MediaWiki		// Semantic MediaWiki
	'Export pages to RDF': 'Download semantic data as RDF.',		'Export pages to RDF': 'Download semantic data as RDF.',
	'Browse wiki': 'Browse a ~~page???s~~ semantic properties and values.',		'Browse wiki': 'Browse a page’s semantic properties and values.',
	'Faceted search': 'Filter pages by their semantic properties.',		'Faceted search': 'Filter pages by their semantic properties.',
	'Search by property': 'Find pages by a specific property value.',		'Search by property': 'Find pages by a specific property value.',

Gxplex admin: Full-page-content search for filter widget

2026-07-19T12:27:14Z

Full-page-content search for filter widget

Show changes

Gxplex admin: Move search input above filter buttons, widen search input

2026-07-16T13:04:04Z

Move search input above filter buttons, widen search input

← Older revision		Revision as of 15:04, 16 July 2026
Line 652:		Line 652:

	container.innerHTML = '';		container.innerHTML = '';
			container.appendChild( searchGroup );
	container.appendChild( filterSection );		container.appendChild( filterSection );
	container.appendChild( clearBtn );		container.appendChild( clearBtn );
	~~container.appendChild( searchGroup );~~
	container.appendChild( status );		container.appendChild( status );
	container.appendChild( results );		container.appendChild( results );

Gxplex admin: Add descriptions to Special:SpecialPages links

2026-07-16T11:59:58Z

Add descriptions to Special:SpecialPages links

Show changes

Gxplex admin: GxPlex Search: button/Enter-triggered search, spinner, glossary keyword filters (RefTags match)

2026-07-15T15:51:56Z

GxPlex Search: button/Enter-triggered search, spinner, glossary keyword filters (RefTags match)

Show changes

Gxplex admin: fix: split scope values on semicolons and commas for correct filter buttons

2026-06-29T15:27:12Z

fix: split scope values on semicolons and commas for correct filter buttons

← Older revision		Revision as of 17:27, 29 June 2026
Line 182:		Line 182:

	function splitValues( str ) {		function splitValues( str ) {
	return String( str \|\| '' ).split( ',' ).map( function ( v ) { return v.trim(); } ).filter( Boolean );		return String( str \|\| '' ).split( /\s[,;]\s/ ).map( function ( v ) { return v.trim(); } ).filter( Boolean );
	}		}

Gxplex admin: fix: force equal sidebar table width via style.setProperty important

2026-06-29T13:34:22Z

fix: force equal sidebar table width via style.setProperty important

← Older revision		Revision as of 15:34, 29 June 2026
Line 31:		Line 31:
	var sidebar = document.createElement( 'div' );		var sidebar = document.createElement( 'div' );
	sidebar.className = 'gplx-sidebar';		sidebar.className = 'gplx-sidebar';

			function pinToSidebar( table ) {
			table.style.setProperty( 'float', 'none', 'important' );
			table.style.setProperty( 'clear', 'none', 'important' );
			table.style.setProperty( 'margin', '0 0 1rem 0', 'important' );
			table.style.setProperty( 'width', '100%', 'important' );
			sidebar.appendChild( table );
			}

	/* --- Move all gplx-infobox tables to sidebar --- */		/* --- Move all gplx-infobox tables to sidebar --- */
	Array.from( output.querySelectorAll( 'table.gplx-infobox' ) ).forEach( ~~function ( t ) {~~		Array.from( output.querySelectorAll( 'table.gplx-infobox' ) ).forEach( pinToSidebar );
	~~sidebar.appendChild( t );~~
	} );

	/* --- Reference: page extras --- */		/* --- Reference: page extras --- */
Line 62:		Line 68:
	headerRow.appendChild( headerCell );		headerRow.appendChild( headerCell );
	tbody.insertBefore( headerRow, tbody.firstChild );		tbody.insertBefore( headerRow, tbody.firstChild );
	~~sidebar.appendChild~~( refTable );		pinToSidebar( refTable );
	}		}
	refDetailsH2.remove();		refDetailsH2.remove();

Gxplex admin: fix: add wikitable class to Reference Details table for consistent infobox styling

2026-06-29T13:19:56Z

fix: add wikitable class to Reference Details table for consistent infobox styling

← Older revision		Revision as of 15:19, 29 June 2026
Line 48:		Line 48:
	var refTable = refDetailsH2.nextElementSibling;		var refTable = refDetailsH2.nextElementSibling;
	if ( refTable && refTable.tagName === 'TABLE' ) {		if ( refTable && refTable.tagName === 'TABLE' ) {
	refTable.classList.add( 'gplx-infobox', 'gplx-ref-details' );		refTable.classList.add( 'wikitable', 'gplx-infobox', 'gplx-ref-details' );
	refTable.removeAttribute( 'style' );		refTable.removeAttribute( 'style' );
	refTable.querySelectorAll( 'th[style]' ).forEach( function ( th ) {		refTable.querySelectorAll( 'th[style]' ).forEach( function ( th ) {

Gxplex admin: perf: lazy per-page extract loading, instant render on SMW data ready

2026-06-29T12:49:32Z

perf: lazy per-page extract loading, instant render on SMW data ready

← Older revision		Revision as of 14:49, 29 June 2026
Line 149:		Line 149:
	+ '\|limit=500';		+ '\|limit=500';

	var allResults = [];		var allResults = [];
	var filteredResults = [];		var filteredResults = [];
	var currentPage = 1;		var currentPage = 1;
	var activeFilters = {};		var activeFilters = {};
			var extractsCache = {}; // fulltext → 250-char preview string
			var renderToken = 0; // incremented on every renderPage; cancels stale extract callbacks

	/* ---- helpers ---- */		/* ---- helpers ---- */
Line 209:		Line 211:
	}		}

	/* ---- text extracts ~~(250 chars~~, ~~batches of 50)~~ ---- */		/* ---- text extracts – lazy per page, cached ---- */

	function ~~fetchExtracts~~( results, callback ) {		function fetchPageExtracts( results, token, callback ) {
	~~if ( !results.length ) { callback(); return; }~~		var missing = results.filter( function ( r ) { return !( r.fulltext in extractsCache ); } );
	var ~~byTitle~~ = ~~{};~~		if ( !missing.length ) { callback( token ); return; }
	results.~~forEach~~( function ( r ) { ~~byTitle[~~ r.fulltext ~~] = r; }~~ );		var api = new mw.Api();
	~~var titles = results.map( function ( r ) { return r.fulltext~~; } );		api.get( {
	~~var batches = [];~~		action: 'query', prop: 'extracts',
	~~for~~ ( ~~var i = 0; i < titles~~.length~~; i += 50~~ ) {		exchars: 250, exintro: true, explaintext: true,
	~~batches.push~~( ~~titles.slice( i, i + 50 )~~ );		titles: missing.map( function ( r ) { return r.fulltext; } ).join( '\|' ),
	}		format: 'json'
	~~var done = 0;~~		} ).always( function ( data ) {
	var api = new mw.Api();		if ( data && data.query && data.query.pages ) {
	~~batches.forEach( function ( batch ) {~~		Object.keys( data.query.pages ).forEach( function ( id ) {
	api.get( {		var pg = data.query.pages[ id ];
	action: 'query', prop: 'extracts',		extractsCache[ pg.title ] = ( pg.extract \|\| '' )
	exchars: 250, exintro: true, explaintext: true,		.replace( /\s+/g, ' ' ).trim().slice( 0, 250 );
	titles: ~~batch~~.join( '\|' ), format: 'json'		} );
	} ).always( function ( data ) {		}
	if ( data && data.query && data.query.pages ) {		callback( token );
	Object.keys( data.query.pages ).forEach( function ( id ) {
	var pg = data.query.pages[ id ];
	~~if ( byTitle~~[ pg.title ] ~~) {~~
	~~byTitle[ pg.title ].preview~~ = ( pg.extract \|\| '' )
	.replace( /\s+/g, ' ' ).trim().slice( 0, 250 );
	}
	} );
	}
	~~if ( ++done === batches.length ) {~~ callback(~~); }~~
	} );
	} );		} );
	}		}
Line 458:		Line 450:

	function renderPage() {		function renderPage() {
			var token = ++renderToken;
	var total = filteredResults.length;		var total = filteredResults.length;
	var totalPages = Math.ceil( total / PAGE_SIZE );		var totalPages = Math.ceil( total / PAGE_SIZE );
Line 474:		Line 467:
	}		}

	~~renderTable(~~ filteredResults.slice( start, end ) );		var pageResults = filteredResults.slice( start, end );

			// Render immediately with any already-cached previews
			pageResults.forEach( function ( r ) { r.preview = extractsCache[ r.fulltext ] \|\| ''; } );
			renderTable( pageResults );
	renderPagination( total );		renderPagination( total );

			// Fetch extracts for this page in the background; re-render only if still on this page
			fetchPageExtracts( pageResults, token, function ( t ) {
			if ( renderToken !== t ) { return; }
			pageResults.forEach( function ( r ) { r.preview = extractsCache[ r.fulltext ] \|\| ''; } );
			renderTable( pageResults );
			} );
	}		}

Line 554:		Line 558:
	function onBothDone() {		function onBothDone() {
	allResults = docResults.concat( refResults );		allResults = docResults.concat( refResults );
	~~fetchExtracts( allResults, function () {~~		var values = collectFieldValues( allResults );
	var values = collectFieldValues( allResults );		renderFilterButtons( controls.filterSection, values );
	renderFilterButtons( controls.filterSection, values );		if ( allResults.length ) {
	if ( allResults.length ) {		refresh();
	refresh();		} else {
	} else {		setStatus( '', false );
	setStatus( '', false );		document.getElementById( 'gplx-search-results' ).innerHTML = '';
	document.getElementById( 'gplx-search-results' ).innerHTML = '';		}
	}
	} );
	}		}