MediaWiki:Gadget-projects.js - Revision history

Anthony at 00:56, 5 April 2026

2026-04-05T00:56:20Z

← Older revision		Revision as of 00:56, 5 April 2026
Line 386:		Line 386:
	titles: chunk.map( function ( c ) { return c.page; } ).join( '\|' ),		titles: chunk.map( function ( c ) { return c.page; } ).join( '\|' ),
	prop: 'revisions\|contributors',		prop: 'revisions\|contributors',
	rvprop: 'timestamp'~~, rvlimit: 1, pclimit: 20~~,		rvprop: 'timestamp',
	format: 'json'		format: 'json'
	} ).done( function ( data ) {		} ).done( function ( data ) {

Anthony at 00:36, 5 April 2026

2026-04-05T00:36:33Z

← Older revision		Revision as of 00:36, 5 April 2026
Line 281:		Line 281:

	// ── Card rendering ────────────────────────────────────────────────────		// ── Card rendering ────────────────────────────────────────────────────
			function parseWikitext( text ) {
			if ( !text ) { return ''; }
			text = String( text );
			// External links: [https://url Display Text]
			text = text.replace( /\[(\S+?)\s+([^\]]+?)\]/g, function ( m, url, display ) {
			if ( !/^https?:\/\//i.test( url ) ) { return mw.html.escape( m ); }
			return '<a href="' + url.replace( /"/g, '%22' ) + '" target="_blank" rel="noopener noreferrer">' +
			mw.html.escape( display ) + '</a>';
			} );
			// Internal links: [[Page Name\|Display]] or [[Page Name]]
			text = text.replace( /\[\[([^\]\|]+?)(?:\\|([^\]]+?))?\]\]/g, function ( m, page, display ) {
			return '<a href="' + mw.util.getUrl( page.trim() ) + '">' +
			mw.html.escape( ( display \|\| page ).trim() ) + '</a>';
			} );
			// Newlines to line breaks
			text = text.replace( /\n/g, '<br>' );
			return text;
			}

	function esc( s ) { return mw.html.escape( s \|\| '' ); }		function esc( s ) { return mw.html.escape( s \|\| '' ); }

Line 319:		Line 338:
	extras += '<div class="project-card-extra">' +		extras += '<div class="project-card-extra">' +
	esc( row[ 'field' + i + 'label' ] ) +		esc( row[ 'field' + i + 'label' ] ) +
	': <strong>' + ~~esc~~( row[ 'field' + i + 'value' ] ) + '</strong></div>';		': <strong>' + parseWikitext( row[ 'field' + i + 'value' ] ) + '</strong></div>';
	}		}
	}		}
Line 373:		Line 392:
	$.each( data.query.pages \|\| {}, function ( _, page ) {		$.each( data.query.pages \|\| {}, function ( _, page ) {
	if ( page.missing !== undefined ) { return; }		if ( page.missing !== undefined ) { return; }
	var match = chunk.filter( function ( c ) { return c.page === page.title; } );		var normalise = function ( s ) { return ( s \|\| '' ).replace( /_/g, ' ' ); };
			var match = chunk.filter( function ( c ) { return normalise( c.page ) === normalise( page.title ); } );
	if ( !match.length ) { return; }		if ( !match.length ) { return; }
	var $el = match[ 0 ].$el;		var $el = match[ 0 ].$el;

Anthony at 02:47, 2 April 2026

2026-04-02T02:47:57Z

← Older revision		Revision as of 02:47, 2 April 2026
Line 326:		Line 326:
	'<div class="project-card-wrap">',		'<div class="project-card-wrap">',
	'<div class="project-card">',		'<div class="project-card">',
	'<div class="project-card-image">', img, '</div>',		'<div class="project-card-inner">',
	'<div class="project-card-body">',		'<div class="project-card-front">',
	'<div class="project-card-title"><a href="', url, '">', esc( name ), '</a></div>',		'<div class="project-card-image">', img, '</div>',
	'<div class="project-card-badges">', badges, '</div>',		'<div class="project-card-body">',
	row.creator		'<div class="project-card-title"><a href="', url, '">', esc( name ), '</a></div>',
	? '<div class="project-card-creator"><span class="project-card-label">By</span> ' +		'<div class="project-card-badges">', badges, '</div>',
	esc( row.creator ) + '</div>'		row.creator ? '<div class="project-card-creator"><span class="project-card-label">By</span> ' + esc( row.creator ) + '</div>' : '',
	: '',		extras,
	extras,		tags ? '<div class="project-card-tags">' + tags + '</div>' : '',
	tags ? '<div class="project-card-tags">' + tags + '</div>' : '',		'<div class="project-card-footer">',
	'<div class="project-card-footer">',		'<span class="project-card-meta-item project-card-contributors">—</span>',
	'<span class="project-card-meta-item project-card-contributors">~~\u2014~~</span>',		'<span class="project-card-meta-item project-card-updated">—</span>',
	'<span class="project-card-meta-item project-card-updated">~~\u2014~~</span>',		'<button class="js-flip-btn project-card-flip-btn">Read more</button>',
			'</div>',
			'</div>',
			'</div>',
			'<div class="project-card-back">',
			'<div class="project-card-back-header">',
			'<span class="project-card-back-title">About</span>',
			'<button class="js-flip-btn project-card-flip-btn">Close</button>',
			'</div>',
			'<div class="project-card-back-content">',
			row.description ? esc( row.description ) : 'No description provided.',
			'</div>',
	'</div>',		'</div>',
	'</div>',		'</div>',
	~~row.description~~
	~~? '<div class="project-card-description">' + esc( row.description ) + '</div>'~~
	~~: '',~~
	'</div>',		'</div>',
	'</div>'		'</div>'

Anthony at 02:35, 2 April 2026

2026-04-02T02:35:58Z

← Older revision		Revision as of 02:35, 2 April 2026
Line 129:		Line 129:
	" OR creator LIKE '%" + q + "%'" +		" OR creator LIKE '%" + q + "%'" +
	" OR license LIKE '%" + q + "%'" +		" OR license LIKE '%" + q + "%'" +
	" OR description ~~LIKE '%" + q + "%'" +~~		" OR description LIKE '%" + q + "%' )"
	~~" OR tags~~ LIKE '%" + q + "%' )"
	);		);
	}		}

