MediaWiki:Common.js - Versionsgeschichte

Becko am 9. November 2025 um 20:35 Uhr

2025-11-09T20:35:42Z

← Nächstältere Version		Version vom 9. November 2025, 20:35 Uhr
Zeile 98:		Zeile 98:
	mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut		mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut
	});		});

	~~// Einfacher VE-Button: "Klappbox" einfügen (öffnet Transklusion mit Vorlage:Klappbox)~~
	~~mw.loader.using( 'ext.visualEditor.desktopArticleTarget.init' ).then( function () {~~
	~~mw.hook( 've.activationComplete' ).add( function () {~~
	~~var target = ve.init.target;~~
	~~if ( !target \|\| !target.getSurface() ) return;~~

	~~// Command registrieren~~
	~~ve.ui.commandRegistry.register( new ve.ui.Command(~~
	~~'insertKlappbox', 'window', 'open', { args: [ 'transclusion', {~~
	~~// Preload der Transklusion mit der gewünschten Vorlage und leeren Parametern~~
	~~page: {~~
	~~parts: [ {~~
	~~template: {~~
	~~target: { wt: 'Klappbox', href: 'Template:Klappbox' },~~
	~~params: {~~
	~~title: { wt: '' },~~
	~~content: { wt: '' },~~
	~~state: { wt: 'collapsed' }~~
	}
	}
	~~} ]~~
	}
	~~} ] }~~
	~~) );~~

	~~// Button in die Toolbar~~
	~~target.getToolbar().tools.add( 'insertKlappbox', {~~
	~~label: 'Klappbox',~~
	~~icon: 'collapse', // Fallback-Icon; VE wählt automatisch ein vorhandenens~~
	~~title: 'Klappbox einfügen',~~
	~~command: 'insertKlappbox'~~
	~~} );~~
	~~} );~~
	~~} );~~

Becko am 9. November 2025 um 20:32 Uhr

2025-11-09T20:32:35Z

← Nächstältere Version		Version vom 9. November 2025, 20:32 Uhr
Zeile 98:		Zeile 98:
	mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut		mw.hook('wikipage.content').add(apply); // bei Soft-Navigation erneut
	});		});

			// Einfacher VE-Button: "Klappbox" einfügen (öffnet Transklusion mit Vorlage:Klappbox)
			mw.loader.using( 'ext.visualEditor.desktopArticleTarget.init' ).then( function () {
			mw.hook( 've.activationComplete' ).add( function () {
			var target = ve.init.target;
			if ( !target \|\| !target.getSurface() ) return;

			// Command registrieren
			ve.ui.commandRegistry.register( new ve.ui.Command(
			'insertKlappbox', 'window', 'open', { args: [ 'transclusion', {
			// Preload der Transklusion mit der gewünschten Vorlage und leeren Parametern
			page: {
			parts: [ {
			template: {
			target: { wt: 'Klappbox', href: 'Template:Klappbox' },
			params: {
			title: { wt: '' },
			content: { wt: '' },
			state: { wt: 'collapsed' }
			}
			}
			} ]
			}
			} ] }
			) );

			// Button in die Toolbar
			target.getToolbar().tools.add( 'insertKlappbox', {
			label: 'Klappbox',
			icon: 'collapse', // Fallback-Icon; VE wählt automatisch ein vorhandenens
			title: 'Klappbox einfügen',
			command: 'insertKlappbox'
			} );
			} );
			} );

Becko am 9. Oktober 2025 um 09:04 Uhr

2025-10-09T09:04:06Z

