MediaWiki:Common.js - Revision history

Nadanke: Create generated spells table

2026-05-15T16:23:12Z

Create generated spells table

← Older revision		Revision as of 18:23, 15 May 2026
Line 12:		Line 12:
	}		}

	var rows = Array.prototype.slice.call( table.querySelectorAll( 'tr.item-list__row' ) );		var rows = Array.prototype.slice.call( table.querySelectorAll( 'tr.item-list__row, tr.spell-list__row' ) );
	var count = document.createElement( 'span' );		var count = document.createElement( 'span' );
	var reset = document.createElement( 'button' );		var reset = document.createElement( 'button' );
	var ~~selects~~ = [		var fields = parseFields( filter.getAttribute( 'data-filter-fields' ) );
	~~buildSelect~~( ~~rows,~~ '~~slot', 'Slot', 'All slots~~' ),		var selects = fields.map( function ( field ) {
	buildSelect( rows, ~~'construction'~~, ~~'Construction'~~, ~~'All levels'~~ )		return buildSelect( rows, field.key, field.label, field.all );
	];		} );

	filter.textContent = '';		filter.textContent = '';
Line 29:		Line 29:
	filter.appendChild( reset );		filter.appendChild( reset );

	count.className = 'item-list-filter__count';		count.className = filter.classList.contains( 'spell-list-filter' ) ?
			'spell-list-filter__count' :
			'item-list-filter__count';
	filter.appendChild( count );		filter.appendChild( count );

			function parseFields( value ) {
			if ( !value ) {
			return [
			{ key: 'slot', label: 'Slot', all: 'All slots' },
			{ key: 'construction', label: 'Construction', all: 'All levels' }
			];
			}
			return value.split( '\|' ).map( function ( spec ) {
			var parts = spec.split( ':' );
			return {
			key: parts[ 0 ],
			label: parts[ 1 ] \|\| parts[ 0 ],
			all: parts[ 2 ] \|\| 'All'
			};
			} );
			}

	function buildSelect( sourceRows, key, labelText, allText ) {		function buildSelect( sourceRows, key, labelText, allText ) {
Line 47:		Line 66:

	values.sort( function ( a, b ) {		values.sort( function ( a, b ) {
	if ( key === 'construction' ) {		if ( key === 'construction' \|\| key === 'research' ) {
	return Number( a ) - Number( b );		return Number( a ) - Number( b );
	}		}

Nadanke: Fix item filters markup and simplify effects

2026-05-15T16:17:31Z

Fix item filters markup and simplify effects

@@ Line 1: / Line 1: @@
 ( function () {
 	function initFilter( filter ) {
 		var targetSelector = filter.getAttribute( 'data-target' );
 		var table = targetSelector ? document.querySelector( targetSelector ) : null;
@@ Line 8: / Line 13: @@
 		var rows = Array.prototype.slice.call( table.querySelectorAll( 'tr.item-list__row' ) );
-		var selects = Array.prototype.slice.call( filter.querySelectorAll( 'select[data-filter]' ) );
+		var count = document.createElement( 'span' );
-		var count = filter.querySelector( '[data-filter-count]' );
+		var reset = document.createElement( 'button' );
-		var reset = filter.querySelector( '[data-filter-reset]' );
+		var selects = [
 		function applyFilters() {
@@ Line 34: / Line 87: @@
 		} );
-		if ( reset ) {
+		reset.addEventListener( 'click', function () {
-			reset.addEventListener( 'click', function () {
+			selects.forEach( function ( select ) {
-				selects.forEach( function ( select ) {
+				select.value = '';
 			} );
+			applyFilters();
 		applyFilters();

Nadanke: Add item filters and combined effects column

2026-05-15T16:13:21Z

Add item filters and combined effects column

New page

( function () {
function initFilter( filter ) {
var targetSelector = filter.getAttribute( 'data-target' );
var table = targetSelector ? document.querySelector( targetSelector ) : null;
if ( !table ) {
return;
}

var rows = Array.prototype.slice.call( table.querySelectorAll( 'tr.item-list__row' ) );
var selects = Array.prototype.slice.call( filter.querySelectorAll( 'select[data-filter]' ) );
var count = filter.querySelector( '[data-filter-count]' );
var reset = filter.querySelector( '[data-filter-reset]' );

function applyFilters() {
var visible = 0;
rows.forEach( function ( row ) {
var keep = selects.every( function ( select ) {
var value = select.value;
var key = select.getAttribute( 'data-filter' );
return !value || row.dataset[ key ] === value;
} );
row.hidden = !keep;
if ( keep ) {
visible += 1;
}
} );
if ( count ) {
count.textContent = visible + ' items';
}
}

selects.forEach( function ( select ) {
select.addEventListener( 'change', applyFilters );
} );

if ( reset ) {
reset.addEventListener( 'click', function () {
selects.forEach( function ( select ) {
select.value = '';
} );
applyFilters();
} );
}

applyFilters();
}

mw.hook( 'wikipage.content' ).add( function ( $content ) {
var content = $content && $content[ 0 ] ? $content[ 0 ] : document;
Array.prototype.forEach.call( content.querySelectorAll( '.domwiki-filter' ), initFilter );
} );
}() );