Anthony at 01:31, 2 April 2026

2026-04-02T01:31:44Z

Show changes

Anthony at 00:41, 2 April 2026

2026-04-02T00:41:58Z

Show changes

Anthony: Removed protection from "MediaWiki:Gadget-projects.js"

2026-03-14T05:06:46Z

Removed protection from "MediaWiki:Gadget-projects.js"

New page

/* =============================================================================
Gadget-projects.js
Handles: tag rendering, filter bar, contributor count + last edited.
============================================================================= */
( function () {
var pageName = mw.config.get( 'wgPageName' ) || '';
if ( !/^Projects[:/][^/]+$/.test( pageName ) ) return;

$( function () {
var $grid = $( '.project-hub-grid' );
var $filterBar = $( '.project-hub-filters' );
if ( !$grid.length || !$filterBar.length ) return;

var $cards = $grid.find( '.project-card-wrap' );
var total = $cards.length;
var hubSlug = pageName.replace( /^Projects[:/]/, '' );

// --- Tag spans -------------------------------------------------------
$( '.project-card-tags[data-tags]' ).each( function () {
var $el = $( this );
$el.attr( 'data-tags' ).trim().split( /[\s,]+/ ).forEach( function ( tag ) {
if ( tag ) $el.append( $( '<span>' ).addClass( 'project-card-tag' ).text( tag ) );
} );
} );

// --- Filter bar (options populated from Cargo) -----------------------
var $search = $( '<input>' ).attr( { type: 'text', placeholder: 'Search projects, tags, creators...', 'class': 'project-hub-search' } );
var $status = $( '<select>' ).addClass( 'project-hub-select' ).append( $( '<option>' ).val( '' ).text( 'All statuses' ) );
var $license = $( '<select>' ).addClass( 'project-hub-select' ).append( $( '<option>' ).val( '' ).text( 'All licenses' ) );
var $sort = $( '<select>' ).addClass( 'project-hub-select' ).append(
$( '<option>' ).val( 'alpha' ).text( 'A – Z' ),
$( '<option>' ).val( 'edited' ).text( 'Recently edited' ),
$( '<option>' ).val( 'contributors' ).text( 'Most contributors' )
);
var $count = $( '<span>' ).addClass( 'project-hub-count' )
.text( total + ' project' + ( total === 1 ? '' : 's' ) );

$filterBar.append( $search, $status, $license, $sort, $count );

// Populate status + license options from Cargo
var apiBase = mw.util.wikiScript( 'api' );

$.getJSON( apiBase, {
action : 'cargoquery',
tables : 'Projects',
fields : 'status',
where : 'categories HOLDS \'' + hubSlug + '\' AND status IS NOT NULL AND status != \'\'',
group_by : 'status',
order_by : 'status',
limit : 20,
format : 'json'
} ).done( function ( data ) {
( data.cargoquery || [] ).forEach( function ( row ) {
var v = row.title && row.title.status;
if ( v ) $status.append( $( '<option>' ).val( v.toLowerCase() ).text( v ) );
} );
} );

$.getJSON( apiBase, {
action : 'cargoquery',
tables : 'Projects',
fields : 'license',
where : 'categories HOLDS \'' + hubSlug + '\' AND license IS NOT NULL AND license != \'\'',
group_by : 'license',
order_by : 'license',
limit : 20,
format : 'json'
} ).done( function ( data ) {
( data.cargoquery || [] ).forEach( function ( row ) {
var v = row.title && row.title.license;
if ( v ) $license.append( $( '<option>' ).val( v.toLowerCase() ).text( v ) );
} );
} );

// --- Filter + sort ---------------------------------------------------
function applyFilters() {
var q = $search.val().toLowerCase().trim();
var s = $status.val();
var l = $license.val();
var visible = 0;

$cards.each( function () {
var $c = $( this );
var hay = [ $c.data('name'), $c.data('tags'), $c.data('creator'), $c.data('extra') ]
.join( ' ' ).toLowerCase();
var show = ( !q || hay.indexOf(q) !== -1 ) &&
( !s || ( $c.data('status') || '' ).toLowerCase() === s ) &&
( !l || ( $c.data('license') || '' ).toLowerCase() === l );
$c.toggle( show );
if ( show ) visible++;
} );

$count.text( ( q||s||l ? visible + ' / ' : '' ) + total + ' project' + ( total===1 ? '' : 's' ) );
$( '.project-hub-empty' ).toggle( visible === 0 );

var sortVal = $sort.val();
$cards.filter( ':visible' ).toArray().sort( function ( a, b ) {
if ( sortVal === 'alpha' ) return ( $( a ).data('name') || '' ).localeCompare( $( b ).data('name') || '' );
if ( sortVal === 'edited' ) return ( $( b ).data('timestamp') || '' ).localeCompare( $( a ).data('timestamp') || '' );
if ( sortVal === 'contributors' ) return ( +$( b ).data('contributor-count') || 0 ) - ( +$( a ).data('contributor-count') || 0 );
return 0;
} ).forEach( function ( el ) { $grid.append( el ); } );
}

$search.on( 'input', applyFilters );
$status.on( 'change', applyFilters );
$license.on( 'change', applyFilters );
$sort.on( 'change', applyFilters );

// --- API calls -------------------------------------------------------
var pageNames = $cards.map( function () {
return decodeURIComponent( $( this ).data('page') || '' ).replace( /_/g, ' ' ) || null;
} ).get().filter( Boolean );

mw.loader.using( 'mediawiki.api' ).then( function () {
var api = new mw.Api();

// Card enrichment: contributor count + last edited
if ( pageNames.length ) {
for ( var i = 0; i < pageNames.length; i += 20 ) {
( function ( batch ) {
api.get( {
action : 'query',
titles : batch.join( '|' ),
prop : 'revisions|contributors',
rvprop : 'timestamp',
rvlimit : 1,
pclimit : 20,
format : 'json'
} ).done( function ( data ) {
if ( !data || !data.query || !data.query.pages ) return;
$.each( data.query.pages, function ( _, page ) {
if ( page.missing !== undefined ) return;
var ts = page.revisions && page.revisions[0] && page.revisions[0].timestamp || '';
var n = ( page.contributors ? page.contributors.length : 0 )
+ ( page.anoncontributors || 0 );
var $c = $cards.filter( function () {
return decodeURIComponent( $( this ).data('page') || '' ).replace( /_/g, ' ' ) === page.title;
} );
if ( !$c.length ) return;
$c.data( 'timestamp', ts ).data( 'contributor-count', n );
var d = ts ? new Date( ts ).toLocaleDateString( 'en-GB', { year: 'numeric', month: 'short' } ) : '—';
$c.find( '.project-card-contributors' ).text( n + ( n === 1 ? ' contributor' : ' contributors' ) ).addClass( 'loaded' );
$c.find( '.project-card-updated' ).text( 'Edited ' + d ).addClass( 'loaded' );
} );
} );
}( pageNames.slice( i, i + 20 ) ) );
}
}

// Hub header: most recently touched page in this hub's category
api.get( {
action : 'query',
list : 'categorymembers',
cmtitle : 'Category:Projects/' + hubSlug,
cmsort : 'timestamp',
cmdir : 'desc',
cmlimit : 1,
cmtype : 'page',
cmprop : 'ids|title|timestamp',
format : 'json'
} ).done( function ( data ) {
var members = data.query && data.query.categorymembers;
if ( !members || !members.length ) return;
var name = members[0].title.replace( /^.*\//, '' );
var date = members[0].timestamp
? new Date( members[0].timestamp ).toLocaleDateString( 'en-GB', { day: 'numeric', month: 'short', year: 'numeric' } )
: '—';
var str = name + ' — ' + date;
$( '#hub-meta-last-submission' ).text( str );
$( '#hub-meta-last-edit' ).text( str );
} );
} );

} );
}() );