darnytsa_hero

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

← Попереднє редагуванняНаступне редагування →
мНемає опису редагування
мНемає опису редагування
Рядок 19: Рядок 19:
     }
     }


     function createButton(text, bottom, onClick, title) {
    // Розмір шрифту
         var $btn = $('<button>').text(text).attr('title', title).css({
    var fontSize = parseInt(localStorage.getItem('fontSize')) || parseInt($('body').css('font-size')) || 16;
            position: 'fixed',
 
            bottom: bottom + 'px',
    function applyFontSize() {
            right: '10px',
        var content = document.querySelector('.mw-parser-output');
            padding: '10px 16px',
        if (content) {
            border: 'none',
            content.style.fontSize = fontSize + 'px';
            borderRadius: '25px',
        }
            background: '#1a73e8',
    }
            color: '#ffffff',
 
            fontWeight: 'bold',
    // Масив для збереження позицій кнопок
            fontSize: '14px',
    var buttonCount = 0;
            cursor: 'pointer',
 
            zIndex: 9999,
    // Функція створення кнопки праворуч з автоматичним вертикальним розташуванням
            textAlign: 'center',
     function createButtonRight(text, onClick, title) {
            boxShadow: '0 2px 6px rgba(0,0,0,0.3)',
         var btn = document.createElement('button');
            whiteSpace: 'nowrap'
        btn.innerText = text;
         }).click(onClick);
        btn.title = title;
         $('body').append($btn);
        btn.style.position = 'fixed';
         return $btn;
        btn.style.right = '10px';
        btn.style.bottom = (10 + buttonCount * 60) + 'px'; // вертикальний відступ між кнопками
        btn.style.padding = '10px 16px';
        btn.style.border = 'none';
        btn.style.borderRadius = '25px';
        btn.style.background = '#1a73e8';
        btn.style.color = '#fff';
        btn.style.fontWeight = 'bold';
        btn.style.fontSize = '14px';
        btn.style.cursor = 'pointer';
        btn.style.zIndex = 9999;
        btn.style.textAlign = 'center';
        btn.style.boxShadow = '0 2px 6px rgba(0,0,0,0.3)';
        btn.style.whiteSpace = 'nowrap';
 
         btn.onclick = onClick;
         document.body.appendChild(btn);
 
        buttonCount++; // збільшуємо лічильник кнопок для наступного bottom
         return btn;
     }
     }


     // Кнопка Темна/Світла тема
     // Кнопка Темна/Світла тема
     var $themeBtn = createButton(
     createButtonRight(
         theme === 'dark' ? 'Світла тема ☀️' : 'Темна тема 🌙',
         theme === 'dark' ? 'Світла тема ☀️' : 'Темна тема 🌙',
        10,
         function () {
         function () {
             var newTheme = theme === 'dark' ? 'light' : 'dark';
             var newTheme = theme === 'dark' ? 'light' : 'dark';
Рядок 52: Рядок 70:
         'Змінити тему'
         'Змінити тему'
     );
     );
    // Змінна для зберігання розміру шрифту
    var fontSize = parseInt(localStorage.getItem('fontSize')) || parseInt($('body').css('font-size')) || 16;
   
    // Функція для застосування розміру шрифту
    function applyFontSize() {
        $('body').css('font-size', fontSize + 'px');
    }


     // Кнопка доступності
     // Кнопка доступності
     var $accessBtn = createButton(
     createButtonRight(
         localStorage.getItem('accessibilityMode') === 'on' ? 'Доступність ON' : 'Доступність OFF',
         localStorage.getItem('accessibilityMode') === 'on' ? 'Доступність УВІМК.' : 'Доступність ВИМК.',
        70,
         function () {
         function () {
             if (!$('body').hasClass('accessibility-mode')) {
             if (!$('body').hasClass('accessibility-mode')) {
                 $('body').addClass('accessibility-mode');
                 $('body').addClass('accessibility-mode');
                 localStorage.setItem('accessibilityMode', 'on');
                 localStorage.setItem('accessibilityMode', 'on');
                $accessBtn.css('background', '#ff6600');
                $accessBtn.text('Доступність ON');
             } else {
             } else {
                 $('body').removeClass('accessibility-mode');
                 $('body').removeClass('accessibility-mode');
                 localStorage.setItem('accessibilityMode', 'off');
                 localStorage.setItem('accessibilityMode', 'off');
                $accessBtn.css('background', '#1a73e8');
                $accessBtn.text('Доступність OFF');
             }
             }
         },
         },
Рядок 81: Рядок 86:
     );
     );


     // Відновлення стану доступності
     // Кнопки лупи
     if (localStorage.getItem('accessibilityMode') === 'on') {
     createButtonRight('🔍 +', function () {
         $('body').addClass('accessibility-mode');
         fontSize += 2;
         $accessBtn.css('background', '#ff6600');
         if (fontSize > 30) fontSize = 30;
         $accessBtn.text('Доступність ON');
         localStorage.setItem('fontSize', fontSize);
    }
        applyFontSize();
 
     }, 'Збільшити шрифт');
// Получаем сохранённый размер шрифта или ставим 16px по умолчанию
var fontSize = parseInt(localStorage.getItem('fontSize')) || 16;
 
// Функция применения размера шрифта ко всему контенту
function applyFontSize() {
     var content = document.querySelector('.mw-parser-output');
    if (content) {
        content.style.fontSize = fontSize + 'px';
    }
}


// Создание кнопки
    createButtonRight('🔍 -', function () {
function createButton(text, left, onClick, title) {
        fontSize -= 2;
    var btn = document.createElement('button');
        if (fontSize < 12) fontSize = 12;
    btn.innerText = text;
        localStorage.setItem('fontSize', fontSize);
    btn.style.position = 'fixed';
        applyFontSize();
    btn.style.top = '10px';
     }, 'Зменшити шрифт');
     btn.style.left = left + 'px';
    btn.style.zIndex = 1000;
    btn.title = title;
    btn.onclick = onClick;
    document.body.appendChild(btn);
}


// Лупи
    // Застосовуємо шрифт при завантаженні
createButton('🔍 +', 130, function () {
    fontSize += 2;
    if (fontSize > 30) fontSize = 30;
    localStorage.setItem('fontSize', fontSize);
     applyFontSize();
     applyFontSize();
}, 'Збільшити шрифт');
createButton('🔍 -', 200, function () {
    fontSize -= 2;
    if (fontSize < 12) fontSize = 12;
    localStorage.setItem('fontSize', fontSize);
    applyFontSize();
}, 'Зменшити шрифт');
// Примінити розмір при загрузці
applyFontSize();


    // Відновлення стану доступності при завантаженні
    if (localStorage.getItem('accessibilityMode') === 'on') {
        $('body').addClass('accessibility-mode');
    }
});


    // Застосовуємо розмір шрифту
    applyFontSize();
});


// =========================
// =========================
Отримано з https://darnytsa.hero.kyivcity.gov.ua/w/index.php/MediaWiki:Common.js