MediaWiki:Gadget-theme.js: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки Метка: отменено |
Pok (обсуждение | вклад) мНет описания правки Метка: ручная отмена |
||
| Строка 1: | Строка 1: | ||
;(function($, mw){ | ;(function($, mw){ | ||
const COOKIE = 'ss14_wikiTheme'; | const COOKIE = 'ss14_wikiTheme'; | ||
Версия от 18:17, 19 мая 2025
;(function($, mw){
const COOKIE = 'ss14_wikiTheme';
function loadTheme() {
return $.cookie(COOKIE) || 'normal';
}
function saveTheme(theme) {
$.cookie(COOKIE, theme, { expires: 365, path: '/' });
}
function applyTheme(theme) {
const $body = $('body');
const themeClasses = ($body.attr('class') || '')
.split(/\s+/)
.filter(cls => cls.indexOf('wgl-theme-') === 0);
if (themeClasses.length) {
$body.removeClass(themeClasses.join(' '));
}
$body.addClass(`wgl-theme-${theme}`);
mw.hook('wgl.themeChanged').fire(theme);
}
function initThemeMenu($container, currentTheme) {
currentTheme = currentTheme || loadTheme();
const $portlet = $('<div>', {
class: 'mw-portlet mw-portlet-skin-client-prefs-skin-theme mw-portlet-js theme-menu',
id: 'skin-client-prefs-skin-theme'
});
$portlet.append(
$('<div>', { class: 'theme-menu__heading', text: 'Тема' }),
$('<div>', { class: 'theme-menu__content' })
);
const $form = $('<form>');
[
{ key: 'light', label: 'Светлая (beta)' },
{ key: 'normal', label: 'Стандартная' },
{ key: 'dark', label: 'Тёмная' },
{ key: 'ss14', label: 'Space Station 14' }
].forEach(opt => {
const $wr = $('<div>', { class: 'theme-client-prefs-radio' });
const $inp = $('<input>', {
type: 'radio',
name: 'theme-selection',
id: `theme-value-${opt.key}`,
value: opt.key,
checked: opt.key === currentTheme
});
const $lbl = $('<label>', {
for: `theme-value-${opt.key}`,
text: opt.label
});
$wr.append($inp, $lbl);
$form.append($wr);
});
$portlet.find('.theme-menu__content').append(
$('<ul>', { class: 'theme-menu__content-list' })
.append(
$('<li>', { class: 'mw-list-item mw-list-item-js' })
.append($form)
)
);
$container.append($portlet);
$form.on('change', 'input[name="theme-selection"]', function() {
const newTheme = $(this).val();
saveTheme(newTheme);
applyTheme(newTheme);
});
}
mw.themeUtils = { loadTheme, applyTheme, initThemeMenu };
}(jQuery, mediaWiki));