MediaWiki:Common:js - История изменений

Burenka. . в 13:51, 1 апреля 2025

2025-04-01T13:51:38Z

← Предыдущая версия		Версия от 13:51, 1 апреля 2025
Строка 1:		Строка 1:
	// Объявляем функцию глобально		// Объявляем функцию глобально
	window.toggleTheme = function() {		window.toggleTheme = function() {
	~~const body =~~ document.~~body;~~		document.body.classList.toggle('dark-theme');
	body.classList.toggle('dark-theme');		localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light');
	localStorage.setItem('theme', body.classList.contains('dark-theme') ? 'dark' : 'light');
	};		};

	// Загрузка сохраненной темы		// Загрузка сохраненной темы
	document.addEventListener('DOMContentLoaded', function() {		document.addEventListener('DOMContentLoaded', function() {
	const ~~savedTheme~~ = localStorage.getItem('theme');		const theme = localStorage.getItem('theme');
	if (~~savedTheme~~ === 'dark') document.body.classList.add('dark-theme');		if (theme === 'dark') document.body.classList.add('dark-theme');
	});		});

	// Добавляем кнопку ~~в верхнюю панель~~		// Добавляем кнопку через jQuery
	$(function() {		mw.loader.using('jquery').then(function() {
	const button = $('<button>')		$(function() {
	.text('🌓 Тема')		const button = $('<button>')
	.on('~~click~~', ~~toggleTheme)~~		.text('🌓 Тема')
	~~.css({~~		.css({
	~~margin~~: '~~0 10px~~',		position: 'fixed',
	padding: '~~5px~~ 10px',		bottom: '20px',
	cursor: 'pointer'		right: '20px',
	});		zIndex: 1000,
			padding: '10px',
			cursor: 'pointer',
			background: '#fff',
			border: '1px solid #000'
			})
			.on('click', toggleTheme);

	$('~~#mw-header-navbar~~').~~prepend~~(button);		$('body').append(button);
			});
	});		});

Burenka. . в 13:37, 1 апреля 2025

2025-04-01T13:37:22Z

← Предыдущая версия		Версия от 13:37, 1 апреля 2025
Строка 1:		Строка 1:
	// ~~Функция переключения темы~~		// Объявляем функцию глобально
	function ~~toggleTheme~~() {		window.toggleTheme = function() {
	const body = document.body;		const body = document.body;
	body.classList.toggle('dark-theme');		body.classList.toggle('dark-theme');
			localStorage.setItem('theme', body.classList.contains('dark-theme') ? 'dark' : 'light');
	~~// Сохранение выбора в~~ localStorage		};
	~~const isDark =~~ body.classList.contains('dark-theme');
	~~localStorage.setItem('theme', isDark~~ ? 'dark' : 'light');
	}

	// Загрузка сохраненной темы ~~при открытии страницы~~		// Загрузка сохраненной темы
	document.addEventListener('DOMContentLoaded', function() {		document.addEventListener('DOMContentLoaded', function() {
	const savedTheme = localStorage.getItem('theme');		const savedTheme = localStorage.getItem('theme');
	if (savedTheme === 'dark') {		if (savedTheme === 'dark') document.body.classList.add('dark-theme');
	document.body.classList.add('dark-theme');
	}
	});		});

	// ~~Добавление кнопки переключения темы~~		// Добавляем кнопку в верхнюю панель
	~~// Добавление кнопки в раздел "Инструменты" левого меню~~		$(function() {
			const button = $('<button>')
			.text('🌓 Тема')
			.on('click', toggleTheme)
			.css({
			margin: '0 10px',
			padding: '5px 10px',
			cursor: 'pointer'
			});

	~~mw.hook('ve.activationComplete').add(function() {~~		$('#mw-header-navbar').prepend(button);
	~~mw.util.addPortletLink~~(
	~~'p-tb', // ID раздела (p-tb = инструменты)~~
	'#',
	~~'🌓 Тема',~~
	~~'theme~~-~~switcher',~~
	~~'Переключить цветовую тему',~~
	~~null,~~
	~~$('#pt~~-~~preferences').next()~~
	~~).find('a~~').on(~~'click', function(e) {~~
	~~e.preventDefault();~~
	~~toggleTheme();~~
	});
	});		});

Burenka. . в 13:36, 1 апреля 2025

2025-04-01T13:36:02Z

← Предыдущая версия		Версия от 13:36, 1 апреля 2025
Строка 18:		Строка 18:

	// Добавление кнопки переключения темы		// Добавление кнопки переключения темы
	~~$(function() {~~		// Добавление кнопки в раздел "Инструменты" левого меню
	~~const button = $~~('~~<button>~~')
	.~~text~~(~~'🌓 Сменить тему'~~)		mw.hook('ve.activationComplete').add(function() {
	.on('~~click~~', ~~toggleTheme~~)		mw.util.addPortletLink(
	~~.css({~~		'p-tb', // ID раздела (p-tb = инструменты)
	~~position:~~ '~~fixed~~',		'#',
	~~bottom:~~ '~~20px~~',		'🌓 Тема',
	~~right:~~ '~~20px~~',		'theme-switcher',
	~~zIndex:~~ '~~1000~~',		'Переключить цветовую тему',
	~~padding:~~ '~~10px~~',		null,
	~~cursor:~~ '~~pointer~~'		$('#pt-preferences').next()
			).find('a').on('click', function(e) {
			e.preventDefault();
			toggleTheme();
	});		});

	~~$('body').append(button);~~
	});		});

Burenka. .: Новая страница: «// Функция переключения темы function toggleTheme() { const body = document.body; body.classList.toggle('dark-theme'); // Сохранение выбора в localStorage const isDark = body.classList.contains('dark-theme'); localStorage.setItem('theme', isDark ? 'dark' : 'light'); } // Загрузка сохраненной темы при открытии страницы document.addEventListener('DOMContentLoaded',...»

2025-04-01T13:17:41Z

Новая страница: «// Функция переключения темы function toggleTheme() { const body = document.body; body.classList.toggle('dark-theme'); // Сохранение выбора в localStorage const isDark = body.classList.contains('dark-theme'); localStorage.setItem('theme', isDark ? 'dark' : 'light'); } // Загрузка сохраненной темы при открытии страницы document.addEventListener('DOMContentLoaded',...»

Новая страница

// Функция переключения темы
function toggleTheme() {
const body = document.body;
body.classList.toggle('dark-theme');

// Сохранение выбора в localStorage
const isDark = body.classList.contains('dark-theme');
localStorage.setItem('theme', isDark ? 'dark' : 'light');
}

// Загрузка сохраненной темы при открытии страницы
document.addEventListener('DOMContentLoaded', function() {
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') {
document.body.classList.add('dark-theme');
}
});

// Добавление кнопки переключения темы
$(function() {
const button = $('<button>')
.text('🌓 Сменить тему')
.on('click', toggleTheme)
.css({
position: 'fixed',
bottom: '20px',
right: '20px',
zIndex: '1000',
padding: '10px',
cursor: 'pointer'
});

$('body').append(button);
});