MediaWiki:Common:js: различия между версиями

Страница интерфейса MediaWiki
мНет описания правки
мНет описания правки
 
Строка 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);
    });
});
});

Текущая версия от 13:51, 1 апреля 2025

// Объявляем функцию глобально window.toggleTheme = function() {

   document.body.classList.toggle('dark-theme');
   localStorage.setItem('theme', document.body.classList.contains('dark-theme') ? 'dark' : 'light');

};

// Загрузка сохраненной темы document.addEventListener('DOMContentLoaded', function() {

   const theme = localStorage.getItem('theme');
   if (theme === 'dark') document.body.classList.add('dark-theme');

});

// Добавляем кнопку через jQuery mw.loader.using('jquery').then(function() {

   $(function() {
       const button = $('<button>')
           .text('🌓 Тема')
           .css({
               position: 'fixed',
               bottom: '20px',
               right: '20px',
               zIndex: 1000,
               padding: '10px',
               cursor: 'pointer',
               background: '#fff',
               border: '1px solid #000'
           })
           .on('click', toggleTheme);
       $('body').append(button);
   });

});