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

Glamyr в 13:50, 14 июня 2026

2026-06-14T13:50:31Z

← Предыдущая версия		Версия от 13:50, 14 июня 2026
Строка 20:		Строка 20:
	applyTheme(activeTheme);		applyTheme(activeTheme);

	let selectHtml = '<div id="p-tg-theme" style="margin: 0 10px; display: inline-block; vertical-align: middle; position: relative; width: 36px; height: 36px;">';		let selectHtml = '<div id="p-tg-theme" style="margin: 0 10px; display: inline-block !important; vertical-align: middle !important; position: relative; width: 36px !important; height: 36px !important;">';
	selectHtml += '<input type="checkbox" id="p-tg-theme-dropdown-checkbox" role="button" aria-haspopup="true" class="vector-dropdown-checkbox" style="display: none !important;">';		selectHtml += '<input type="checkbox" id="p-tg-theme-dropdown-checkbox" role="button" aria-haspopup="true" class="vector-dropdown-checkbox" style="display: none !important;">';
	selectHtml += '<label id="p-tg-theme-dropdown-label" for="p-tg-theme-dropdown-checkbox" aria-label="Смена темы" title="Выбрать тему фракции" style="display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; cursor: pointer; padding: 0; margin: 0; border: none; background: transparent;">';		selectHtml += '<label id="p-tg-theme-dropdown-label" for="p-tg-theme-dropdown-checkbox" aria-label="Смена темы" title="Выбрать тему фракции" style="display: flex !important; width: 36px !important; height: 36px !important; align-items: center; justify-content: center; cursor: pointer; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important;">';
	selectHtml += '<span class="tg-custom-palette-icon"></span>';		selectHtml += '<span class="tg-custom-palette-icon"></span>';
	selectHtml += '</label>';		selectHtml += '</label>';
	selectHtml += '<div class="vector-dropdown-content" style="padding: 8px; min-width: 180px; display: none; position: absolute; top: 110%; right: 0; z-index: ~~1000~~;">';		selectHtml += '<div class="vector-dropdown-content" id="p-tg-dropdown-menu" style="padding: 8px; min-width: 180px; display: none; position: absolute; top: 110%; right: 0; z-index: 10000;">';
	selectHtml += '<ul class="vector-menu-content-list" style="margin: 0; padding: 0; list-style: none;">';		selectHtml += '<ul class="vector-menu-content-list" style="margin: 0; padding: 0; list-style: none;">';

	const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };		const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };
	classes.forEach(id => {		classes.forEach(id => {
	selectHtml += '<~~div~~ class="~~vector~~-~~dropdown~~-~~content~~" id="~~p-tg-dropdown-menu~~" style="~~padding: 8px; min-width: 180px;~~ display: ~~none~~; ~~position~~: ~~absolute; top: 110%; right: 0; z-index: 10000; background-color: var(--bg-card, #282a2d) !important; border: 1px solid var(--border-color, #3f4348) !important~~; border-radius: ~~6px !important~~; ~~box~~-~~shadow~~: ~~0 4px 15px rgba(0,0,0,0.6) !important~~;">';		selectHtml += '<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="' + id + '" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none;">' + names[id] + '</a></li>';
	});		});
	selectHtml += '</ul></div></div>';		selectHtml += '</ul></div></div>';

Glamyr в 13:47, 14 июня 2026

2026-06-14T13:47:49Z

← Предыдущая версия		Версия от 13:47, 14 июня 2026
Строка 30:		Строка 30:
	const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };		const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };
	classes.forEach(id => {		classes.forEach(id => {
	selectHtml += `<~~li style~~="~~margin: 4px 0;~~"~~><a href="#" class~~="tg-~~theme~~-~~item" data-theme="${id}~~" style="display: ~~block~~; ~~padding~~: ~~6px 8px~~; border-radius: ~~4px~~; ~~text~~-~~decoration~~: ~~none~~;">~~${names[id]}</a></li>`~~;		selectHtml += '<div class="vector-dropdown-content" id="p-tg-dropdown-menu" style="padding: 8px; min-width: 180px; display: none; position: absolute; top: 110%; right: 0; z-index: 10000; background-color: var(--bg-card, #282a2d) !important; border: 1px solid var(--border-color, #3f4348) !important; border-radius: 6px !important; box-shadow: 0 4px 15px rgba(0,0,0,0.6) !important;">';
	});		});
	selectHtml += '</ul></div></div>';		selectHtml += '</ul></div></div>';

Glamyr: Отмена версии 8958, сделанной Glamyr (обсуждение)

2026-06-14T13:47:21Z

Отмена версии 8958, сделанной Glamyr (обсуждение)

