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

Материал из Ascaron Online
Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 16: Строка 16:
     var userLang = supportedLanguages.includes(lang) ? lang : 'en';
     var userLang = supportedLanguages.includes(lang) ? lang : 'en';


    // Функция, которая заменяет языковые блоки на нужный текст
     function processLangBlocks(container) {
     function processLangBlocks(container) {
         container.innerHTML = container.innerHTML.replace(
         container.innerHTML = container.innerHTML.replace(
             /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
             /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
             function(match, ruText, enText) {
             function(match, ruText, enText) {
                 return '<span class="lang-processed" style="display: inline-block; width: 100%; min-height: 1em; background-color: #e0e0e0; border-radius: 4px; animation: pulse 1.2s infinite ease-in-out; color: transparent; overflow: hidden;">' +
                 return userLang === 'ru' ? ruText.trim() : enText.trim();
                    (userLang === 'ru' ? ruText.trim() : enText.trim()) +
                '</span>';
             }
             }
         );
         );
     }
     }


     // Эффект скелетона: обернём все языковые блоки в placeholder до обработки
     // Функция для добавления скелетонов
     document.querySelectorAll('body').forEach(function (el) {
     function addSkeletonEffect(container) {
         el.innerHTML = el.innerHTML.replace(
         container.innerHTML = container.innerHTML.replace(
             /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
             /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
             function () {
             function () {
Строка 35: Строка 34:
             }
             }
         );
         );
     });
     }
 
    // Добавляем скелетоны перед загрузкой контента
    addSkeletonEffect(document.body);


     // После небольшой задержки (или сразу после загрузки), показываем нужный язык
     // После полной загрузки страницы (или с небольшой задержкой) показываем нужный текст
     window.addEventListener('DOMContentLoaded', function () {
     window.addEventListener('DOMContentLoaded', function () {
         setTimeout(function () {
         setTimeout(function () {
             processLangBlocks(document.body);
             processLangBlocks(document.body);
         }, 100); // можно увеличить для наглядного эффекта
         }, 300); // Можно увеличить задержку, если хочешь визуализировать эффект
     });
     });
});
});

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

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

    // Поддерживаемые языки
    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();
            }
        );
    }

    // Функция для добавления скелетонов
    function addSkeletonEffect(container) {
        container.innerHTML = container.innerHTML.replace(
            /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
            function () {
                return '<span class="lang-placeholder" style="display: inline-block; width: 100%; min-height: 1em; background-color: #e0e0e0; border-radius: 4px; animation: pulse 1.2s infinite ease-in-out; color: transparent; overflow: hidden;">&nbsp;</span>';
            }
        );
    }

    // Добавляем скелетоны перед загрузкой контента
    addSkeletonEffect(document.body);

    // После полной загрузки страницы (или с небольшой задержкой) показываем нужный текст
    window.addEventListener('DOMContentLoaded', function () {
        setTimeout(function () {
            processLangBlocks(document.body);
        }, 300); // Можно увеличить задержку, если хочешь визуализировать эффект
    });
});