← Nächstältere Version		Version vom 9. Oktober 2025, 09:04 Uhr
Zeile 34:		Zeile 34:


			// MediaWiki:Common.js (ggf. zusätzlich in MediaWiki:Mobile.js, falls MobileFrontend aktiv ist)

	mw.loader.using(['mediawiki.util']).done(function () {		mw.loader.using(['mediawiki.util']).done(function () {
	function ~~ensureUserToolsClonePortlet~~() {		function findSourceBody() {
	var ~~$srcPortlet~~ = $('#p-usertools');		var sel = [
	~~var $srcBody = $srcPortlet~~.~~find(~~'.mw-portlet-body');		'#p-usertools .mw-portlet-body',
	if (!$~~srcBody~~.length) return ~~null~~;		'#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
			}

	~~// Ziel: der linke Menü-Container~~ (~~Anisa: #mw-navigation in #column-navigation~~)		function ensureClonePortlet($nav, headingText) {
	var $~~nav~~ = $('#mw-~~navigation~~');		var $clone = $('#p-usertools-left');
	if (!$~~nav~~.length) $~~nav = $~~('~~#column~~-~~navigation~~'); ~~// Fallback~~		if ($clone.length) return $clone.find('.mw-portlet-body');

	// ~~Wenn unser Klon~~-~~Portlet schon existiert~~: ~~referenzieren~~		// Portlet mit Standard-Classes => erbt 1:1 den Skin-Stil
	~~var~~ $~~clonePortlet~~ = $('#p-usertools-left~~');~~		$clone = $(
	~~if (!$clonePortlet.length) {~~		'<div id="p-usertools-left" class="mw-portlet" role="navigation" aria-label="' + headingText + '">' +
	~~// Überschrift vom Original übernehmen (fällt z.B.~~ "~~Werkzeuge~~", "~~Benutzer~~" ~~etc.)~~		'<h3>' + $('<div>').text(headingText).html() + '</h3>' +
	~~var headingText = $.trim(~~$~~srcPortlet.children~~('h3').~~first~~().~~text~~()~~) \|\|~~ '~~Benutzer~~';		'<div class="mw-portlet-body"></div>' +
			'</div>'
			);

	// ~~Neues Portlet am~~ ENDE der ~~vorhandenen~~ Portlets ~~anhängen~~ -> ~~„unter~~ die bisherigen ~~Menüpunkte“~~		// ANS ENDE der bestehenden Portlets hängen -> "unter die bisherigen Menüpunkte"
	~~$clonePortlet = $(~~		$nav.append($clone);
	~~'<div id="p-usertools-left" class="mw-portlet" role="navigation" aria-label=~~"~~' + headingText + '">' +~~		return $clone.find('.mw-portlet-body');
	~~'<h3>' + $('<div>').text(headingText).html() + '</h3>' +~~
	~~'<div class="mw-portlet-body"></div>' +~~
	~~'</div>'~~
	);

	~~// exakt ans Ende der bestehenden Portlets setzen~~
	~~// (falls Anisa weitere Wrapper hat, hängt .append() automatisch nach den letzten Menüpunkten)~~
	$nav.append($~~clonePortlet~~);
	}
	return $~~clonePortlet~~.find('.mw-portlet-body');
	}		}

	function ~~cloneUserToolsIntoLeftMenu~~() {		function cloneUserStuffIntoLeftMenu() {
	var $srcBody = $(~~'#p-usertools .mw-portlet-body'~~);		var $srcBody = findSourceBody();
	if (!$srcBody.length) return;		if (!$srcBody.length) return;

	var $~~dstBody~~ = ~~ensureUserToolsClonePortlet~~();		// Ziel-Container: zuerst #mw-navigation (Anisa), sonst #column-navigation als Fallback
	if (!$~~dstBody~~ \|\| !$dstBody.length) return;		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 erzeugen~~		// Ziel leeren, dann frische KOPIE der direkten Kinder einfügen
	$dstBody.empty();		$dstBody.empty();

	~~// Nur die direkten Kinder klonen, IDs entfernen, damit es keine Duplikate gibt~~
	$srcBody.children().each(function () {		$srcBody.children().each(function () {
	var $clone = $(this).clone(true, true);		var $clone = $(this).clone(true, true);
			// doppelte IDs vermeiden
	$clone.find('[id]').addBack('[id]').removeAttr('id');		$clone.find('[id]').addBack('[id]').removeAttr('id');
	$dstBody.append($clone);		$dstBody.append($clone);
Zeile 86:		Zeile 92:

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

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

	// ~~Aktualisieren, wenn sich das Original~~-~~Portlet dynamisch ändert~~
	~~var srcNode = document.querySelector('#p-usertools .mw-portlet-body');~~
	~~if (srcNode && 'MutationObserver' in window) {~~
	~~new MutationObserver(function () { cloneUserToolsIntoLeftMenu(); })~~
	~~.observe(srcNode, { childList: true, subtree: true });~~
	}
	});		});

Becko am 9. Oktober 2025 um 08:58 Uhr

2025-10-09T08:58:08Z

Änderungen zeigen

Becko am 9. Oktober 2025 um 08:55 Uhr

2025-10-09T08:55:20Z

@@ Zeile 30: / Zeile 30: @@
      if (mql.matches) closeMenu();
    });
 });

Becko am 9. Oktober 2025 um 08:51 Uhr

2025-10-09T08:51:38Z

@@ Zeile 1: / Zeile 1: @@
 /* Das folgende JavaScript wird für alle Benutzer geladen. */
 mw.loader.using(['mediawiki.util']).done(function () {
    // Nur auf schmalen Screens aktiv
    if (!window.matchMedia('(max-width: 768px)').matches) return;

Becko am 9. Oktober 2025 um 08:50 Uhr

2025-10-09T08:50:17Z

@@ Zeile 1: / Zeile 1: @@
 /* Das folgende JavaScript wird für alle Benutzer geladen. */
 mw.loader.using(['mediawiki.util']).done(function () {
-  // Nur auf schmalen Screens aktiv
+var bp = '(max-width: 768px)';
    var mql = window.matchMedia(bp);
@@ Zeile 145: / Zeile 109: @@
    // Bei AJAX/Soft-Navigation (z. B. nach Seitenwechsel per PJAX) erneut anwenden
    mw.hook('wikipage.content').add(apply);
 });

Becko am 9. Oktober 2025 um 08:46 Uhr

2025-10-09T08:46:43Z

Änderungen zeigen

Becko am 9. Oktober 2025 um 08:41 Uhr

2025-10-09T08:41:26Z

@@ Zeile 30: / Zeile 30: @@
      if (mql.matches) closeMenu();
    });
 });

