Widget:Droflax
Ir para navegação
Ir para pesquisar
<script>
(function () {
function onReady(fn) {
if (document.readyState !== 'loading') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
onReady(function () {
const langs = ['pt', 'en', 'es', 'pl'];
const langFlags = {
pt: 'https://upload.wikimedia.org/wikipedia/en/0/05/Flag_of_Brazil.svg',
en: 'https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg',
es: 'https://upload.wikimedia.org/wikipedia/en/9/9a/Flag_of_Spain.svg',
pl: 'https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg'
};
var currentTitle = (window.mw && mw.config && mw.config.get('wgPageName')) || ;
if (!currentTitle) {
currentTitle = decodeURIComponent(window.location.pathname.split('/').pop());
}
const langRegex = /\/(pt|en|es|pl)$/;
const currentLangMatch = currentTitle.match(langRegex);
const currentLang = currentLangMatch ? currentLangMatch[1] : 'pt';
const baseTitle = currentTitle.replace(langRegex, );
const preferedLang = localStorage.getItem('preferedLang');
const alreadyInLang = currentLang === preferedLang;
const redirected = sessionStorage.getItem('langRedirectDone');
if (preferedLang && !alreadyInLang && !redirected) {
const targetTitle = baseTitle + (preferedLang === 'pt' ? : '/' + preferedLang);
const baseUrl = (window.mw && mw.util && mw.util.getUrl) ? mw.util.getUrl(targetTitle) : '/index.php/' + encodeURIComponent(targetTitle);
fetch(baseUrl, { method: 'HEAD' }).then(response => {
sessionStorage.setItem('langRedirectDone', '1');
if (response.ok) {
window.location.href = baseUrl;
} else {
// Fallback a página base si no existe traducción
const fallbackUrl = (window.mw && mw.util && mw.util.getUrl)
? mw.util.getUrl(baseTitle)
: '/index.php/' + encodeURIComponent(baseTitle);
window.location.href = fallbackUrl;
}
}).catch(() => {
// Fallback por error de red
const fallbackUrl = (window.mw && mw.util && mw.util.getUrl)
? mw.util.getUrl(baseTitle)
: '/index.php/' + encodeURIComponent(baseTitle);
window.location.href = fallbackUrl;
});
return;
}
var container = document.createElement('div');
container.className = 'language-buttons';
container.style.position = 'absolute';
container.style.top = '1px';
container.style.right = '438px';
container.style.display = 'flex';
container.style.gap = '8px';
container.style.padding = '6px 10px';
container.style.borderRadius = '8px';
container.style.zIndex = '999';
// botoes pra cada idioma
langs.forEach(function (lang) {
var pageTitle = baseTitle + (lang === 'pt' ? : '/' + lang);
var fullUrl = (window.mw && mw.util && mw.util.getUrl) ? mw.util.getUrl(pageTitle) : '/index.php/' + encodeURIComponent(pageTitle);
var link = document.createElement('a');
link.href = '#';
link.title = lang.toUpperCase();
link.addEventListener('click', function (e) {
e.preventDefault();
fetch(fullUrl, { method: 'HEAD' }).then(response => {
if (response.ok) {
localStorage.setItem('preferedLang', lang);
sessionStorage.setItem('langRedirectDone', '1');
window.location.href = fullUrl;
} else {
sessionStorage.setItem('langRedirectDone', '1');
const langNames = {
es: 'Español',
en: 'English',
pl: 'Polski',
pt: 'Português'
};
const msgTranslations = {
es: 'La versión en {lang} no está disponible.',
en: 'The {lang} version is not available.',
pl: 'Wersja w języku {lang} jest niedostępna.',
pt: 'A versão em {lang} não é disponível.'
};
if (lang !== 'pt') {
const langNames = { es: 'Español', en: 'Inglés', pl: 'Polaco' };
const msg = document.createElement('div');
const userLang = (navigator.language || 'en').substring(0, 2);
const messageTemplate = msgTranslations[userLang] || msgTranslations['en'];
const langLabel = langNames[lang] || lang;
msg.textContent = messageTemplate.replace('{lang}', langLabel);
msg.style.position = 'fixed';
msg.style.top = '20px';
msg.style.left = '50%';
msg.style.transform = 'translateX(-50%)';
msg.style.background = '#ffdddd';
msg.style.color = '#a00';
msg.style.padding = '12px 24px';
msg.style.border = '1px solid #a00';
msg.style.borderRadius = '8px';
msg.style.fontSize = '16px';
msg.style.zIndex = '1000';
msg.style.boxShadow = '0 0 6px rgba(0,0,0,0.2)';
msg.style.opacity = '0';
msg.style.transition = 'opacity 0.3s ease';
document.body.appendChild(msg);
setTimeout(() => { msg.style.opacity = '1'; }, 10); // Fade in
setTimeout(() => {
msg.style.opacity = '0'; // Fade out
setTimeout(() => {
msg.remove();
const fallbackUrl = (window.mw && mw.util && mw.util.getUrl)
? mw.util.getUrl(baseTitle)
: '/index.php/' + encodeURIComponent(baseTitle);
window.location.href = fallbackUrl;
}, 500);
}, 3000);
} else {
const fallbackUrl = (window.mw && mw.util && mw.util.getUrl)
? mw.util.getUrl(baseTitle)
: '/index.php/' + encodeURIComponent(baseTitle);
window.location.href = fallbackUrl;
}
}
}).catch(() => {
const fallbackUrl = (window.mw && mw.util && mw.util.getUrl)
? mw.util.getUrl(baseTitle)
: '/index.php/' + encodeURIComponent(baseTitle);
sessionStorage.setItem('langRedirectDone', '1');
window.location.href = fallbackUrl;
});
});
var img = document.createElement('img');
img.src = langFlags[lang];
img.style.width = '32px';
img.style.height = '24px';
img.style.borderRadius = '6px';
img.style.border = (lang === currentLang) ? '2px solid #333' : '1px solid #ccc';
img.style.transition = 'transform 0.2s ease';
img.style.objectFit = 'cover';
img.style.cursor = 'pointer';
img.addEventListener('mouseenter', function () {
img.style.transform = 'scale(1.1)';
img.style.borderColor = '#888';
});
img.addEventListener('mouseleave', function () {
img.style.transform = 'scale(1)';
img.style.borderColor = (lang === currentLang) ? '#333' : '#ccc';
});
link.appendChild(img);
container.appendChild(link);
});
document.body.appendChild(container); }); })();
</script>