MediaWiki:Gadget-Bahnhof anlegen.js - Versionsgeschichte

Admin am 9. Juli 2026 um 19:08 Uhr

2026-07-09T19:08:25Z

← Nächstältere Version		Version vom 9. Juli 2026, 21:08 Uhr
Zeile 6:		Zeile 6:
	*		*
	* Erzeugt eine Seite "Bahnhof <Name>" mit:		* Erzeugt eine Seite "Bahnhof <Name>" mit:
	* - Breadcrumb + 🌐 Website		* - Breadcrumb + 🌐 Website + Wikipedia
	* - WikiMap-Karte (aktiver Ort = Seitentitel, Filter "Bahnhof",		* - WikiMap-Karte (aktiver Ort = Seitentitel, Filter "Bahnhof",
	* Start-Layer "Zug + Luftbild + Karte")		* Start-Layer "Zug + Luftbild + Karte")
	* - Standort-Zeilen (📍 Adresse, OSM, 🧭 Koordinaten, CoMaps, Google Maps)		* - Standort-Zeilen (📍 Adresse, OSM, 🧭 Koordinaten, CoMaps, Google Maps)
	* mit ~~denselben~~ Auto-Links aus Koordinaten ~~wie das Eventform-Gadget~~		* mit Auto-Links aus Koordinaten
	* - Abschnitt "Monitore" mit zwei Bahnsteiganzeigern (dep/arr) und je einem		* - Abschnitt "Monitore" mit zwei Bahnsteiganzeigern (dep/arr) und je einem
	* Link zur detaillierten ÖBB-Tafel		* Link zur detaillierten ÖBB-Tafel
Zeile 38:		Zeile 38:

	/* ------------------------------------------------------------------ *		/* ------------------------------------------------------------------ *
	* Koordinaten-Parsing + Link-Bau ~~– identisch zum Eventform-Gadget~~.		* Koordinaten-Parsing + Link-Bau.
	* ------------------------------------------------------------------ */		* ------------------------------------------------------------------ */
	function parseCoordinates( input ) {		function parseCoordinates( input ) {
Zeile 115:		Zeile 115:
	return 'https://www.google.com/maps?q=' + fmtCoord( c.lat ) + ',' + fmtCoord( c.lng );		return 'https://www.google.com/maps?q=' + fmtCoord( c.lat ) + ',' + fmtCoord( c.lng );
	}		}
	function buildCoMapsUrl( c ) {		function buildCoMapsUrl( c, name ) {
	// CoMaps/Organic Maps ~~öffnen~~ Koordinaten ~~über das geo:~~-~~URI (RFC 5870)~~.		// CoMaps/Organic Maps: ll = Koordinaten, n = URL-kodierter Name.
	return '~~geo~~:' + fmtCoord( c.lat ) + ',' + fmtCoord( c.lng );		return 'https://comaps.at/map?v=1&ll=' + fmtCoord( c.lat ) + ',' + fmtCoord( c.lng ) +
			'&n=' + encodeURIComponent( name \|\| '' );
	}		}

Zeile 152:		Zeile 153:
	if ( f.website ) {		if ( f.website ) {
	L.push( '🌐 ' + f.website );		L.push( '🌐 ' + f.website );
			block();
			}

			if ( f.wikipedia ) {
			L.push( '[[file:Wikipedia.png\|24px\|link=\|Wikipedia]] ' + f.wikipedia );
	block();		block();
	}		}
Zeile 175:		Zeile 181:
	if ( f.gmapsUrl ) { loc( '[[file:GoogleMaps.png\|24px\|link=]] ' + f.gmapsUrl ); }		if ( f.gmapsUrl ) { loc( '[[file:GoogleMaps.png\|24px\|link=]] ' + f.gmapsUrl ); }
	if ( hatStandort ) {		if ( hatStandort ) {
	L.push( '<br><br>' );		L.push( '<br><br>' );
	block();		block();
	}		}

	// Monitore (intern: Bahnsteiganzeiger). ~~Jeder~~ Anzeiger ~~+ Link ein Block~~.		// Monitore (intern: Bahnsteiganzeiger). Link jeweils direkt unter dem Anzeiger.
	L.push( '== Monitore ==' );		L.push( '== Monitore ==' );
	block();		block();
