MediaWiki:Common.js - Versionsgeschichte

Admin am 29. August 2026 um 13:32 Uhr

2026-08-29T13:32:31Z

← Nächstältere Version		Version vom 29. August 2026, 15:32 Uhr
Zeile 312:		Zeile 312:
	var slides = items.map( function ( item, index ) {		var slides = items.map( function ( item, index ) {
	var slide = document.createElement( 'div' );		var slide = document.createElement( 'div' );
	slide.className = 'forum-news-ticker-slide';		slide.className = 'forum-news-ticker-slide' + ( index === 0 ? ' is-active' : '' );
	~~slide.style.opacity = index === 0 ? '1' : '0';~~
	~~slide.style.display =~~ index === 0 ? '~~block~~' : '~~none~~';

	var link = document.createElement( 'a' );		var link = document.createElement( 'a' );
Zeile 334:		Zeile 332:
	setInterval( function () {		setInterval( function () {
	var next = ( current + 1 ) % slides.length;		var next = ( current + 1 ) % slides.length;
	slides[ current ].~~style~~.~~opacity =~~ '~~0';~~		slides[ current ].classList.remove( 'is-active' );
	~~slides[ current ].style.display = 'none';~~		slides[ next ].classList.add( 'is-active' );
	~~slides[ next ].style.display = 'block~~';
	slides[ next ].~~style~~.~~opacity =~~ '1';
	current = next;		current = next;
	}, ROTATE_MS );		}, ROTATE_MS );

Admin am 29. August 2026 um 13:30 Uhr

2026-08-29T13:30:35Z

Änderungen zeigen

Admin am 29. August 2026 um 13:26 Uhr

2026-08-29T13:26:53Z

← Nächstältere Version		Version vom 29. August 2026, 15:26 Uhr
Zeile 178:		Zeile 178:
	* einbauen (z.B. ueber eine Vorlage:NewsTicker):		* einbauen (z.B. ueber eine Vorlage:NewsTicker):
	*		*
	* <div id="forum-news-ticker" class="mw-message-box-notice"></div>		* <div id="forum-news-ticker" class="mw-message-box mw-message-box-notice"></div>
	*		*
	* 3. Konfiguration unten (FEED_URL, MAX_AGE_HOURS, etc.) anpassen.		* 3. Konfiguration unten (FEED_URL, MAX_AGE_HOURS, etc.) anpassen.
Zeile 193:		Zeile 193:
	var TARGET_FORUM_ID = '22';		var TARGET_FORUM_ID = '22';
	var MAX_AGE_HOURS = 168; // 7 Tage		var MAX_AGE_HOURS = 168; // 7 Tage
			var MIN_ITEMS = 3; // falls weniger als 7 Tage alt: trotzdem so viele zeigen
	var MAX_ITEMS = 5; // wie viele Themen maximal im Karussell landen		var MAX_ITEMS = 5; // wie viele Themen maximal im Karussell landen
	var CACHE_MINUTES = 10; // wie lange der Feed lokal zwischengespeichert wird		var CACHE_MINUTES = 10; // wie lange der Feed lokal zwischengespeichert wird
Zeile 280:		Zeile 281:
	// mischen, deshalb hier gezielt auf das gewuenschte		// mischen, deshalb hier gezielt auf das gewuenschte
	// Forum filtern.		// Forum filtern.
	~~if (~~ item.forumId !== null && item.forumId !== TARGET_FORUM_ID ~~) {~~		return item.forumId === null \|\| item.forumId === TARGET_FORUM_ID;
	~~return false~~;		} );
	}

			// Vom Zielforum: erst nach Maximalalter filtern. Wenn das
			// weniger als MIN_ITEMS ergibt (z.B. weil im Forum gerade
			// wenig los ist), stattdessen die MIN_ITEMS neuesten
			// Themen nehmen, auch wenn sie aelter als MAX_AGE_HOURS
			// sind - eine leere/einsame Box wirkt sonst kaputt.
			var withinAge = items.filter( function ( item ) {
	var ageHours = ( now - item.updated.getTime() ) / ( 1000 * 60 * 60 );		var ageHours = ( now - item.updated.getTime() ) / ( 1000 * 60 * 60 );
	return ageHours <= MAX_AGE_HOURS;		return ageHours <= MAX_AGE_HOURS;
	} ).slice( 0, MAX_ITEMS );		} );

			var selected = withinAge.length >= MIN_ITEMS ? withinAge : items.slice( 0, MIN_ITEMS );
			var finalItems = selected.slice( 0, MAX_ITEMS );

	saveToCache( ~~items~~ );		saveToCache( finalItems );
	return ~~items~~;		return finalItems;
	} );		} );
	}		}

Admin am 29. August 2026 um 13:19 Uhr

2026-08-29T13:19:40Z