Becko am 9. Oktober 2025 um 08:33 Uhr

2025-10-09T08:33:56Z

← Nächstältere Version		Version vom 9. Oktober 2025, 08:33 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende JavaScript wird für alle Benutzer geladen. */		/* Das folgende JavaScript wird für alle Benutzer geladen. */
	mw.loader.using(['mediawiki.util']).done(function () {		mw.loader.using(['mediawiki.util']).done(function () {
	// Nur auf schmalen Screens aktiv ~~werden~~		// Nur auf schmalen Screens aktiv
	if (!window.matchMedia('(max-width: 768px)').matches) return;		if (!window.matchMedia('(max-width: 768px)').matches) return;

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

	// Overlay zum Schließen ~~per Tap~~		// Overlay zum Schließen
	var $overlay = $('<div class="nav-overlay" tabindex="-1" aria-hidden="true"></div>');		var $overlay = $('<div class="nav-overlay" tabindex="-1" aria-hidden="true"></div>');
	$('body').append($overlay);		$('body').append($overlay);
Zeile 16:		Zeile 16:
	$btn.attr('aria-expanded', 'false');		$btn.attr('aria-expanded', 'false');
	}		}

	function toggleMenu() {		function toggleMenu() {
	var open = !$('body').hasClass('nav-open');		var open = !$('body').hasClass('nav-open');
Zeile 25:		Zeile 24:
	$btn.on('click', toggleMenu);		$btn.on('click', toggleMenu);
	$overlay.on('click', closeMenu);		$overlay.on('click', closeMenu);
	$(document).on('keydown', function (e) {		$(document).on('keydown', function (e) { if (e.key === 'Escape') closeMenu(); });
	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();
	});		});
	});		});