Zeile 185:		Zeile 191:
	L.push( '' );		L.push( '' );
	L.push( '[' + baueDetailUrl( f.evaId, 'dep' ) + ' Zur detaillierten Abfahrtstafel]' );		L.push( '[' + baueDetailUrl( f.evaId, 'dep' ) + ' Zur detaillierten Abfahrtstafel]' );
			L.push( '<br><br>' );
	block();		block();
	L.push( '<div class="bahnsteiganzeiger" data-evaid="' + f.evaId + '" data-typ="arr"></div>' );		L.push( '<div class="bahnsteiganzeiger" data-evaid="' + f.evaId + '" data-typ="arr"></div>' );
Zeile 230:		Zeile 237:

	this.websiteInput = new OO.ui.TextInputWidget( { placeholder: 'https://bahnhof.oebb.at/…' } );		this.websiteInput = new OO.ui.TextInputWidget( { placeholder: 'https://bahnhof.oebb.at/…' } );
			this.wikipediaInput = new OO.ui.TextInputWidget( { placeholder: 'https://de.wikipedia.org/wiki/…' } );
	this.adresseInput = new OO.ui.TextInputWidget( { placeholder: '2630 Pottschach, Putzmannsdorfer Straße 2' } );		this.adresseInput = new OO.ui.TextInputWidget( { placeholder: '2630 Pottschach, Putzmannsdorfer Straße 2' } );
	this.koordinatenInput = new OO.ui.TextInputWidget( { placeholder: '47.69694, 16.00583' } );		this.koordinatenInput = new OO.ui.TextInputWidget( { placeholder: '47.69694, 16.00583' } );
Zeile 260:		Zeile 268:
	label: '🌐 Website', align: 'left',		label: '🌐 Website', align: 'left',
	help: 'z.B. die ÖBB-Bahnhofsseite. Steht als erste Zeile oben; das Panorama kommt später von Hand darüber.'		help: 'z.B. die ÖBB-Bahnhofsseite. Steht als erste Zeile oben; das Panorama kommt später von Hand darüber.'
			} ),
			new OO.ui.FieldLayout( this.wikipediaInput, {
			label: 'Wikipedia', align: 'left',
			help: 'Link zum Wikipedia-Artikel des Bahnhofs (optional).'
	} ),		} ),
	new OO.ui.FieldLayout( this.adresseInput, { label: '📍 Adresse', align: 'left' } ),		new OO.ui.FieldLayout( this.adresseInput, { label: '📍 Adresse', align: 'left' } ),
