Mudanças entre as edições de "Widget:TesteBossYawnv2"

De Wiki Gla
Ir para navegação Ir para pesquisar
(Criou página com ' <tabber class="boss-diff"> <button onclick="bossSetDiff(this,'normal')">NORMAL</button> <button onclick="bossSetDiff(this,'elite')">ELITE</button> <button onclick="boss...')
 
Linha 28: Linha 28:
     }
     }
     return null;
     return null;
  }
  async function loadSkills(moduleName) {
    const moduleStr = String(moduleName || "");
    if (!moduleStr) return "";
   
    const apiUrl = `https://wiki.gla.com.br/api.php?action=expandtemplates&text={{BossSkills|module=${encodeURIComponent(moduleStr)}|lang=pt}}&format=json&origin=*`;
   
    try {
        const response = await fetch(apiUrl);
        const data = await response.json();
        console.log("Dados recebidos:", data);
       
        if (data && data.expandtemplates && data.expandtemplates['*']) {
            let html = data.expandtemplates['*'];
            html = html.replace(/START_WIDGET[a-f0-9]+-?\d*END_WIDGET/g, '');
            console.log("HTML processado:", html.substring(0, 200));
            return html;
        }
        return "";
    } catch(e) {
        console.error('Erro ao carregar skills:', e);
        return '';
    }
   }
   }


Linha 103: Linha 79:
     }
     }
     html += `</ul>`;
     html += `</ul>`;
    // Skills via API
    const skillModule = `Boss.${data.nome}`;
    console.log("Conectando com ", skillModule);
    const skillsHTML = await loadSkills(skillModule);
    console.log("skillsHTML recebido:", skillsHTML ? skillsHTML.substring(0, 100) : "vazio");
    if (skillsHTML) {
      html += skillsHTML;
    }


     content.innerHTML = html;
     content.innerHTML = html;

Edição das 17h02min de 9 de abril de 2026

"bossSetDiff(this,'normal')">NORMAL</button> 

 <button onclick="bossSetDiff(this,'elite')">ELITE</button>
 <button onclick="bossSetDiff(this,'hard')">HARD</button>

<script> (function() { 

 async function getImageUrlFromWiki(imageName) {
   const apiUrl = `https://wiki.gla.com.br/api.php?action=query&titles=${encodeURIComponent(imageName)}&prop=imageinfo&iiprop=url&format=json&origin=*`;
   
   try {
       const response = await fetch(apiUrl);
       const data = await response.json();
       const pages = data.query.pages;
       const page = Object.values(pages)[0];
       
       if (page.imageinfo && page.imageinfo[0]) {
           return page.imageinfo[0].url;
       }
   } catch(e) {
       console.error('Erro ao buscar imagem:', e);
   }
   return null;
 }

 async function bossRender(root, diff) {
   const data = JSON.parse(root.dataset.json);
   const d = data[diff];
   const content = root.querySelector(".boss-content");

   let html = "";

   // Nome do boss
   if (data.nome) {
     console.log("Nome achado");

html += `

${data.nome}

`; 

   }

   // Introdução
   if (data.introducao) {

html += `

${data.introducao}

`; 

   }

   // Localização
   if (data.localizacao && data.localizacao.caminho) {

html += `

Localizaçãoooo

`; html += `

${data.localizacao.descricao}

`; 

     const imageName = data.localizacao.caminho;
     const imageUrl = await getImageUrlFromWiki(imageName);
     
     if (imageUrl) {

html += `

                   <img src="${imageUrl}" style="max-width: 100%;">

Caminho para o boss

`; 

     }
   }

   // Requisitos

html += `

Requisitos

    `; 
       console.log("Requisitos antes");
   if (d.requisitos && d.requisitos.length) {
    d.requisitos.forEach(r => html += `
  • ${r}
    • `); } html += `

`; 

   console.log("Requisitos depois");

   // Recompensas

html += `

Recompensas

    `; 
       if (d.recompensas && d.recompensas.length) {
    d.recompensas.forEach(r => html += `
  • ${r}
    • `); } html += `

`; 

   content.innerHTML = html;
 }

 function init() {
   document.querySelectorAll(".boss-component").forEach(root => {
     if (root.dataset.rendered === 'true') return;
     root.dataset.rendered = 'true';
     bossRender(root, "normal");
   });
 }

 window.bossSetDiff = function(el, diff) {
   const root = el.closest(".boss-component");
   bossRender(root, diff);
 };

 if (document.readyState === 'loading') {
   document.addEventListener('DOMContentLoaded', init);
 } else {
   init();
 }

 if (typeof mw !== 'undefined' && mw.hook) {
   mw.hook('wikipage.content').add(init);
 }

})(); </script>

<style> .boss-component .box { ... } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:TesteBossYawnv2&oldid=45795”