← Nächstältere Version		Version vom 29. August 2026, 15:19 Uhr
Zeile 164:		Zeile 164:


			/**
			* Forum-News-Ticker
			* ------------------
			* Zeigt die neuesten Themen aus einem phpBB-Forum (via Atom-Feed) als
			* rotierendes Text-Karussell im Notice-Box-Stil an.
			*
			* VORAUSSETZUNG: In phpBB muss ACP -> Allgemein -> Feed-Einstellungen
			* aktiviert sein, und das Zielforum muss fuer Gaeste lesbar sein.
			*
			* EINBAU:
			* 1. Diesen Code an das Ende von MediaWiki:Common.js anhaengen.
			* 2. An der Stelle, wo die News-Box erscheinen soll, folgendes HTML
			* einbauen (z.B. ueber eine Vorlage:NewsTicker):
			*
			* <div id="forum-news-ticker" class="mw-message-box-notice"></div>
			*
			* 3. Konfiguration unten (FEED_URL, MAX_AGE_HOURS, etc.) anpassen.
			*/

	( function () {		( function () {
	'use strict';		'use strict';

	// ---- Konfiguration ----		// ---- Konfiguration ----
	// ~~News-Feed liefert alle in der ACP ausgewaehlten Foren gemeinsam~~,		// Direkter Zugriff auf phpBB scheitert an CORS (andere Subdomain),
	// deshalb ~~wird unten zusaetzlich nach TARGET_FORUM_ID gefiltert~~.		// deshalb ueber einen same-origin Proxy auf dem Wiki-Server selbst
	var FEED_URL = '~~https:~~//~~www.sgpggb.de/phpbb/feed~~.php~~?mode=news~~';		// (siehe news-proxy.php).
			var FEED_URL = '/wiki/news-proxy.php';
	var TARGET_FORUM_ID = '22';		var TARGET_FORUM_ID = '22';
	var MAX_AGE_HOURS = 168; // 7 Tage		var MAX_AGE_HOURS = 168; // 7 Tage

Admin am 29. August 2026 um 13:12 Uhr

2026-08-29T13:12:37Z

Änderungen zeigen

Admin am 18. August 2026 um 15:50 Uhr

2026-08-18T15:50:08Z

← Nächstältere Version		Version vom 18. August 2026, 17:50 Uhr
Zeile 10:		Zeile 10:
	});		});

	//~~Ausklappen der Unterpunkte~~ bei ~~entsprechendem Link~~		//Anker aufklappen und Spoiler aufklappen bei Suchen
	$(document).ready(function() {		$(document).ready(function() {
	setTimeout(function() {		setTimeout(function() {
	var hash = window.location.hash;		var hash = window.location.hash;
	if (~~!hash~~) ~~return~~;		var ref = document.referrer;
			var searchMatch = ref.match(/[?&]search=([^&]+)/);

	var target = document.getElementById(hash.substring(1));		// Anker-Link: entsprechenden Abschnitt aufklappen
	if (!target) ~~return;~~		if (hash) {
			var target = document.getElementById(hash.substring(1));
	~~// Zum h2 navigieren (Anker ist oft im span innerhalb der h2)~~		if (target) {
	var h2 = target.closest~~('h2') \|\| target.querySelector~~('h2') \|\|		var h2 = target.closest('h2') \|\|
	(target.tagName === 'H2' ? target : null);		(target.tagName === 'H2' ? target : null);
			if (!h2) {
	if (!h2) {		var section = target.closest('.citizen-section');
	~~// Anker liegt in einem Abschnitt — übergeordnetes h2 finden~~		if (section) h2 = section.previousElementSibling;
	var section = target.closest('.citizen-section');		}
	if (section) {		if (h2 && h2.classList.contains('citizen-section-heading')) {
	h2 = section.~~previousElementSibling~~;		var indicator = h2.querySelector('.citizen-section-indicator');
			if (indicator) indicator.click();
			setTimeout(function() { target.scrollIntoView(); }, 100);
			}
	}		}
	}		}

	~~if (h2 && h2.classList.contains('citizen-section-heading')) {~~
	~~var indicator = h2.querySelector('.citizen-section-indicator');~~
	~~if (indicator) indicator.click();~~
	~~// Zur Stelle scrollen~~
	~~setTimeout(function() {~~
	~~target.scrollIntoView();~~
	~~}, 100);~~
	}
	~~}, 500);~~
	~~});~~

	//~~Ausklappen bei~~ Suche		// Suche: ersten Abschnitt + verschachtelte Spoiler aufklappen
	~~$(document).ready(function() {~~
	~~setTimeout(function() {~~
	~~// Suchbegriff aus Referrer oder URL-Parameter holen~~
	~~var ref = document.referrer;~~
	~~var searchMatch = ref.match(/[?&]search=([^&]~~+~~)/);~~
	if (!searchMatch) return;		if (!searchMatch) return;

	var term = decodeURIComponent(searchMatch[1]).toLowerCase();		var term = decodeURIComponent(searchMatch[1]).toLowerCase();

	~~// Alle Abschnitte durchsuchen~~
	var sections = document.querySelectorAll('.citizen-section');		var sections = document.querySelectorAll('.citizen-section');
	for (var i = 0; i < sections.length; i++) {		for (var i = 0; i < sections.length; i++) {
	if (sections[i].textContent.toLowerCase().includes(term)) {		if (sections[i].textContent.toLowerCase().includes(term)) {
	~~// Vorhergehendes h2 finden und aufklappen~~
	var h2 = sections[i].previousElementSibling;		var h2 = sections[i].previousElementSibling;
	if (h2 && h2.classList.contains('citizen-section-heading')) {		if (h2 && h2.classList.contains('citizen-section-heading')) {
	var indicator = h2.querySelector('.citizen-section-indicator');		var indicator = h2.querySelector('.citizen-section-indicator');
	if (indicator) {		if (indicator) indicator.click();
	indicator.click();
	~~setTimeout(function() {~~
	~~h2.scrollIntoView();~~
	~~}, 100);~~
	}
	}		}

			// Verschachtelte mw-collapsible aufklappen die den Begriff enthalten
			setTimeout(function(sec) {
			var collapsibles = sec.querySelectorAll('.mw-collapsible.mw-collapsed');
			collapsibles.forEach(function(col) {
			if (col.textContent.toLowerCase().includes(term)) {
			var toggle = col.querySelector('.mw-collapsible-toggle');
			if (toggle) toggle.click();
			}
			});
			h2.scrollIntoView();
			}, 200, sections[i]);

	break;		break;
	}		}
Zeile 72:		Zeile 65:
	}, 500);		}, 500);
	});		});

	//Hauptseite Grid Ausrichtung		//Hauptseite Grid Ausrichtung
	$(document).ready(function() {		$(document).ready(function() {

Admin am 18. August 2026 um 15:47 Uhr

2026-08-18T15:47:16Z

@@ Zeile 38: / Zeile 38: @@
                  target.scrollIntoView();
              }, 100);
+         }
      }, 500);

