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

Материал из Ascaron Online
Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
// После загрузки страницы, показываем скелетон на 2 секунды, затем скрываем
// Создаем элемент загрузки
window.addEventListener('load', function() {
var loadingDiv = document.createElement('div');
    // Ищем все элементы с классом .skeleton
loadingDiv.id = 'loading';
    const skeletonElements = document.querySelectorAll('.skeleton');
loadingDiv.style.position = 'fixed';
   
loadingDiv.style.top = '0';
    // После 2 секунд удаляем класс .skeleton, чтобы скрыть эффект
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.justifyContent = 'center';
loadingDiv.style.alignItems = 'center';
loadingDiv.style.fontSize = '24px';
loadingDiv.style.zIndex = '9999';
loadingDiv.innerText = 'Загрузка...';
 
// Добавляем элемент на страницу
document.body.appendChild(loadingDiv);
 
// Убираем эффект через 3 секунды
window.onload = function() {
     setTimeout(function() {
     setTimeout(function() {
         skeletonElements.forEach(function(element) {
         var loadingElement = document.getElementById('loading');
             element.classList.remove('skeleton');
        if (loadingElement) {
         });
             loadingElement.style.display = 'none';
     }, 2000); // 2000 миллисекунд = 2 секунды
         }
});
     }, 3000); // Задержка 3 секунды
};





Версия от 07:26, 5 апреля 2025

// Создаем элемент загрузки
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.justifyContent = 'center';
loadingDiv.style.alignItems = 'center';
loadingDiv.style.fontSize = '24px';
loadingDiv.style.zIndex = '9999';
loadingDiv.innerText = 'Загрузка...';

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

// Убираем эффект через 3 секунды
window.onload = function() {
    setTimeout(function() {
        var loadingElement = document.getElementById('loading');
        if (loadingElement) {
            loadingElement.style.display = 'none';
        }
    }, 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);
});