MediaWiki:Common.js - Historia wersji

HeadAdm o 14:23, 16 paź 2025

2025-10-16T14:23:05Z

← poprzednia wersja		Wersja z 16:23, 16 paź 2025
Linia 1:		Linia 1:
	~~/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */~~

	// Dark Mode Manager with Cookie Storage		// Dark Mode Manager with Cookie Storage
	(function() {		(function() {
Linia 61:		Linia 59:
	document.documentElement.classList.remove(DARK_MODE_CLASS);		document.documentElement.classList.remove(DARK_MODE_CLASS);
	}		}

	~~// Protect images from any dark mode filters~~
	this.protectImages();		this.protectImages();
	}		}
Linia 71:		Linia 67:
	}		}

	~~// Protect images from any color modifications~~
	protectImages() {		protectImages() {
	const images = document.querySelectorAll('img, .image, .thumbimage, .mw-file-element');		const images = document.querySelectorAll('img, .image, .thumbimage, .mw-file-element');
Linia 80:		Linia 75:
	}		}

	~~// Process {{dark_toggle}} template markers~~
	processTemplateMarkers() {		processTemplateMarkers() {
	~~// Method 1: Look for specific text patterns~~		this.replaceCustomElements();
	this.~~replaceTextMarkers();~~

	~~// Method 2: Look for elements with specific classes (if your template adds them)~~
	~~this.replaceElementMarkers~~();
	}		}

	~~replaceTextMarkers~~() {		replaceCustomElements() {
	const ~~walker~~ = document.~~createTreeWalker~~(		const customElements = document.querySelectorAll('dark-toggle');
	~~document.body,~~		customElements.forEach(element => {
	~~NodeFilter.SHOW_TEXT,~~		element.innerHTML = this.createToggleButtonHTML(this.isDarkMode());
	~~null,~~		setTimeout(() => {
	~~false~~		const button = element.querySelector('button');
	);		if (button) {
			button.addEventListener('click', () => this.toggle());
	~~let node;~~
	~~while~~ (~~node~~ = ~~walker.nextNode())~~ {
	~~if (node.nodeValue.includes('{{dark_toggle}}')) {~~
	~~const span = document.createElement('span');~~
	~~span.className = 'dark-toggle-container';~~
	~~span~~.innerHTML = this.createToggleButtonHTML(this.isDarkMode());

	const ~~parent~~ = ~~node~~.~~parentNode~~;
	if (~~parent.nodeType === Node.ELEMENT_NODE~~) {
	~~parent~~.~~replaceChild~~(~~span~~, ~~node~~);
	}		}
	}		}, 0);
	}
	}

	~~replaceElementMarkers() {~~
	~~const markers = document.querySelectorAll('[class="dark_toggle"]~~, ~~[id="dark_toggle"]');~~
	~~markers.forEach(marker => {~~
	~~marker.innerHTML = this.createToggleButtonHTML(this.isDarkMode()~~);
	~~marker.className = 'dark-toggle-container'~~;
	});		});
	}		}
Linia 125:		Linia 97:
	const modeClass = isDark ? 'light' : '';		const modeClass = isDark ? 'light' : '';

	return `<button class="dark-mode-toggle-button ${modeClass}~~" onclick="window.DarkModeManager.toggle()~~">		return `<button class="dark-mode-toggle-button ${modeClass}">
	<span class="toggle-icon">${icon}</span>		<span class="toggle-icon">${icon}</span>
	<span class="toggle-text">${text}</span>		<span class="toggle-text">${text}</span>
