MediaWiki:Common.js - Versionsgeschichte

Thorsten Schmidt am 12. Mai 2026 um 17:05 Uhr

2026-05-12T17:05:11Z

Thorsten Schmidt am 8. Mai 2026 um 07:40 Uhr

2026-05-08T07:40:30Z

Thorsten Schmidt am 8. Mai 2026 um 07:26 Uhr

2026-05-08T07:26:52Z

← Nächstältere Version		Version vom 8. Mai 2026, 09:26 Uhr
Zeile 158:		Zeile 158:

	// 2) Bilder + Auszüge holen		// 2) Bilder + Auszüge holen
	~~api.get(~~ {		// POST verwenden, weil die titles-Liste bei vielen
			// Treffern lang werden kann und iOS Safari die GET-URL
			// dann abweist.
			api.post( {
	action: 'query',		action: 'query',
	titles: ordered.map( function ( o ) { return o.title; } ).join( '\|' ),		titles: ordered.map( function ( o ) { return o.title; } ).join( '\|' ),
Zeile 335:		Zeile 338:

	// 2) Bildinfos holen (Größe, MIME, Thumb-URL).		// 2) Bildinfos holen (Größe, MIME, Thumb-URL).
	~~api.get(~~ {		// POST statt GET: bei einem Pool von 60 Dateititeln
			// wird die GET-URL so lang, dass iOS Safari sie ablehnt.
			api.post( {
	action: 'query',		action: 'query',
	titles: kandidaten.join( '\|' ),		titles: kandidaten.join( '\|' ),

Thorsten Schmidt am 7. Mai 2026 um 06:28 Uhr

2026-05-07T06:28:55Z

Änderungen zeigen

Thorsten Schmidt am 6. Mai 2026 um 17:25 Uhr

2026-05-06T17:25:37Z

← Nächstältere Version		Version vom 6. Mai 2026, 19:25 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende JavaScript wird für alle Benutzer geladen. */
	/* ============================================================		/* ============================================================
	* Vorlage:Hauptseite/Neue Artikel		* Vorlage:Hauptseite/Neue Artikel
Zeile 37:		Zeile 36:
	}		}

	function renderGrid( container, ordered, pageMap ) {		function renderGrid( container, ordered, pageMap, platzhalter ) {
	container.innerHTML = '';		container.innerHTML = '';
	ordered.forEach( function ( item ) {		ordered.forEach( function ( item ) {
Zeile 53:		Zeile 52:
	imgWrap.href = url;		imgWrap.href = url;
	imgWrap.title = item.title;		imgWrap.title = item.title;
		⚫	var img = document.createElement( 'img' );
			img.loading = 'lazy';
	if ( p.thumbnail && p.thumbnail.source ) {		if ( p.thumbnail && p.thumbnail.source ) {
⚫	var img = document.createElement( 'img' );
	img.src = p.thumbnail.source;		img.src = p.thumbnail.source;
	img.alt = item.title;		img.alt = item.title;
	~~img~~.~~loading~~ = ~~'lazy'~~;		imgWrap.appendChild( img );
			} else if ( platzhalter ) {
			// Kein Page-Image vorhanden -> Vereinslogo als Platzhalter
			img.src = platzhalter;
			img.alt = item.title;
			imgWrap.classList.add( 'hv-neue-artikel-bild-platzhalter' );
	imgWrap.appendChild( img );		imgWrap.appendChild( img );
	} else {		} else {
Zeile 100:		Zeile 105:
	var limit = parseInt( container.getAttribute( 'data-hv-limit' ) \|\| '20', 10 );		var limit = parseInt( container.getAttribute( 'data-hv-limit' ) \|\| '20', 10 );
	var ns = parseInt( container.getAttribute( 'data-hv-namespace' ) \|\| '0', 10 );		var ns = parseInt( container.getAttribute( 'data-hv-namespace' ) \|\| '0', 10 );
			// Platzhalterbild für Artikel ohne eigenes Vorschaubild.
			// - Nicht gesetzt (Standard): Datei:Nochkeinbild.png
			// - Leerer String: kein Platzhalter (Streifenmuster).
			// - URL oder Pfad (enthält "/" oder beginnt mit "http"):
			// wird direkt als Bild-URL verwendet.
			// - Sonst: als Wiki-Dateiname interpretiert und per
			// Special:FilePath aufgelöst.
			var platzhalterAttr = container.getAttribute( 'data-hv-platzhalter' );
			if ( platzhalterAttr === null ) { platzhalterAttr = 'Nochkeinbild.png'; }
	if ( isNaN( limit ) \|\| limit < 1 ) { limit = 20; }		if ( isNaN( limit ) \|\| limit < 1 ) { limit = 20; }
	if ( limit > 50 ) { limit = 50; }		if ( limit > 50 ) { limit = 50; }
Zeile 105:		Zeile 119:
	mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).done( function () {		mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).done( function () {
	var api = new mw.Api();		var api = new mw.Api();
			var platzhalterUrl = null;
			if ( platzhalterAttr === '' ) {
			platzhalterUrl = null;
			} else if ( /^https?:\/\//.test( platzhalterAttr ) \|\| platzhalterAttr.charAt( 0 ) === '/' ) {
			platzhalterUrl = platzhalterAttr;
			} else {
			platzhalterUrl = mw.util.getUrl(
			'Special:FilePath/' + platzhalterAttr, { width: 320 }
			);
			}

	// 1) Liste neu erstellter Seiten holen		// 1) Liste neu erstellter Seiten holen
Zeile 150:		Zeile 174:
	var pageMap = {};		var pageMap = {};
	pages.forEach( function ( p ) { pageMap[ p.title ] = p; } );		pages.forEach( function ( p ) { pageMap[ p.title ] = p; } );
	renderGrid( container, ordered, pageMap );		renderGrid( container, ordered, pageMap, platzhalterUrl );
	} ).fail( function () {		} ).fail( function () {
	renderEmpty( container, 'Fehler beim Laden der Seitendaten.' );		renderEmpty( container, 'Fehler beim Laden der Seitendaten.' );

Thorsten Schmidt: Die Seite wurde neu angelegt: „/* Das folgende JavaScript wird für alle Benutzer geladen. / / ============================================================ * Vorlage:Hauptseite/Neue Artikel * Lädt die letzten 20 neu erstellten Seiten via MediaWiki-API * und rendert pro Seite eine Kachel mit Bild, Titel, Auszug. * * Voraussetzung: Erweiterungen PageImages und TextExtracts * sind aktiviert (im Wiki bereits der Fall). * * Bitte als Ergänzung in MediaWiki:Common.js einfügen.…“

2026-05-06T17:12:07Z

Die Seite wurde neu angelegt: „Das folgende JavaScript wird für alle Benutzer geladen.: /* ============================================================ * Vorlage:Hauptseite/Neue Artikel * Lädt die letzten 20 neu erstellten Seiten via MediaWiki-API * und rendert pro Seite eine Kachel mit Bild, Titel, Auszug. * * Voraussetzung: Erweiterungen PageImages und TextExtracts * sind aktiviert (im Wiki bereits der Fall). * * Bitte als Ergänzung in MediaWiki:Common.js einfügen.…“

Neue Seite

/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* ============================================================
* Vorlage:Hauptseite/Neue Artikel
* Lädt die letzten 20 neu erstellten Seiten via MediaWiki-API
* und rendert pro Seite eine Kachel mit Bild, Titel, Auszug.
*
* Voraussetzung: Erweiterungen PageImages und TextExtracts
* sind aktiviert (im Wiki bereits der Fall).
*
* Bitte als Ergänzung in MediaWiki:Common.js einfügen.
* ============================================================ */

( function () {
'use strict';

function escapeHtml( s ) {
return String( s )
.replace( /&/g, '&' )
.replace( /</g, '<' )
.replace( />/g, '>' )
.replace( /"/g, '"' )
.replace( /'/g, ''' );
}

function formatDate( ts ) {
if ( !ts ) { return ''; }
var d = new Date( ts );
if ( isNaN( d.getTime() ) ) { return ''; }
var monate = [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni',
'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ];
return d.getDate() + '. ' + monate[ d.getMonth() ] + ' ' + d.getFullYear();
}

function renderEmpty( container, text ) {
container.innerHTML = '<div class="hv-neue-artikel-leer"><em>' +
escapeHtml( text ) + '</em></div>';
}

function renderGrid( container, ordered, pageMap ) {
container.innerHTML = '';
ordered.forEach( function ( item ) {
var p = pageMap[ item.title ];
if ( !p || p.missing !== undefined ) { return; }

var url = mw.util.getUrl( item.title );

var card = document.createElement( 'div' );
card.className = 'hv-neue-artikel-kachel';

// Bild (mit Link auf die Seite)
var imgWrap = document.createElement( 'a' );
imgWrap.className = 'hv-neue-artikel-bild';
imgWrap.href = url;
imgWrap.title = item.title;
if ( p.thumbnail && p.thumbnail.source ) {
var img = document.createElement( 'img' );
img.src = p.thumbnail.source;
img.alt = item.title;
img.loading = 'lazy';
imgWrap.appendChild( img );
} else {
imgWrap.classList.add( 'hv-neue-artikel-bild-leer' );
}
card.appendChild( imgWrap );

// Titel
var titel = document.createElement( 'div' );
titel.className = 'hv-neue-artikel-titel';
var a = document.createElement( 'a' );
a.href = url;
a.textContent = item.title;
titel.appendChild( a );
card.appendChild( titel );

// Auszug
if ( p.extract ) {
var ext = document.createElement( 'div' );
ext.className = 'hv-neue-artikel-auszug';
ext.textContent = p.extract;
card.appendChild( ext );
}

// Datum
if ( item.timestamp ) {
var dt = document.createElement( 'div' );
dt.className = 'hv-neue-artikel-datum';
dt.textContent = formatDate( item.timestamp );
card.appendChild( dt );
}

container.appendChild( card );
} );

if ( !container.children.length ) {
renderEmpty( container, 'Keine neuen Artikel gefunden.' );
}
}

function ladeNeueArtikel( container ) {
var limit = parseInt( container.getAttribute( 'data-hv-limit' ) || '20', 10 );
var ns = parseInt( container.getAttribute( 'data-hv-namespace' ) || '0', 10 );
if ( isNaN( limit ) || limit < 1 ) { limit = 20; }
if ( limit > 50 ) { limit = 50; }

mw.loader.using( [ 'mediawiki.api', 'mediawiki.util' ] ).done( function () {
var api = new mw.Api();

// 1) Liste neu erstellter Seiten holen
api.get( {
action: 'query',
list: 'recentchanges',
rcnamespace: ns,
rctype: 'new',
rcshow: '!redirect',
rcprop: 'title|timestamp',
rclimit: limit,
format: 'json',
formatversion: 2
} ).done( function ( data ) {
var rc = ( data && data.query && data.query.recentchanges ) || [];
if ( !rc.length ) {
renderEmpty( container, 'Keine neuen Artikel gefunden.' );
return;
}
// Doppelte Titel filtern (z. B. wenn zweimal in RC auftauchen)
var seen = {};
var ordered = [];
rc.forEach( function ( e ) {
if ( !seen[ e.title ] ) {
seen[ e.title ] = true;
ordered.push( { title: e.title, timestamp: e.timestamp } );
}
} );

// 2) Bilder + Auszüge holen
api.get( {
action: 'query',
titles: ordered.map( function ( o ) { return o.title; } ).join( '|' ),
prop: 'pageimages|extracts',
pithumbsize: 320,
pilimit: 'max',
exintro: 1,
explaintext: 1,
exchars: 200,
exlimit: 'max',
format: 'json',
formatversion: 2
} ).done( function ( data2 ) {
var pages = ( data2 && data2.query && data2.query.pages ) || [];
var pageMap = {};
pages.forEach( function ( p ) { pageMap[ p.title ] = p; } );
renderGrid( container, ordered, pageMap );
} ).fail( function () {
renderEmpty( container, 'Fehler beim Laden der Seitendaten.' );
} );
} ).fail( function () {
renderEmpty( container, 'Fehler beim Abruf der API.' );
} );
} );
}

function initAll( $content ) {
var root = ( $content && $content[ 0 ] ) || document;
var nodes = root.querySelectorAll( '.hv-neue-artikel-grid' );
Array.prototype.forEach.call( nodes, function ( node ) {
if ( node.getAttribute( 'data-hv-loaded' ) === '1' ) { return; }
node.setAttribute( 'data-hv-loaded', '1' );
ladeNeueArtikel( node );
} );
}

if ( window.mw && mw.hook ) {
mw.hook( 'wikipage.content' ).add( initAll );
} else if ( document.readyState !== 'loading' ) {
initAll();
} else {
document.addEventListener( 'DOMContentLoaded', function () { initAll(); } );
}

}() );