MediaWiki:Common.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

// Создаем элемент загрузки
var loadingDiv = document.createElement('div');
loadingDiv.id = 'loading';
loadingDiv.style.position = 'fixed';
loadingDiv.style.top = '0';
loadingDiv.style.left = '0';
loadingDiv.style.width = '100%';
loadingDiv.style.height = '100%';
loadingDiv.style.background = 'rgba(0, 0, 0, 0.5)';
loadingDiv.style.color = 'white';
loadingDiv.style.display = 'flex';
loadingDiv.style.flexDirection = 'column';
loadingDiv.style.justifyContent = 'center';
loadingDiv.style.alignItems = 'center';
loadingDiv.style.fontSize = '24px';
loadingDiv.style.zIndex = '9999';

// Добавляем текст "Загрузка..."
var loadingText = document.createElement('div');
loadingText.innerText = 'Загрузка...';
loadingDiv.appendChild(loadingText);

// Создаем шкалу прогресса
var progressBarContainer = document.createElement('div');
progressBarContainer.style.width = '80%';
progressBarContainer.style.height = '20px';
progressBarContainer.style.background = 'rgba(255, 255, 255, 0.2)';
progressBarContainer.style.borderRadius = '10px';
progressBarContainer.style.marginTop = '20px';

var progressBar = document.createElement('div');
progressBar.style.height = '100%';
progressBar.style.width = '0';
progressBar.style.background = 'limegreen';
progressBar.style.borderRadius = '10px';

progressBarContainer.appendChild(progressBar);
loadingDiv.appendChild(progressBarContainer);

// Добавляем элемент загрузки на страницу
document.body.appendChild(loadingDiv);

// Скрываем основной контент страницы
document.body.style.visibility = 'hidden';

// Функция для имитации прогресса загрузки
var progress = 0;
var interval = setInterval(function() {
    progress += 5;
    progressBar.style.width = progress + '%';

    // Когда прогресс достигает 100%, останавливаем интервал
    if (progress >= 100) {
        clearInterval(interval);
    }
}, 150); // Прогресс обновляется каждые 150 миллисекунд

// Убираем эффект загрузки через 3 секунды
window.onload = function() {
    setTimeout(function() {
        // Прячем элемент загрузки
        var loadingElement = document.getElementById('loading');
        if (loadingElement) {
            loadingElement.style.display = 'none';
        }

        // Показываем основной контент страницы
        document.body.style.visibility = 'visible';
    }, 3000); // Задержка 3 секунды
};




mw.loader.using('mediawiki.util').then(function () {
    // Не выполнять скрипт на странице редактирования
    if (location.href.includes('action=edit')) return;

    // Поддерживаемые языки (как в PHP $this->languages)
    var supportedLanguages = ['ru', 'en'];

    // Определяем язык из браузера (Accept-Language)
    var userLangRaw = navigator.languages && navigator.languages.length
        ? navigator.languages[0]
        : navigator.language || navigator.userLanguage || 'en';

    var lang = userLangRaw.slice(0, 2).toLowerCase();

    // Если язык не поддерживается — по умолчанию 'en'
    var userLang = supportedLanguages.includes(lang) ? lang : 'en';

    function processLangBlocks(container) {
        container.innerHTML = container.innerHTML.replace(
            /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
            function(match, ruText, enText) {
                return userLang === 'ru' ? ruText.trim() : enText.trim();
            }
        );
    }

    processLangBlocks(document.body);
});