MediaWiki:Common.js - Versionsgeschichte

Becko: VE-Icon: robustere Suche der Hilfe-Werkzeuggruppe (aria-label ODER title)

2026-09-09T05:39:40Z

VE-Icon: robustere Suche der Hilfe-Werkzeuggruppe (aria-label ODER title)

← Nächstältere Version		Version vom 9. September 2026, 05:39 Uhr
Zeile 39:		Zeile 39:
	);		);
	$insertAfter.after( $notice );		$insertAfter.after( $notice );
			}

			// Sucht die "Hilfe"-Werkzeuggruppe in der VisualEditor-Werkzeugleiste.
			// OOUI setzt den Gruppentitel je nach Version/Aufbau entweder als
			// aria-label oder als title-Attribut - daher werden beide geprueft,
			// statt uns auf eine bestimmte interne CSS-Klasse zu verlassen.
			function findHelpGroup() {
			var $bar = $( '.oo-ui-toolbar-bar' );
			if ( !$bar.length ) {
			return $();
			}
			return $bar.find( '.oo-ui-toolGroup, .oo-ui-tool' ).filter( function () {
			var $el = $( this );
			var label = ( $el.attr( 'aria-label' ) \|\| $el.attr( 'title' ) \|\| '' ).replace( /\s+/g, ' ' ).trim();
			return label === 'Hilfe';
			} ).first();
	}		}