@@ Строка 1: / Строка 1: @@
 $(function () {
      const classes = ['theme-stddark', 'theme-nanotrasen', 'theme-syndicate', 'theme-plasmafire', 'theme-clockcult', 'theme-bloodcult', 'theme-heretic', 'theme-default'];
@@ Строка 62: / Строка 31: @@
          classes.forEach(id => {
              selectHtml += `<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="${id}" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none;">${names[id]}</a></li>`;
          });
          selectHtml += '</ul></div></div>';

Glamyr в 13:46, 14 июня 2026

2026-06-14T13:46:44Z

@@ Строка 1: / Строка 1: @@
 $(function () {
      const classes = ['theme-stddark', 'theme-nanotrasen', 'theme-syndicate', 'theme-plasmafire', 'theme-clockcult', 'theme-bloodcult', 'theme-heretic', 'theme-default'];
@@ Строка 31: / Строка 62: @@
          classes.forEach(id => {
              selectHtml += `<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="${id}" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none;">${names[id]}</a></li>`;
          });
          selectHtml += '</ul></div></div>';

Glamyr в 18:14, 13 июня 2026

2026-06-13T18:14:56Z

← Предыдущая версия		Версия от 18:14, 13 июня 2026
Строка 20:		Строка 20:
	applyTheme(activeTheme);		applyTheme(activeTheme);

	let selectHtml = '<div id="p-tg-theme" style="margin: 0 10px; display: inline-block ~~!important~~; vertical-align: middle ~~!important~~; position: relative; width: 36px ~~!important~~; height: 36px ~~!important~~;">';		let selectHtml = '<div id="p-tg-theme" style="margin: 0 10px; display: inline-block; vertical-align: middle; position: relative; width: 36px; height: 36px;">';
	selectHtml += '<input type="checkbox" id="p-tg-theme-dropdown-checkbox" role="button" aria-haspopup="true" class="vector-dropdown-checkbox" style="display: none !important;">';		selectHtml += '<input type="checkbox" id="p-tg-theme-dropdown-checkbox" role="button" aria-haspopup="true" class="vector-dropdown-checkbox" style="display: none !important;">';
	selectHtml += '<label id="p-tg-theme-dropdown-label" for="p-tg-theme-dropdown-checkbox" aria-label="Смена темы" title="Выбрать тему фракции" style="display: flex ~~!important~~; width: 36px ~~!important~~; height: 36px ~~!important~~; align-items: center; justify-content: center; cursor: pointer; padding: 0 ~~!important~~; margin: 0 ~~!important~~; border: none ~~!important~~; background: transparent ~~!important~~;">';		selectHtml += '<label id="p-tg-theme-dropdown-label" for="p-tg-theme-dropdown-checkbox" aria-label="Смена темы" title="Выбрать тему фракции" style="display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; cursor: pointer; padding: 0; margin: 0; border: none; background: transparent;">';
	selectHtml += '<span class="tg-custom-palette-icon"></span>';		selectHtml += '<span class="tg-custom-palette-icon"></span>';
	selectHtml += '</label>';		selectHtml += '</label>';

Glamyr: Отмена версии 8880, сделанной Glamyr (обсуждение)

2026-06-13T16:50:39Z

Отмена версии 8880, сделанной Glamyr (обсуждение)

Внесённые изменения

Glamyr в 16:49, 13 июня 2026

2026-06-13T16:49:39Z

Внесённые изменения

Glamyr в 16:31, 13 июня 2026

2026-06-13T16:31:21Z

← Предыдущая версия		Версия от 16:31, 13 июня 2026
Строка 1:		Строка 1:
	~~mw.hook('wikipage.content').add~~(function () {		$(function () {
	const ~~themes~~ = {		const classes = ['theme-stddark', 'theme-nanotrasen', 'theme-syndicate', 'theme-plasmafire', 'theme-clockcult', 'theme-bloodcult', 'theme-heretic', 'theme-default'];
	'theme-~~nanotrasen': { name: 'Nanotrasen TGUI~~', ~~logo:~~ '~~/images/5/58/Nanotrasen~~-~~logo.png~~' },
	'theme-syndicate'~~: { name: 'Syndicate TGUI', logo: mw.util.getUrl('Special:Redirect/file/Syndicate-logo.png') }~~,
	'theme-plasmafire'~~: { name: 'Plasmafire' }~~,
	'theme-clockcult'~~: { name: 'Clock Cult' }~~,
	'theme-bloodcult'~~: { name: 'Blood Cult' }~~,
	'theme-heretic'~~: { name: 'Heretic' }~~,
	~~'theme-stddark': { name: 'Standard Dark' },~~
	'theme-default'~~: { name: 'Standard Light' }~~
	};

	function applyTheme(themeId) {		function applyTheme(themeId) {
	~~Object.keys(themes)~~.forEach(id => document.body.classList.remove(id));		classes.forEach(id => document.body.classList.remove(id));
	document.body.classList.remove('theme-active-dark');		document.body.classList.remove('theme-active-dark');

	if (themeId && ~~themes[~~themeId]) {		if (themeId && classes.includes(themeId)) {
	document.body.classList.add(themeId);		document.body.classList.add(themeId);
	if (themeId !== 'theme-default') {		if (themeId !== 'theme-default') {
Строка 21:		Строка 12:
	}		}
	localStorage.setItem('mw-tg-theme', themeId);		localStorage.setItem('mw-tg-theme', themeId);

	~~const logoImg = document.querySelector('.mw-wiki-logo, .vector-header-container .mw-logo-img, .vector-logo-img');~~
	~~if (logoImg) {~~
	~~if (logoImg.tagName === 'IMG') { logoImg.src = themes[themeId]; }~~
	~~else { logoImg.style.backgroundImage = `url(${themes[themeId]})`; }~~
	}
	}		}
	}		}
Строка 44:		Строка 29:

	const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };		const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };
	~~Object.keys(themes)~~.forEach(id => {		classes.forEach(id => {
	selectHtml += `<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="${id}" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none;">${names[id]}</a></li>`;		selectHtml += `<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="${id}" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none;">${names[id]}</a></li>`;
	});		});

Glamyr в 15:48, 13 июня 2026

2026-06-13T15:48:34Z

← Предыдущая версия		Версия от 15:48, 13 июня 2026
Строка 24:		Строка 24:
	const logoImg = document.querySelector('.mw-wiki-logo, .vector-header-container .mw-logo-img, .vector-logo-img');		const logoImg = document.querySelector('.mw-wiki-logo, .vector-header-container .mw-logo-img, .vector-logo-img');
	if (logoImg) {		if (logoImg) {
	if (logoImg.tagName === 'IMG') {		if (logoImg.tagName === 'IMG') { logoImg.src = themes[themeId]; }
	logoImg.src = themes[themeId]~~.logo~~;		else { logoImg.style.backgroundImage = `url(${themes[themeId]})`; }
	} else {
	logoImg.style.backgroundImage = `url(${themes[themeId]~~.logo~~})`;
	}
	}		}
	}		}
Строка 35:		Строка 32:
	function injectSelector() {		function injectSelector() {
	if (document.getElementById('p-tg-theme')) return;		if (document.getElementById('p-tg-theme')) return;

	const activeTheme = localStorage.getItem('mw-tg-theme') \|\| 'theme-stddark';		const activeTheme = localStorage.getItem('mw-tg-theme') \|\| 'theme-stddark';
	applyTheme(activeTheme);		applyTheme(activeTheme);
Строка 42:		Строка 38:
	selectHtml += '<input type="checkbox" id="p-tg-theme-dropdown-checkbox" role="button" aria-haspopup="true" class="vector-dropdown-checkbox" style="display: none !important;">';		selectHtml += '<input type="checkbox" id="p-tg-theme-dropdown-checkbox" role="button" aria-haspopup="true" class="vector-dropdown-checkbox" style="display: none !important;">';
	selectHtml += '<label id="p-tg-theme-dropdown-label" for="p-tg-theme-dropdown-checkbox" aria-label="Смена темы" title="Выбрать тему фракции" style="display: flex !important; width: 36px !important; height: 36px !important; align-items: center; justify-content: center; cursor: pointer; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important;">';		selectHtml += '<label id="p-tg-theme-dropdown-label" for="p-tg-theme-dropdown-checkbox" aria-label="Смена темы" title="Выбрать тему фракции" style="display: flex !important; width: 36px !important; height: 36px !important; align-items: center; justify-content: center; cursor: pointer; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important;">';
	selectHtml += '<span class="tg-custom-palette-icon~~" style="display: block !important; width: 32px !important; height: 32px !important;~~"></span>';		selectHtml += '<span class="tg-custom-palette-icon"></span>';
	selectHtml += '</label>';		selectHtml += '</label>';
	selectHtml += '<div class="vector-dropdown-content" style="padding: 8px; min-width: 180px; display: none; position: absolute; top: 110%; right: 0; z-index: 1000;">';		selectHtml += '<div class="vector-dropdown-content" style="padding: 8px; min-width: 180px; display: none; position: absolute; top: 110%; right: 0; z-index: 1000;">';
	selectHtml += '<ul class="vector-menu-content-list" style="margin: 0; padding: 0; list-style: none;">';		selectHtml += '<ul class="vector-menu-content-list" style="margin: 0; padding: 0; list-style: none;">';

			const names = { 'theme-stddark': 'Standard Dark', 'theme-nanotrasen': 'Nanotrasen TGUI', 'theme-syndicate': 'Syndicate TGUI', 'theme-plasmafire': 'Plasmafire', 'theme-clockcult': 'Clock Cult', 'theme-bloodcult': 'Blood Cult', 'theme-heretic': 'Heretic', 'theme-default': 'Standard Light' };
	Object.keys(themes).forEach(id => {		Object.keys(themes).forEach(id => {
	~~const isSelected = id === activeTheme ? 'font-weight: bold; color: var(--accent) !important;' : '';~~		selectHtml += `<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="${id}" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none;">${names[id]}</a></li>`;
	selectHtml += `<li style="margin: 4px 0;"><a href="#" class="tg-theme-item" data-theme="${id}" style="display: block; padding: 6px 8px; border-radius: 4px; text-decoration: none; ~~${isSelected}~~">${~~themes~~[id]~~.name~~}</a></li>`;
	});		});

	selectHtml += '</ul></div></div>';		selectHtml += '</ul></div></div>';

	const targets = [		const targets = [document.querySelector('.vector-user-links-main'), document.getElementById('p-personal-more'), document.getElementById('p-userlinks'), document.querySelector('.vector-user-links'), document.querySelector('.vector-header-end')];
	document.querySelector('.vector-user-links-main'),		for (let target of targets) { if (target) { $(target).before(selectHtml); break; } }
	document.getElementById('p-personal-more'),
	document.getElementById('p-userlinks'),
	document.querySelector('.vector-user-links'),
	document.querySelector('.vector-header-end')
	];

	for (let target of targets) {
	if (target) {
	$(target).before(selectHtml);
	break;
	}
	}
	}		}

	~~const checkExist = setInterval(function() {~~		injectSelector();
	~~const userLinks = document.querySelector('.vector-user-links, .vector-header-end');~~
	~~if (userLinks) {~~
	injectSelector();
	~~clearInterval(checkExist);~~
	}
	~~}, 100);~~
	});

	$(document).on('change', '#p-tg-theme-dropdown-checkbox', function() {		$(document).on('change', '#p-tg-theme-dropdown-checkbox', function() {
	~~const content =~~ $(this).siblings('.vector-dropdown-content');		$(this).siblings('.vector-dropdown-content').css('display', this.checked ? 'block' : 'none');
	~~if (this.checked) {~~		});
	~~content.css('display', 'block');~~
	~~} else {~~
	~~content~~.css('display', ~~'none');~~
	}
	~~});~~

	~~$(document).on('click', '.tg-theme-item', function (e) {~~
	~~e.preventDefault();~~
	~~const chosenTheme = $(~~this).~~data(~~'~~theme');~~

	~~const classes = ['theme-stddark', 'theme-nanotrasen', 'theme-syndicate', 'theme-plasmafire', 'theme-clockcult', 'theme-bloodcult', 'theme-heretic', 'theme-default'];~~
	~~classes.forEach(id => document.body.classList.remove(id));~~
	~~document.body.classList.remove('theme-active-dark');~~

	~~document.body.classList.add(chosenTheme);~~
	~~if (chosenTheme !== 'theme-default') {~~
	~~document.body.classList.add('theme-active-dark');~~
	}
	~~localStorage.setItem('mw-tg-theme', chosenTheme);~~

	~~const logos = {~~
	~~'theme-nanotrasen~~': '~~/images/5/58/Nanotrasen-logo.png',~~
	~~'theme-syndicate': '/images/c/ce/Syndicate-logo.png',~~
	};
	~~const logoImg = document.querySelector('.mw-wiki-logo, .vector-header-container .mw-logo-img, .vector-logo-img~~');
	~~if (logoImg) {~~
	~~if (logoImg.tagName === 'IMG') { logoImg.src = logos[chosenTheme]; }~~
	~~else { logoImg.style.backgroundImage = `url(${logos[chosenTheme]~~})`; }
	}

	$('.tg-theme-item').~~css~~(~~{'font-weight': 'normal', 'color': ''}~~);		$(document).on('click', '.tg-theme-item', function (e) {
	$(this).~~css~~({'~~font-weight': 'bold', 'color':~~ '~~var(--accent~~)'});		e.preventDefault();
	$('#p-tg-theme-dropdown-checkbox').prop('checked', false).trigger('change');		applyTheme($(this).data('theme'));
			$('#p-tg-theme-dropdown-checkbox').prop('checked', false).trigger('change');
			});
	});		});

Glamyr: Отмена версии 8858, сделанной Glamyr (обсуждение)

2026-06-13T15:47:20Z

Отмена версии 8858, сделанной Glamyr (обсуждение)

Внесённые изменения