Zeile 272:		Zeile 284:
	new OO.ui.FieldLayout( this.comapsUrlInput, {		new OO.ui.FieldLayout( this.comapsUrlInput, {
	label: 'CoMaps-URL', align: 'left',		label: 'CoMaps-URL', align: 'left',
	help: 'Leer lassen -> wird bei gegebenen Koordinaten automatisch erzeugt.'		help: 'Leer lassen -> wird bei gegebenen Koordinaten automatisch erzeugt (mit dem Seitentitel als Pin-Namen).'
	} ),		} ),
	new OO.ui.FieldLayout( this.gmapsUrlInput, {		new OO.ui.FieldLayout( this.gmapsUrlInput, {
Zeile 307:		Zeile 319:
	evaId: evaId,		evaId: evaId,
	website: v( dialog.websiteInput.getValue() ),		website: v( dialog.websiteInput.getValue() ),
			wikipedia: v( dialog.wikipediaInput.getValue() ),
	adresse: v( dialog.adresseInput.getValue() ),		adresse: v( dialog.adresseInput.getValue() ),
	koordinaten: v( dialog.koordinatenInput.getValue() ),		koordinaten: v( dialog.koordinatenInput.getValue() ),
Zeile 317:		Zeile 330:
	if ( coords ) {		if ( coords ) {
	if ( !fields.osmUrl ) { fields.osmUrl = buildOsmUrl( coords ); }		if ( !fields.osmUrl ) { fields.osmUrl = buildOsmUrl( coords ); }
	if ( !fields.comapsUrl ) { fields.comapsUrl = buildCoMapsUrl( coords ); }		if ( !fields.comapsUrl ) { fields.comapsUrl = buildCoMapsUrl( coords, titel ); }
	if ( !fields.gmapsUrl ) { fields.gmapsUrl = buildGoogleMapsUrl( coords ); }		if ( !fields.gmapsUrl ) { fields.gmapsUrl = buildGoogleMapsUrl( coords ); }
	}		}
Zeile 352:		Zeile 365:

	BahnhofDialog.prototype.getBodyHeight = function () {		BahnhofDialog.prototype.getBodyHeight = function () {
	return ~~560~~;		return 600;
	};		};

Admin am 9. Juli 2026 um 18:29 Uhr

2026-07-09T18:29:09Z

← Nächstältere Version		Version vom 9. Juli 2026, 20:29 Uhr
Zeile 175:		Zeile 175:
	if ( f.gmapsUrl ) { loc( '[[file:GoogleMaps.png\|24px\|link=]] ' + f.gmapsUrl ); }		if ( f.gmapsUrl ) { loc( '[[file:GoogleMaps.png\|24px\|link=]] ' + f.gmapsUrl ); }
	if ( hatStandort ) {		if ( hatStandort ) {
			L.push( '<br><br>' );
	block();		block();
	}		}
Zeile 182:		Zeile 183:
	block();		block();
	L.push( '<div class="bahnsteiganzeiger" data-evaid="' + f.evaId + '" data-typ="dep"></div>' );		L.push( '<div class="bahnsteiganzeiger" data-evaid="' + f.evaId + '" data-typ="dep"></div>' );
	~~block~~();		L.push( '' );
	L.push( '[' + baueDetailUrl( f.evaId, 'dep' ) + ' Zur detaillierten Abfahrtstafel]' );		L.push( '[' + baueDetailUrl( f.evaId, 'dep' ) + ' Zur detaillierten Abfahrtstafel]' );
	block();		block();
	L.push( '<div class="bahnsteiganzeiger" data-evaid="' + f.evaId + '" data-typ="arr"></div>' );		L.push( '<div class="bahnsteiganzeiger" data-evaid="' + f.evaId + '" data-typ="arr"></div>' );
	~~block~~();		L.push( '' );
	L.push( '[' + baueDetailUrl( f.evaId, 'arr' ) + ' Zur detaillierten Ankunftstafel]' );		L.push( '[' + baueDetailUrl( f.evaId, 'arr' ) + ' Zur detaillierten Ankunftstafel]' );
	block();		block();

Admin am 9. Juli 2026 um 18:11 Uhr

2026-07-09T18:11:52Z

Änderungen zeigen

Admin am 9. Juli 2026 um 17:52 Uhr

2026-07-09T17:52:42Z

Änderungen zeigen

Admin: Die Seite wurde neu angelegt: „/** * Gadget-Bahnsteiganzeiger.js * ============================================================================ * Bettet ÖBB-Live-Abfahrts-/Ankunftstafeln ("Liveticker") in Wiki-Seiten ein * und lädt sie selbstständig neu. Intern heißt das Ding "Bahnsteiganzeiger", * für Fahrgäste steht auf der Seite "Monitore". * * WARUM EIN GADGET? * MediaWiki entfernt rohe aus dem Seitentext. Dieses Gadget baut das * iframe daher selbst aus ein…“</h1> 2026-07-09T17:50:14Z Die Seite wurde neu angelegt: „/** * Gadget-Bahnsteiganzeiger.js * ============================================================================ * Bettet ÖBB-Live-Abfahrts-/Ankunftstafeln ("Liveticker") in Wiki-Seiten ein * und lädt sie selbstständig neu. Intern heißt das Ding "Bahnsteiganzeiger", * für Fahrgäste steht auf der Seite "Monitore". * * WARUM EIN GADGET? * MediaWiki entfernt rohe <iframe> aus dem Seitentext. Dieses Gadget baut das * iframe daher selbst aus ein…“ Neue Seite<div>/** * Gadget-Bahnsteiganzeiger.js * ============================================================================ * Bettet ÖBB-Live-Abfahrts-/Ankunftstafeln ("Liveticker") in Wiki-Seiten ein * und lädt sie selbstständig neu. Intern heißt das Ding "Bahnsteiganzeiger", * für Fahrgäste steht auf der Seite "Monitore". WARUM EIN GADGET? * MediaWiki entfernt rohe <iframe> aus dem Seitentext. Dieses Gadget baut das * iframe daher selbst aus einem einfachen Container – und kann es zusätzlich * alle 60 s neu laden (was ein rohes iframe nie könnte). EINBINDUNG AUF EINER SEITE * <div class="bahnsteiganzeiger" data-evaid="1231805" data-typ="dep"></div> * <div class="bahnsteiganzeiger" data-evaid="1231805" data-typ="arr"></div> data-Attribute: * data-evaid Pflicht. Stationsnummer (evaId) des Bahnhofs. * data-typ "dep" = Abfahrten (Standard), "arr" = Ankünfte. * data-anzahl Zeilenzahl (Standard 40). * data-hoehe Pixel-Höhe der Tafel (Standard 600; bei mehr Zeilen als * hineinpassen scrollt die Tafel innen). * data-intervall Neulade-Intervall in Sekunden (Standard 60; 0 = aus). * ============================================================================ / ( function () { 'use strict'; var BASIS = 'https://fahrplan.oebb.at/bin/stboard.exe/dn'; var LIVETICKER = 'vs_scotty.vs_liveticker'; var PRODUCTS = '1111111111111'; // alle Verkehrsmittel inkl. Bus var STD_ANZAHL = 40; var STD_HOEHE = 600; var STD_INTERVALL = 60; // Sekunden function baueUrl( eva, typ, anzahl ) { return BASIS + '?L=' + LIVETICKER + '&evaId=' + encodeURIComponent( eva ) + '&boardType=' + typ + '&productsFilter=' + PRODUCTS + '&dirInput=' + '&tickerID=' + typ + '&start=yes' + '&eqstops=true' + '&showJourneys=' + anzahl + '&additionalTime=0'; } function titelText( typ ) { return typ === 'arr' ? 'Ankünfte' : 'Abfahrten'; } function baueAnzeiger( container ) { var eva = ( container.getAttribute( 'data-evaid' ) || '' ) .trim().replace( /^0+/, '' ); var typ = ( container.getAttribute( 'data-typ' ) || 'dep' ).toLowerCase(); if ( typ !== 'arr' ) { typ = 'dep'; } if ( !eva ) { container.textContent = 'Bahnsteiganzeiger: keine evaId angegeben.'; container.className += ' bahnsteiganzeiger-fehler'; return; } var anzahl = parseInt( container.getAttribute( 'data-anzahl' ), 10 ) || STD_ANZAHL; var hoehe = parseInt( container.getAttribute( 'data-hoehe' ), 10 ) || STD_HOEHE; var intervall = container.getAttribute( 'data-intervall' ); intervall = ( intervall === null ) ? STD_INTERVALL : parseInt( intervall, 10 ); container.textContent = ''; var titel = document.createElement( 'div' ); titel.className = 'bahnsteiganzeiger-titel'; titel.textContent = titelText( typ ); container.appendChild( titel ); var rahmen = document.createElement( 'div' ); rahmen.className = 'bahnsteiganzeiger-rahmen'; rahmen.style.height = hoehe + 'px'; var iframe = document.createElement( 'iframe' ); iframe.className = 'bahnsteiganzeiger-iframe'; iframe.setAttribute( 'frameborder', '0' ); iframe.setAttribute( 'scrolling', 'auto' ); iframe.setAttribute( 'loading', 'lazy' ); iframe.title = titelText( typ ); var url = baueUrl( eva, typ, anzahl ); function laden() { // Cache-Buster erzwingt frische Daten bei jedem Neuladen. iframe.src = url + '&_ts=' + Date.now(); } laden(); rahmen.appendChild( iframe ); container.appendChild( rahmen ); if ( intervall > 0 ) { var hinweis = document.createElement( 'div' ); hinweis.className = 'bahnsteiganzeiger-hinweis'; hinweis.textContent = 'Aktualisiert automatisch (alle ' + intervall + ' s).'; container.appendChild( hinweis ); setInterval( laden, intervall 1000 ); } } function init() { var liste = document.querySelectorAll( '.bahnsteiganzeiger' ); Array.prototype.forEach.call( liste, function ( c ) { try { baueAnzeiger( c ); } catch ( e ) { c.textContent = 'Bahnsteiganzeiger konnte nicht geladen werden.'; if ( window.mw && mw.log ) { mw.log.error( e ); } } } ); } $( function () { if ( document.querySelector( '.bahnsteiganzeiger' ) ) { init(); } } ); }() );</div> </article> </main></body></html>