Zeile 45:		Zeile 61:
	return true;		return true;
	}		}
	var $help = ~~$( '.oo-ui-toolbar-bar [aria-label="Hilfe"]' ).first~~();		var $help = findHelpGroup();
	if ( !$help.length ) {		if ( !$help.length ) {
	return false;		return false;
Zeile 72:		Zeile 88:
	// VisualEditor: die Werkzeugleiste wird nach dem Aktivierungs-Hook		// VisualEditor: die Werkzeugleiste wird nach dem Aktivierungs-Hook
	// teils noch asynchron fertig aufgebaut, daher kurz nachpruefen		// teils noch asynchron fertig aufgebaut, daher kurz nachpruefen
	// (max. ca. 5 Sekunden).		// (max. ca. 8 Sekunden).
	mw.hook( 've.activationComplete' ).add( function () {		mw.hook( 've.activationComplete' ).add( function () {
	var tries = 0;		var tries = 0;
	var iv = setInterval( function () {		var iv = setInterval( function () {
	tries++;		tries++;
	if ( insertVeIcon() \|\| tries > 20 ) {		if ( insertVeIcon() \|\| tries > 32 ) {
	clearInterval( iv );		clearInterval( iv );
	}		}

Becko: Redaktionsleitfaden-Hinweis: im Quelltext-Editor unter das Textfeld mit Warnsymbol, im VisualEditor als Symbol vor der Hilfe-Schaltfläche

2026-09-09T05:33:16Z

Redaktionsleitfaden-Hinweis: im Quelltext-Editor unter das Textfeld mit Warnsymbol, im VisualEditor als Symbol vor der Hilfe-Schaltfläche

← Nächstältere Version		Version vom 9. September 2026, 05:33 Uhr
Zeile 1:		Zeile 1:
	/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */		/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */

	/* Hinweis auf den Redaktionsleitfaden im Bearbeiten-Modus ~~(klassischer~~		/* Hinweis auf den Redaktionsleitfaden im Bearbeiten-Modus. Bewusst hier
	~~Wikitext-Editor und VisualEditor)~~. Bewusst hier in Common.js statt im		in Common.js statt im Skin hinterlegt, damit Text/Ziel-Seite/Optik
	Skin hinterlegt, damit Text ~~und~~ Ziel-Seite direkt im Wiki gepflegt		direkt im Wiki gepflegt werden koennen, ohne den Skin anzufassen.
	werden koennen, ohne den Skin anzufassen. ~~Nutzt die MediaWiki-Kernhooks~~
	~~'wikipage.editform' (klassischer~~ Editor~~, feuert auch bei AJAX~~-~~Nachladen~~)		- Klassischer Wikitext-Editor: deutliche Hinweisbox mit Warnsymbol
	~~und 've.activationComplete'~~ (~~VisualEditor~~)~~, statt selbst zu raten, wann~~		UNTERHALB des Quelltext-Feldes (nicht ueber dem ganzen Formular).
	~~der Bearbeiten~~-~~Modus aktiv ist~~. */		- VisualEditor: das gleiche Warnsymbol als kleines Icon oben in der
			Werkzeugleiste, direkt vor dem Hilfe-("?")-Knopf. */
	( function () {		( function () {
	function ~~insertNotice~~( $~~anchor~~ ) {		var WARNING_ICON = '⚠';

			function insertClassicNotice( $editForm ) {
	if ( document.getElementById( 'phoenix-editnotice-leitfaden' ) ) {		if ( document.getElementById( 'phoenix-editnotice-leitfaden' ) ) {
	return;		return;
	}		}
			var $anchor = $editForm.find( '#wpTextbox1' );
			if ( !$anchor.length ) {
			$anchor = $editForm.find( 'textarea' ).first();
			}
			if ( !$anchor.length ) {
			return;
			}
			// Falls CodeMirror aktiv ist, haengt es seinen eigentlichen
			// Editor-Container direkt hinter die (dann versteckte) Textarea -
			// den Hinweis in dem Fall dahinter statt davor einfuegen.
			var $cm = $anchor.next( '.cm-editor, .CodeMirror' );
			var $insertAfter = $cm.length ? $cm : $anchor;

	var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );		var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
	var $notice = $( '<div>', { id: 'phoenix-editnotice-leitfaden' } ).append(		var $notice = $( '<div>', { id: 'phoenix-editnotice-leitfaden' } ).append(
	$( '<span>' ).text( 'Bitte beachte beim Bearbeiten den ' ),		$( '<span>', { 'class': 'phoenix-editnotice-icon', 'aria-hidden': 'true' } ).text( WARNING_ICON ),
	$( '<a>', { href: href, text: 'Redaktionsleitfaden' } ),		$( '<span>', { 'class': 'phoenix-editnotice-text' } ).append(
	~~$( '<span>' )~~.~~text~~( '.' )		document.createTextNode( 'Bitte beachte beim Bearbeiten den ' ),
			$( '<a>', { href: href, text: 'Redaktionsleitfaden' } ),
			document.createTextNode( '.' )
			)
	);		);
	$~~anchor~~.before( $~~notice~~ );		$insertAfter.after( $notice );
			}

			function insertVeIcon() {
			if ( document.getElementById( 'phoenix-ve-editnotice-icon' ) ) {
			return true;
			}
			var $help = $( '.oo-ui-toolbar-bar [aria-label="Hilfe"]' ).first();
			if ( !$help.length ) {
			return false;
			}
			var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
			var $icon = $( '<a>', {
			id: 'phoenix-ve-editnotice-icon',
			href: href,
			target: '_blank',
			rel: 'noopener',
			title: 'Redaktionsleitfaden beachten',
			'aria-label': 'Redaktionsleitfaden beachten',
			text: WARNING_ICON
			} );
			$help.before( $icon );
			return true;
	}		}

	// Klassischer Wikitext-Editor ~~(Aktion "edit"/"submit")~~: Kernhook, der		// Klassischer Wikitext-Editor: Kernhook, der beim Anzeigen des
	// ~~beim Anzeigen des~~ Bearbeitungsformulars feuert.		// Bearbeitungsformulars feuert (auch bei AJAX-Nachladen, z. B. beim
			// Bearbeiten einzelner Abschnitte).
	mw.hook( 'wikipage.editform' ).add( function ( $editForm ) {		mw.hook( 'wikipage.editform' ).add( function ( $editForm ) {
	~~insertNotice~~( $editForm );		insertClassicNotice( $editForm );
	} );		} );

	// VisualEditor: ~~eigener~~ Aktivierungs-Hook, ~~da dort kein klassisches~~		// VisualEditor: die Werkzeugleiste wird nach dem Aktivierungs-Hook
	// ~~Bearbeitungsformular existiert~~.		// teils noch asynchron fertig aufgebaut, daher kurz nachpruefen
			// (max. ca. 5 Sekunden).
	mw.hook( 've.activationComplete' ).add( function () {		mw.hook( 've.activationComplete' ).add( function () {
	var ~~$heading~~ = $( ~~'#firstHeading'~~ );		var tries = 0;
	if ( ~~$heading.length~~ ) {		var iv = setInterval( function () {
	~~insertNotice~~( ~~$heading~~ );		tries++;
	}		if ( insertVeIcon() \|\| tries > 20 ) {
			clearInterval( iv );
			}
			}, 250 );
	} );		} );
	}() );		}() );

Becko: Robusteren MediaWiki-Kernhook (wikipage.editform / ve.activationComplete) statt eigener Edit-Erkennung verwenden

2026-09-09T05:03:28Z

Robusteren MediaWiki-Kernhook (wikipage.editform / ve.activationComplete) statt eigener Edit-Erkennung verwenden

@@ Zeile 4: / Zeile 4: @@
     Wikitext-Editor und VisualEditor). Bewusst hier in Common.js statt im
     Skin hinterlegt, damit Text und Ziel-Seite direkt im Wiki gepflegt
-    werden koennen, ohne den Skin anzufassen. */
+    werden koennen, ohne den Skin anzufassen. Nutzt die MediaWiki-Kernhooks
 ( function () {
-	function isEditMode() {
+	function insertNotice( $anchor ) {
 		if ( document.getElementById( 'phoenix-editnotice-leitfaden' ) ) {
 			return;
+		}
@@ Zeile 37: / Zeile 19: @@
 			$( '<span>' ).text( '.' )
 		);
-		$target.after( $notice );
+		$anchor.before( $notice );
+	}
-	$( function () {
+	// Klassischer Wikitext-Editor (Aktion "edit"/"submit"): Kernhook, der
-		if ( isEditMode() ) {
+	// beim Anzeigen des Bearbeitungsformulars feuert.
-			insertNotice();
+	mw.hook( 'wikipage.editform' ).add( function ( $editForm ) {
+		}
 	} );
 }() );

Becko: Hinweis auf Redaktionsleitfaden im Bearbeiten-Modus (Wikitext + VisualEditor) einblenden

2026-09-09T04:58:41Z

Hinweis auf Redaktionsleitfaden im Bearbeiten-Modus (Wikitext + VisualEditor) einblenden

← Nächstältere Version		Version vom 9. September 2026, 04:58 Uhr
Zeile 1:		Zeile 1:
	/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */		/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */

			/* Hinweis auf den Redaktionsleitfaden im Bearbeiten-Modus (klassischer
			Wikitext-Editor und VisualEditor). Bewusst hier in Common.js statt im
			Skin hinterlegt, damit Text und Ziel-Seite direkt im Wiki gepflegt
			werden koennen, ohne den Skin anzufassen. */
			( function () {
			function isEditMode() {
			var action = mw.config.get( 'wgAction' );
			if ( action === 'edit' \|\| action === 'submit' ) {
			return true;
			}
			// VisualEditor setzt wgAction i. d. R. nicht auf 'edit', sondern
			// haengt veaction=edit an die URL.
			try {
			return new URLSearchParams( location.search ).get( 'veaction' ) === 'edit';
			} catch ( e ) {
			return false;
			}
			}

			function insertNotice() {
			if ( document.getElementById( 'phoenix-editnotice-leitfaden' ) ) {
			return;
			}
			var $target = $( '#firstHeading-container' );
			if ( !$target.length ) {
			$target = $( '#firstHeading' );
			}
			if ( !$target.length ) {
			return;
			}
			var href = mw.util.getUrl( 'Phoenix_Larp_Wiki:Wiki-Projekt/Redaktionsleitfaden' );
			var $notice = $( '<div>', { id: 'phoenix-editnotice-leitfaden' } ).append(
			$( '<span>' ).text( 'Bitte beachte beim Bearbeiten den ' ),
			$( '<a>', { href: href, text: 'Redaktionsleitfaden' } ),
			$( '<span>' ).text( '.' )
			);
			$target.after( $notice );
			}

			$( function () {
			if ( isEditMode() ) {
			insertNotice();
			}
			} );

			// VisualEditor kann auch ohne Seitenneuladen aktiviert werden (Knopf
			// "Bearbeiten" im Lesemodus) - daher zusaetzlich auf den
			// Aktivierungs-Hook reagieren.
			mw.hook( 've.activationComplete' ).add( insertNotice );
			}() );

Becko: Nach PhoenixSkin-Migration: doppeltes Burger-Menü-/Personal-Menü-JS entfernt (jetzt im Skin selbst, siehe phoenix-custom.js)

2026-09-08T16:18:40Z

Nach PhoenixSkin-Migration: doppeltes Burger-Menü-/Personal-Menü-JS entfernt (jetzt im Skin selbst, siehe phoenix-custom.js)

← Nächstältere Version		Version vom 8. September 2026, 16:18 Uhr
Zeile 1:		Zeile 1:
	/* Das ~~folgende JavaScript wird für alle Benutzer geladen. */~~		/* Das Burger-Menü-JavaScript, der Admin-Link zu den Spezialseiten und die 'Anmelden'-Beschriftung für abgemeldete Besucher wurden in den PhoenixSkin-Fork übernommen (resources/phoenix-custom.js) und hier entfernt, da PhoenixSkin seit 2026-09-08 der Standard-Skin des Wikis ist. */
	~~mw.loader.using(['mediawiki.util']).done(function () {~~
	~~// Nur auf schmalen Screens aktiv~~
	~~if (!window.matchMedia('(max-width: 768px)').matches) return;~~

	// Burger-~~Button einfügen (mit ARIA)~~
	~~var $btn = $('<button class="mw-burger" aria-label="~~Menü~~" aria~~-~~controls="column-navigation" aria-expanded="false"><span></span></button>');~~
	~~$('body').append($btn);~~

	~~// Overlay zum Schließen~~
	~~var $overlay = $('<div class="nav-overlay" tabindex="-1" aria-hidden="true"></div>');~~
	~~$('body').append($overlay);~~

	~~function closeMenu() {~~
	~~$('body').removeClass('nav-open');~~
	~~$btn.attr('aria-expanded'~~, ~~'false');~~
	}
	~~function toggleMenu() {~~
	~~var open = !$('body').hasClass('nav-open');~~
	~~$('body').toggleClass('nav-open', open);~~
	~~$btn.attr('aria-expanded', String(open));~~
	}

	~~$btn.on('click', toggleMenu);~~
	~~$overlay.on('click', closeMenu);~~
	~~$(document).on('keydown', function (e) { if (e.key === 'Escape') closeMenu(); });~~

	~~// Schließt das Menü, wenn Viewport wieder breit wird~~
	~~window.matchMedia('(min-width: 769px)').addEventListener('change', function (mql) {~~
	~~if (mql.matches) closeMenu();~~
	~~});~~
	~~});~~



	// Admin-Link zu den Spezialseiten ~~im persönlichen Menü~~
	~~mw.loader.using([~~'~~mediawiki.util']).done(function () {~~
	~~var groups = mw.config.get(~~'~~wgUserGroups') \|\| [];~~
	~~if (groups.indexOf('sysop') ===~~ -~~1) return;~~
	~~if (document.getElementById('pt~~-~~specialpages')) return;~~

	~~var $list = $~~(~~'#p-personal .mw-portlet-body ul').first();~~
	~~if (!$list.length) return;~~

	~~var $li = $('<li id="pt-specialpages" class="mw-list-item"></li>');~~
	~~var $a = $('<a><~~/~~a>').attr('href', mw.util.getUrl('Special:Spezialseiten')).text('Spezialseiten');~~
	~~$li.append($a);~~

	~~var $logout = $('#pt~~-~~logout');~~
	~~if ($logout~~.~~length~~) {
	~~$logout.before($li);~~
	~~} else {~~
	~~$list.append($li);~~
	}
	~~});~~


	~~// Fuer abgemeldete Besucher: statt der IP-Adresse "Anmelden" oben rechts~~
	~~// anzeigen~~ und ~~direkt zur Anmeldeseite verlinken~~
	~~mw.loader.using(['mediawiki.util']).done(function () {~~
	~~if (mw.config.get('wgUserId')) return; // nur fuer abgemeldete Benutzer~~

	~~var $label = $('#p~~-~~personal~~-~~label');~~
	~~if (!$label.length) return;~~

	~~var $loginLink = $('#pt~~-~~login a')~~.~~first();~~
	~~var href = $loginLink.length~~
	~~? $loginLink.attr('href')~~
	~~: mw.util.getUrl('Spezial:Anmelden', { returnto: mw.config.get('wgPageName') });~~

	~~$label.empty().append($('<a><~~/~~a>').attr('href', href).text('Anmelden'));~~
	~~});~~

Becko: Abgemeldete Besucher: statt IP-Adresse "Anmelden" oben rechts anzeigen (direkt verlinkt)

2026-09-08T08:29:53Z

Abgemeldete Besucher: statt IP-Adresse "Anmelden" oben rechts anzeigen (direkt verlinkt)

@@ Zeile 53: / Zeile 53: @@
      $list.append($li);
+   }
 });

Becko: Klonen der Benutzer-Werkzeuge in die linke Seitenleiste entfernt

2026-09-08T08:22:10Z

Klonen der Benutzer-Werkzeuge in die linke Seitenleiste entfernt

← Nächstältere Version		Version vom 8. September 2026, 08:22 Uhr
Zeile 32:		Zeile 32:
	});		});



	~~// MediaWiki:Common.js (ggf. zusätzlich in MediaWiki:Mobile.js, falls MobileFrontend aktiv ist)~~
	~~mw.loader.using(['mediawiki.util']).done(function () {~~
	~~function findSourceBody() {~~
	~~var sel = [~~
	~~'#p-usertools .mw-portlet-body',~~
	~~'#p-user-tools .mw-portlet-body',~~
	~~'#p-personal .mw-portlet-body' // Fallback – hier sitzen "Anmelden", "Benutzerkonto…"~~
	];
	~~for (var i = 0; i < sel.length; i++) {~~
	~~var $el = $(sel[i]);~~
	~~if ($el.length) return $el;~~
	}
	~~return $(); // leer~~
	}

	~~function ensureClonePortlet($nav, headingText) {~~
	~~var $clone = $('#p-usertools-left');~~
	~~if ($clone.length) return $clone.find('.mw-portlet-body');~~

	~~// Portlet mit Standard-Classes => erbt 1:1 den Skin-Stil~~
	~~$clone = $(~~
	~~'<div id="p-usertools-left" class="mw-portlet" role="navigation" aria-label="' + headingText + '">' +~~
	~~'<h3>' + $('<div>').text(headingText).html() + '</h3>' +~~
	~~'<div class="mw-portlet-body"></div>' +~~
	~~'</div>'~~
	);

	~~// ANS ENDE der bestehenden Portlets hängen -> "unter die bisherigen Menüpunkte"~~
	~~$nav.append($clone);~~
	~~return $clone.find('.mw-portlet-body');~~
	}

	~~function cloneUserStuffIntoLeftMenu() {~~
	~~var $srcBody = findSourceBody();~~
	~~if (!$srcBody.length) return;~~

	~~// Ziel-Container: zuerst #mw-navigation (Anisa), sonst #column-navigation als Fallback~~
	~~var $nav = $('#mw-navigation');~~
	~~if (!$nav.length) $nav = $('#column-navigation');~~
	~~if (!$nav.length) return;~~

	~~// Überschrift übernehmen (z.B. "Benutzer" oder "Persönliche Werkzeuge")~~
	~~var heading = ($srcBody.closest('.mw-portlet').children('h3').first().text() \|\| 'Benutzer').trim();~~

	~~var $dstBody = ensureClonePortlet($nav, heading);~~
	~~if (!$dstBody.length) return;~~

	~~// Ziel leeren, dann frische KOPIE der direkten Kinder einfügen~~
	~~$dstBody.empty();~~
	~~$srcBody.children().each(function () {~~
	~~var $clone = $(this).clone(true, true);~~
	~~// doppelte IDs vermeiden~~
	~~$clone.find('[id]').addBack('[id]').removeAttr('id');~~
	~~$dstBody.append($clone);~~
	~~});~~
	}

	~~function apply() {~~
	~~cloneUserStuffIntoLeftMenu();~~
	}

	~~apply();~~
	~~mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut~~
	~~});~~

Becko: Verschieben der Ansichten-Buttons in das Aktionen-Popup wieder rueckgaengig gemacht

2026-09-08T08:19:26Z

Verschieben der Ansichten-Buttons in das Aktionen-Popup wieder rueckgaengig gemacht

@@ Zeile 119: / Zeile 119: @@
      $list.append($li);
+   }
 });

Becko: Ansichten (Lesen/Bearbeiten/Quelltext bearbeiten/Versionsgeschichte) werden per JS in das Aktionen-Popup verschoben (Fallback: sichtbar, wenn kein Aktionen-Menue existiert)

2026-09-08T07:42:59Z

Ansichten (Lesen/Bearbeiten/Quelltext bearbeiten/Versionsgeschichte) werden per JS in das Aktionen-Popup verschoben (Fallback: sichtbar, wenn kein Aktionen-Menue existiert)

@@ Zeile 119: / Zeile 119: @@
      $list.append($li);
+   }
 });

Becko: Admins erhalten im persönlichen Menü einen Link zu den Spezialseiten

2026-09-06T21:09:04Z

Admins erhalten im persönlichen Menü einen Link zu den Spezialseiten

@@ Zeile 97: / Zeile 97: @@
    apply();
    mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut
 });