Linia 132:		Linia 104:

	createFixedToggle() {		createFixedToggle() {
	~~// Remove existing fixed toggle if any~~
	const existingToggle = document.getElementById('darkModeToggleFixed');		const existingToggle = document.getElementById('darkModeToggleFixed');
	if (existingToggle) {		if (existingToggle) existingToggle.remove();
	existingToggle.remove();
	}

	const button = document.createElement('button');		const button = document.createElement('button');
Linia 147:		Linia 116:

	button.addEventListener('click', () => this.toggle());		button.addEventListener('click', () => this.toggle());

	document.body.appendChild(button);		document.body.appendChild(button);
	}		}

	updateAllToggleButtons(isDark) {		updateAllToggleButtons(isDark) {
	~~// Update inline toggle buttons~~
	const inlineButtons = document.querySelectorAll('.dark-mode-toggle-button');		const inlineButtons = document.querySelectorAll('.dark-mode-toggle-button');
	inlineButtons.forEach(button => {		inlineButtons.forEach(button => {
Linia 169:		Linia 136:
	});		});

	~~// Update fixed toggle button~~
	const fixedButton = document.getElementById('darkModeToggleFixed');		const fixedButton = document.getElementById('darkModeToggleFixed');
	if (fixedButton) {		if (fixedButton) {
Linia 190:		Linia 156:

	watchForDynamicContent() {		watchForDynamicContent() {
	~~// Watch for DOM changes to process new {{dark_toggle}} markers~~
	const observer = new MutationObserver((mutations) => {		const observer = new MutationObserver((mutations) => {
	mutations.forEach((mutation) => {		mutations.forEach((mutation) => {
Linia 196:		Linia 161:
	mutation.addedNodes.forEach((node) => {		mutation.addedNodes.forEach((node) => {
	if (node.nodeType === Node.ELEMENT_NODE) {		if (node.nodeType === Node.ELEMENT_NODE) {
	if (node.~~textContent~~.~~includes~~('~~{{dark_toggle}}~~')) {		if (node.querySelector && node.querySelector('dark-toggle')) {
	this.~~processTemplateMarkers~~();		this.replaceCustomElements();
	}		}
	}		}

HeadAdm o 14:18, 16 paź 2025

2025-10-16T14:18:02Z

Podgląd zmian

HeadAdm: UWAGA! Zastąpienie treści hasła bardzo krótkim tekstem: „/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */”

2025-10-14T22:08:25Z

UWAGA! Zastąpienie treści hasła bardzo krótkim tekstem: „Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony.: ”

← poprzednia wersja		Wersja z 00:08, 15 paź 2025
Linia 1:		Linia 1:
	/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */		/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

	~~// Funkcja przełączania trybu ciemnego~~
	~~function toggleDarkMode() {~~
	~~var body = document.body;~~
	~~var isDarkMode = body.classList.contains('dark-mode');~~

	~~if (isDarkMode) {~~
	~~body.classList.remove('dark-mode');~~
	~~localStorage.setItem('darkMode', 'disabled');~~
	~~updateToggleButton('🌙 Tryb ciemny');~~
	~~} else {~~
	~~body.classList.add('dark-mode');~~
	~~localStorage.setItem('darkMode', 'enabled');~~
	~~updateToggleButton('☀️ Tryb jasny');~~
	}
	}

	~~// Aktualizacja tekstu przycisku~~
	~~function updateToggleButton(text) {~~
	~~var toggleButton = document.getElementById('dark-mode-toggle');~~
	~~if (toggleButton) {~~
	~~toggleButton.textContent = text;~~
	}
	}

	~~// Sprawdzenie zapisanego ustawienia~~
	~~function checkSavedMode() {~~
	~~var savedMode = localStorage.getItem('darkMode');~~
	~~var body = document.body;~~
	~~var toggleButton = document.getElementById('dark-mode-toggle');~~

	~~if (savedMode === 'enabled') {~~
	~~body.classList.add('dark-mode');~~
	~~updateToggleButton('☀️ Tryb jasny');~~
	~~} else {~~
	~~updateToggleButton('🌙 Tryb ciemny');~~
	}
	}

	~~// Tworzenie przycisku~~
	~~function createToggleButton() {~~
	~~// Sprawdź czy przycisk już istnieje~~
	~~if (document.getElementById('dark-mode-toggle')) {~~
	~~return;~~
	}

	~~var toggleButton = document.createElement('button');~~
	~~toggleButton.id = 'dark-mode-toggle';~~
	~~toggleButton.textContent = '🌙 Tryb ciemny';~~
	~~toggleButton.onclick = toggleDarkMode;~~

	~~// Dodaj style dla przycisku~~
	~~toggleButton.style.position = 'fixed';~~
	~~toggleButton.style.top = '10px';~~
	~~toggleButton.style.right = '10px';~~
	~~toggleButton.style.zIndex = '10000';~~
	~~toggleButton.style.background = 'var(--button-bg)';~~
	~~toggleButton.style.color = 'var(--text-color)';~~
	~~toggleButton.style.border = '1px solid var(--border-color)';~~
	~~toggleButton.style.padding = '5px 10px';~~
	~~toggleButton.style.cursor = 'pointer';~~
	~~toggleButton.style.borderRadius = '3px';~~
	~~toggleButton.style.fontSize = '12px';~~

	~~document.body.appendChild(toggleButton);~~
	}

	~~// Inicjalizacja po załadowaniu strony~~
	~~mw.hook('wikipage.content').add(function() {~~
	~~createToggleButton();~~
	~~checkSavedMode();~~
	~~});~~

	~~// Alternatywna inicjalizacja dla starszych wersji MediaWiki~~
	~~$(document).ready(function() {~~
	~~createToggleButton();~~
	~~checkSavedMode();~~
	~~});~~

HeadAdm o 21:19, 28 wrz 2025

2025-09-28T21:19:15Z

← poprzednia wersja		Wersja z 23:19, 28 wrz 2025
Linia 1:		Linia 1:
	/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */		/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

			// Funkcja przełączania trybu ciemnego
			function toggleDarkMode() {
			var body = document.body;
			var isDarkMode = body.classList.contains('dark-mode');

			if (isDarkMode) {
			body.classList.remove('dark-mode');
			localStorage.setItem('darkMode', 'disabled');
			updateToggleButton('🌙 Tryb ciemny');
			} else {
			body.classList.add('dark-mode');
			localStorage.setItem('darkMode', 'enabled');
			updateToggleButton('☀️ Tryb jasny');
			}
			}

			// Aktualizacja tekstu przycisku
			function updateToggleButton(text) {
			var toggleButton = document.getElementById('dark-mode-toggle');
			if (toggleButton) {
			toggleButton.textContent = text;
			}
			}

			// Sprawdzenie zapisanego ustawienia
			function checkSavedMode() {
			var savedMode = localStorage.getItem('darkMode');
			var body = document.body;
			var toggleButton = document.getElementById('dark-mode-toggle');

			if (savedMode === 'enabled') {
			body.classList.add('dark-mode');
			updateToggleButton('☀️ Tryb jasny');
			} else {
			updateToggleButton('🌙 Tryb ciemny');
			}
			}

			// Tworzenie przycisku
			function createToggleButton() {
			// Sprawdź czy przycisk już istnieje
			if (document.getElementById('dark-mode-toggle')) {
			return;
			}

			var toggleButton = document.createElement('button');
			toggleButton.id = 'dark-mode-toggle';
			toggleButton.textContent = '🌙 Tryb ciemny';
			toggleButton.onclick = toggleDarkMode;

			// Dodaj style dla przycisku
			toggleButton.style.position = 'fixed';
			toggleButton.style.top = '10px';
			toggleButton.style.right = '10px';
			toggleButton.style.zIndex = '10000';
			toggleButton.style.background = 'var(--button-bg)';
			toggleButton.style.color = 'var(--text-color)';
			toggleButton.style.border = '1px solid var(--border-color)';
			toggleButton.style.padding = '5px 10px';
			toggleButton.style.cursor = 'pointer';
			toggleButton.style.borderRadius = '3px';
			toggleButton.style.fontSize = '12px';

			document.body.appendChild(toggleButton);
			}

			// Inicjalizacja po załadowaniu strony
			mw.hook('wikipage.content').add(function() {
			createToggleButton();
			checkSavedMode();
			});

			// Alternatywna inicjalizacja dla starszych wersji MediaWiki
			$(document).ready(function() {
			createToggleButton();
			checkSavedMode();
			});

HeadAdm o 10:44, 12 wrz 2025

2025-09-12T10:44:20Z

← poprzednia wersja		Wersja z 12:44, 12 wrz 2025
Linia 1:		Linia 1:
	/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */		/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

	~~mw.hook('wikipage.content').add(function () {~~
	~~var $banner = $('#pagebanner');~~
	~~if ($banner.length) {~~
	~~$banner.find('a').each(function () {~~
	~~$(this).replaceWith($(this).contents());~~
	~~});~~
	}
	~~});~~

HeadAdm o 10:44, 12 wrz 2025

2025-09-12T10:44:07Z

← poprzednia wersja		Wersja z 12:44, 12 wrz 2025
Linia 1:		Linia 1:
	/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */		/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

			mw.hook('wikipage.content').add(function () {
			var $banner = $('#pagebanner');
			if ($banner.length) {
			$banner.find('a').each(function () {
			$(this).replaceWith($(this).contents());
			});
			}
			});

HeadAdm o 17:35, 11 wrz 2025

2025-09-11T17:35:39Z

← poprzednia wersja		Wersja z 19:35, 11 wrz 2025
Linia 1:		Linia 1:
	/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */		/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

	~~mw.loader.using('ext.darkMode', function () {~~
	~~if (mw.config.get('wgIsMainPage')) {~~
	~~var btn = $('<a>')~~
	~~.attr('id', 'pt-darkmode-toggle')~~
	~~.attr('href', '#')~~
	~~.text('🌙 Tryb ciemny');~~

	~~$('#mw-content-text').prepend(btn);~~
	}
	~~});~~

HeadAdm: Utworzono nową stronę "/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */ mw.loader.using('ext.darkMode', function () { if (mw.config.get('wgIsMainPage')) { var btn = $('') .attr('id', 'pt-darkmode-toggle') .attr('href', '#') .text('🌙 Tryb ciemny'); $('#mw-content-text').prepend(btn); } });"

2025-09-11T17:35:14Z

Utworzono nową stronę "Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony.: mw.loader.using('ext.darkMode', function () { if (mw.config.get('wgIsMainPage')) { var btn = $('<a>') .attr('id', 'pt-darkmode-toggle') .attr('href', '#') .text('🌙 Tryb ciemny'); $('#mw-content-text').prepend(btn); } });"

Nowa strona

/* Umieszczony tutaj kod JavaScript zostanie załadowany przez każdego użytkownika, podczas każdego ładowania strony. */

mw.loader.using('ext.darkMode', function () {
if (mw.config.get('wgIsMainPage')) {
var btn = $('<a>')
.attr('id', 'pt-darkmode-toggle')
.attr('href', '#')
.text('🌙 Tryb ciemny');

$('#mw-content-text').prepend(btn);
}
});