Widget:Droflax

<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 = 'fixed';
     container.style.top = '20px';
     container.style.right = '20px';
     container.style.display = 'flex';
     container.style.gap = '8px';
     container.style.background = '#ffffffcc';
     container.style.padding = '6px 10px';
     container.style.borderRadius = '8px';
     container.style.boxShadow = '0 0 6px rgba(0,0,0,0.2)';
     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');

             if (lang !== 'pt') {
               const langNames = { es: 'Español', en: 'Inglés', pl: 'Polaco' };
               const msg = document.createElement('div');
               msg.textContent = `La versión en ${langNames[lang]} no está disponible.`;
               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>