MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Admin (обсуждение | вклад) Нет описания правки Метка: отменено |
Admin (обсуждение | вклад) Нет описания правки Метка: отменено |
||
Строка 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 | return userLang === 'ru' ? ruText.trim() : enText.trim(); | ||
} | } | ||
); | ); | ||
} | } | ||
// | // Функция для добавления скелетонов | ||
function addSkeletonEffect(container) { | |||
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); | ||
}, | }, 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;"> </span>'; } ); } // Добавляем скелетоны перед загрузкой контента addSkeletonEffect(document.body); // После полной загрузки страницы (или с небольшой задержкой) показываем нужный текст window.addEventListener('DOMContentLoaded', function () { setTimeout(function () { processLangBlocks(document.body); }, 300); // Можно увеличить задержку, если хочешь визуализировать эффект }); });