Admin am 18. August 2026 um 15:42 Uhr

2026-08-18T15:42:26Z

@@ Zeile 10: / Zeile 10: @@
 });
 $(document).ready(function() {
      setTimeout(function() {

Admin am 27. Juli 2026 um 15:00 Uhr

2026-07-27T15:00:52Z

← Nächstältere Version		Version vom 27. Juli 2026, 17:00 Uhr
Zeile 19:		Zeile 19:
	if (h) firstHeaders.push(h);		if (h) firstHeaders.push(h);
	});		});
	var ~~maxH~~ = 0;
	firstHeaders.~~forEach~~(function(h) { ~~if (~~h.offsetHeight ~~> maxH~~) maxH = h.~~offsetHeight~~; });		// Natürliche Höhen vor minHeight messen
			var naturalHeights = firstHeaders.map(function(h) { return h.offsetHeight; });
			var maxH = Math.max.apply(null, naturalHeights);
			var minH = Math.min.apply(null, naturalHeights);

	firstHeaders.forEach(function(h) {		firstHeaders.forEach(function(h) {
	h.style.minHeight = maxH + 'px';		h.style.minHeight = maxH + 'px';
Zeile 26:		Zeile 30:
	h.style.alignItems = 'flex-end';		h.style.alignItems = 'flex-end';
	h.style.justifyContent = 'center';		h.style.justifyContent = 'center';
	~~h.style.boxSizing = 'border-box';~~
	~~h.style.marginBottom = '0';~~
	~~h.style.paddingBottom = '0';~~
	});		});

			// Grid um den Leerraum nach oben verschieben
			if (maxH > minH) {
			grid.style.marginTop = '-' + (maxH - minH) + 'px';
			}
	});		});
	}, 300);		}, 300);

Admin am 27. Juli 2026 um 14:59 Uhr

2026-07-27T14:59:06Z

← Nächstältere Version		Version vom 27. Juli 2026, 16:59 Uhr
Zeile 30:		Zeile 30:
	h.style.paddingBottom = '0';		h.style.paddingBottom = '0';
	});		});

	~~// Nur den Unterschied zur kleinsten Überschrift ausgleichen~~
	~~var minH = 9999;~~
	~~firstHeaders.forEach(function(h) { if (h.offsetHeight < minH) minH = h.offsetHeight; });~~
	~~var diff = maxH - minH;~~
	~~if (diff > 0) grid.style.marginTop = '-' + diff + 'px';~~
	});		});
	}, 300);		}, 300);