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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
Linha 3: Linha 3:
     <button class="boss-diff-btn" data-diff="elite">ELITE</button>
     <button class="boss-diff-btn" data-diff="elite">ELITE</button>
     <button class="boss-diff-btn" data-diff="hard">HARD</button>
     <button class="boss-diff-btn" data-diff="hard">HARD</button>
    <h2>Teste</h2>
</div>
</div>


Linha 8: Linha 9:


<script>
<script>
console.log("Widget carregado - versão simples");
(function() {
    function escapeHtml(str) {
        if (!str) return '';
        return str.replace(/[&<>]/g, function(m) {
            if (m === '&') return '&amp;';
            if (m === '<') return '&lt;';
            if (m === '>') return '&gt;';
            return m;
        });
    }
 
    async function bossRender(root, diff) {
        const data = JSON.parse(root.dataset.json);
        const d = data[diff];
        const content = root.querySelector(".boss-content");
       
        if (!content) return;
       
        let html = '';


function bossRender(root, diff) {
        // Nome do boss
    console.log("bossRender chamado para:", diff);
        if (data.nome) {
   
            html += `<h2>${escapeHtml(data.nome)}</h2>`;
    let data;
        }
    try {
 
         data = JSON.parse(root.dataset.json);
        // Introdução
         console.log("JSON parseado:", data);
        if (data.introducao) {
         console.log("Keys do objeto:", Object.keys(data));
            html += `<p><em>${escapeHtml(data.introducao)}</em></p>`;
    } catch(e) {
        }
        console.error("Erro no JSON:", e);
 
         console.log("JSON bruto:", root.dataset.json);
        // Localização
         return;
         if (data.localizacao) {
            html += `<h3>Localização</h3>`;
            html += `<p>${escapeHtml(data.localizacao.descricao)}</p>`;
         }
 
        // Requisitos
        html += `<h3>Requisitos</h3><ul>`;
        if (d.requisitos && d.requisitos.length) {
            d.requisitos.forEach(r => html += `<li>${escapeHtml(r)}</li>`);
         } else {
            html += `<li>Nenhum requisito</li>`;
        }
        html += `</ul>`;
 
        // Recompensas Garantidas
        html += `<h3>Recompensas Garantidas</h3><ul>`;
        if (d.recompensas && d.recompensas.length) {
            d.recompensas.forEach(r => html += `<li>${escapeHtml(r)}</li>`);
        } else {
            html += `<li>Nenhuma recompensa garantida</li>`;
        }
        html += `</ul>`;
 
        // Possíveis Recompensas
        html += `<h3>Possíveis Recompensas</h3><ul>`;
        if (d.recompensasPossiveis && d.recompensasPossiveis.length) {
            d.recompensasPossiveis.forEach(r => html += `<li>${escapeHtml(r)}</li>`);
         } else {
            html += `<li>Nenhuma recompensa possível</li>`;
        }
        html += `</ul>`;
 
        content.innerHTML = html;
       
        // Atualiza botão ativo
        root.querySelectorAll('.boss-diff-btn').forEach(btn => {
            const diffBtn = btn.dataset.diff;
            if (diffBtn === diff) {
                btn.classList.add('active');
            } else {
                btn.classList.remove('active');
            }
         });
     }
     }
   
 
    const d = data[diff];
     function init() {
     console.log("Dificuldade selecionada:", diff);
        document.querySelectorAll('.boss-component').forEach(root => {
    console.log("Conteúdo da dificuldade:", d);
            if (root.dataset.initialized === 'true') return;
   
            root.dataset.initialized = 'true';
    const content = root.querySelector(".boss-content");
              
    if (!content) return;
            // Adiciona event listeners nos botões
   
             const buttons = root.querySelectorAll('.boss-diff-btn');
    if (!d) {
             buttons.forEach(btn => {
        content.innerHTML = `<div style="color:red; padding:20px;">
                btn.removeEventListener('click', handleClick);
             <h3>Erro: Dificuldade "${diff}" não encontrada</h3>
                btn.addEventListener('click', handleClick);
             <p>Keys disponíveis: ${Object.keys(data).join(', ')}</p>
            });
             <p>JSON completo: <pre>${JSON.stringify(data, null, 2)}</pre></p>
           
        </div>`;
            // Renderiza dificuldade normal
         return;
            bossRender(root, 'normal');
         });
     }
     }
      
 
    let html = `<h2>${data.nome || 'Sem nome'}</h2>`;
     function handleClick(e) {
    html += `<h3>Requisitos</h3><ul>`;
        const btn = e.currentTarget;
    if (d.requisitos) {
        const root = btn.closest('.boss-component');
        d.requisitos.forEach(r => html += `<li>${r}</li>`);
        const diff = btn.dataset.diff;
        if (root && diff) {
            bossRender(root, diff);
        }
     }
     }
    html += `</ul>`;
   
    content.innerHTML = html;
}


function init() {
     if (document.readyState === 'loading') {
     console.log("init chamado, procurando .boss-component...");
         document.addEventListener('DOMContentLoaded', init);
    const components = document.querySelectorAll('.boss-component');
    } else {
    console.log("Encontrados:", components.length);
         init();
   
     }
    components.forEach(root => {
        console.log("Inicializando componente:", root);
        if (root.dataset.initialized === 'true') return;
         root.dataset.initialized = 'true';
       
        const buttons = root.querySelectorAll('.boss-diff-btn');
        buttons.forEach(btn => {
            btn.onclick = function() {
                bossRender(root, this.dataset.diff);
            };
         });
       
        bossRender(root, 'normal');
     });
}


if (document.readyState === 'loading') {
    if (typeof mw !== 'undefined' && mw.hook) {
    document.addEventListener('DOMContentLoaded', init);
        mw.hook('wikipage.content').add(init);
} else {
    }
    init();
})();
}
</script>
</script>

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

   <button class="boss-diff-btn active" data-diff="normal">NORMAL</button>
   <button class="boss-diff-btn" data-diff="elite">ELITE</button>
   <button class="boss-diff-btn" data-diff="hard">HARD</button>

Teste

<script> (function() { 

   function escapeHtml(str) {
       if (!str) return ;
       return str.replace(/[&<>]/g, function(m) {
           if (m === '&') return '&';
           if (m === '<') return '<';
           if (m === '>') return '>';
           return m;
       });
   }

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

       // Nome do boss
       if (data.nome) {

html += `

${escapeHtml(data.nome)}

`; 

       }

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

html += `

${escapeHtml(data.introducao)}

`; 

       }

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

html += `

Localização

`; html += `

${escapeHtml(data.localizacao.descricao)}

`; 

       }

       // Requisitos

html += `

Requisitos

    `; 
           if (d.requisitos && d.requisitos.length) {
    d.requisitos.forEach(r => html += `
  • ${escapeHtml(r)}
    • `); } else { html += `
  • Nenhum requisito
    • `; } html += `

`; 

       // Recompensas Garantidas

html += `

Recompensas Garantidas

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

`; 

       // Possíveis Recompensas

html += `

Possíveis Recompensas

    `; 
           if (d.recompensasPossiveis && d.recompensasPossiveis.length) {
    d.recompensasPossiveis.forEach(r => html += `
  • ${escapeHtml(r)}
    • `); } else { html += `
  • Nenhuma recompensa possível
    • `; } html += `

`; 

       content.innerHTML = html;
       
       // Atualiza botão ativo
       root.querySelectorAll('.boss-diff-btn').forEach(btn => {
           const diffBtn = btn.dataset.diff;
           if (diffBtn === diff) {
               btn.classList.add('active');
           } else {
               btn.classList.remove('active');
           }
       });
   }

   function init() {
       document.querySelectorAll('.boss-component').forEach(root => {
           if (root.dataset.initialized === 'true') return;
           root.dataset.initialized = 'true';
           
           // Adiciona event listeners nos botões
           const buttons = root.querySelectorAll('.boss-diff-btn');
           buttons.forEach(btn => {
               btn.removeEventListener('click', handleClick);
               btn.addEventListener('click', handleClick);
           });
           
           // Renderiza dificuldade normal
           bossRender(root, 'normal');
       });
   }

   function handleClick(e) {
       const btn = e.currentTarget;
       const root = btn.closest('.boss-component');
       const diff = btn.dataset.diff;
       if (root && diff) {
           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>

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