MediaWiki:Common.js

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

• Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
• Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
• Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5.

$(function () {
    // Теми
    var themes = {
        light: '/w/index.php?title=MediaWiki:Light.css&action=raw&ctype=text/css',
        dark: '/w/index.php?title=MediaWiki:Dark.css&action=raw&ctype=text/css'
    };

    var theme = localStorage.getItem('selectedTheme');
    if (!theme) {
        theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    }
    if (themes[theme]) mw.loader.load(themes[theme], 'text/css');

    function createButton(text, bottom, onClick, title) {
        var $btn = $('<button>').text(text).attr('title', title).css({
            position: 'fixed',
            bottom: bottom + 'px',
            right: '10px',
            padding: '10px 16px',
            border: 'none',
            borderRadius: '25px',
            background: '#1a73e8',
            color: '#ffffff',
            fontWeight: 'bold',
            fontSize: '14px',
            cursor: 'pointer',
            zIndex: 9999,
            textAlign: 'center',
            boxShadow: '0 2px 6px rgba(0,0,0,0.3)',
            whiteSpace: 'nowrap'
        }).click(onClick);
        $('body').append($btn);
        return $btn;
    }

    // Кнопка Темна/Світла тема
    var $themeBtn = createButton(
        theme === 'dark' ? 'Світла тема ☀️' : 'Темна тема 🌙',
        10,
        function () {
            var newTheme = theme === 'dark' ? 'light' : 'dark';
            localStorage.setItem('selectedTheme', newTheme);
            location.reload();
        },
        'Змінити тему'
    );

    // Змінна для зберігання розміру шрифту
    var fontSize = parseInt($('body').css('font-size'), 10) || 16;
    
    // Функція для застосування розміру шрифту
    function applyFontSize() {
        $('body').css('font-size', fontSize + 'px');
    }

    // Кнопка доступності
    var $accessBtn = createButton(
        'Доступність',
        70,
        function () {
            if (!$('body').hasClass('accessibility-mode')) {
                $('body').addClass('accessibility-mode');
                localStorage.setItem('accessibilityMode', 'on');
                $accessBtn.css('background', '#ff6600');
                $accessBtn.text('Доступність ON');
            } else {
                $('body').removeClass('accessibility-mode');
                localStorage.setItem('accessibilityMode', 'off');
                $accessBtn.css('background', '#1a73e8');
                $accessBtn.text('Доступність OFF');
            }
        },
        'Увімкнути/вимкнути режим доступності'
    );

    // Відновлення стану доступності
    if (localStorage.getItem('accessibilityMode') === 'on') {
        $('body').addClass('accessibility-mode');
        $accessBtn.css('background', '#ff6600');
        $accessBtn.text('Доступність ON');
    }

    // Лупа
    createButton('🔍 +', 130, function () {
        fontSize += 2;
        if (fontSize > 30) fontSize = 30;
        localStorage.setItem('fontSize', fontSize);
        applyFontSize();
    }, 'Збільшити шрифт');

    createButton('🔍 -', 170, function () {
        fontSize -= 2;
        if (fontSize < 12) fontSize = 12;
        localStorage.setItem('fontSize', fontSize);
        applyFontSize();
    }, 'Зменшити шрифт');

    // Відновлення розміру шрифту
    if (localStorage.getItem('fontSize')) {
        fontSize = parseInt(localStorage.getItem('fontSize'), 10);
    }
    applyFontSize();
});


// В MediaWiki:Common.js - блокируем переход по ссылкам
document.addEventListener('click', function(e) {
    var target = e.target;
    
    // Если кликнули на изображение или ссылку с изображением
    if (target.tagName === 'IMG' || 
        (target.tagName === 'A' && target.querySelector('img'))) {
        
        // Проверяем, ведет ли ссылка на файл изображения
        var href = target.href || (target.closest('a') ? target.closest('a').href : '');
        if (href && href.match(/\.(jpg|jpeg|png|gif|bmp|webp)$/i)) {
            e.preventDefault();
            e.stopPropagation();
            
            // Открываем в MediaViewer вместо перехода
            var fileTitle = target.getAttribute('data-file-title') || 
                           target.alt || 
                           target.title;
            
            if (fileTitle && window.mw && window.mw.mmv) {
                window.mw.mmv.viewer.openImage(fileTitle);
            }
        }
    }
}, true); // Используем capture phase для перехвата

// Блокировка правого клика и открытия в новой вкладке
document.addEventListener('contextmenu', function(e) {
    if (e.target.tagName === 'IMG') {
        e.preventDefault();
        return false;
    }
});

// Блокировка drag-and-drop изображений
document.addEventListener('dragstart', function(e) {
    if (e.target.tagName === 'IMG') {
        e.preventDefault();
        return false;
    }
});


// Перехватываем зум и открытие оригинального изображения
mw.hook('mmv.loaded').add(function(viewer) {
    
    // Сохраняем оригинальный метод
    var originalOpenImage = viewer.openImage;
    
    // Переопределяем метод открытия изображения
    viewer.openImage = function(title) {
        // Всегда открываем в MediaViewer, никогда не переходим по прямой ссылке
        return originalOpenImage.call(this, title);
    };
    
    // Отключаем функционал открытия оригинального изображения
    viewer.ui.$element.find('.mw-mmv-download-button').remove();
    viewer.ui.$element.find('.mw-mmv-reuse-button').remove();
    
    // Перехватываем зум
    var originalZoomIn = viewer.zoomIn;
    viewer.zoomIn = function() {
        // Ограничиваем максимальный зум
        if (this.getZoomLevel() < 3) {
            return originalZoomIn.call(this);
        }
    };
});

// Блокировка открытия в новой вкладке
window.addEventListener('beforeunload', function(e) {
    // Если пытаются уйти со страницы при открытом MediaViewer
    if (window.mw && window.mw.mmv && window.mw.mmv.viewer && 
        window.mw.mmv.viewer.isOpen) {
        
        // Для некоторых браузеров можно показать предупреждение
        return "Изображение открыто в просмотрщике. Закройте его перед выходом.";
    }
});