darnytsa_hero

MediaWiki:Common.js: відмінності між версіями

← Попереднє редагуванняНаступне редагування →
Немає опису редагування
Немає опису редагування
Рядок 1: Рядок 1:
$(function () {
$(function () {
    // =======================
     // Теми
     // Теми
    // =======================
     var themes = {
     var themes = {
         light: '/w/index.php?title=MediaWiki:Light.css&action=raw&ctype=text/css',
         light: '/w/index.php?title=MediaWiki:Light.css&action=raw&ctype=text/css',
Рядок 12: Рядок 10:
         theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
         theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }
     }
     if (themes[theme]) {
     if (themes[theme]) mw.loader.load(themes[theme], 'text/css');
        mw.loader.load(themes[theme], 'text/css');
    }


    // =======================
    // Функція створення кнопки
    // =======================
     function createButton(text, bottom, onClick, title) {
     function createButton(text, bottom, onClick, title) {
         var $btn = $('<button>').text(text).attr('title', title).css({
         var $btn = $('<button>').text(text).attr('title', title).css({
Рядок 41: Рядок 34:
     }
     }


    // =======================
     // Кнопка Темна/Світла тема
     // Кнопка Темна/Світла тема
    // =======================
     var $themeBtn = createButton(
     var $themeBtn = createButton(
         theme === 'dark' ? 'Світла тема ☀️' : 'Темна тема 🌙',
         theme === 'dark' ? 'Світла тема ☀️' : 'Темна тема 🌙',
Рядок 55: Рядок 46:
     );
     );


    // =======================
     // Кнопка доступності
     // Кнопка Доступність (тільки на темній темі)
     var accessClass = theme === 'dark' ? 'accessibility-mode-dark' : 'accessibility-mode-light';
     // =======================
     var storageKey = theme === 'dark' ? 'accessibilityModeDark' : 'accessibilityModeLight';
     if (theme === 'dark') {
 
        var $accessBtn = createButton(
    var $accessBtn = createButton(
            'Доступність ♿',
        'Доступність ♿',
            70,
        70,
            function () {
        function () {
                if (!$('body').hasClass('accessibility-mode-dark')) {
            if (!$('body').hasClass(accessClass)) {
                    $('body').addClass('accessibility-mode-dark');
                $('body').addClass(accessClass);
                    localStorage.setItem('accessibilityModeDark', 'on');
                localStorage.setItem(storageKey, 'on');
                } else {
            } else {
                    $('body').removeClass('accessibility-mode-dark');
                $('body').removeClass(accessClass);
                    localStorage.setItem('accessibilityModeDark', 'off');
                localStorage.setItem(storageKey, 'off');
                }
            }
            },
        },
            'Увімкнути режим доступності'
        'Увімкнути режим доступності'
        );
    );


        if (localStorage.getItem('accessibilityModeDark') === 'on') {
    if (localStorage.getItem(storageKey) === 'on') $('body').addClass(accessClass);
            $('body').addClass('accessibility-mode-dark');
        }
    }


    // =======================
     // Лупа
     // Лупа + / -
    // =======================
     var fontSize = parseInt($('body').css('font-size'), 10);
     var fontSize = parseInt($('body').css('font-size'), 10);


Рядок 97: Рядок 83:
     }, 'Зменшити шрифт');
     }, 'Зменшити шрифт');


    // Встановлюємо збережений розмір шрифту
     if (localStorage.getItem('fontSize')) {
     if (localStorage.getItem('fontSize')) {
         fontSize = parseInt(localStorage.getItem('fontSize'), 10);
         fontSize = parseInt(localStorage.getItem('fontSize'), 10);
Отримано з https://darnytsa.hero.kyivcity.gov.ua/w/index.php/MediaWiki:Common.js