Mudanças entre as edições de "Widget:Conquistas"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 1: | Linha 1: | ||
<includeonly> | <includeonly> | ||
<!-- | |||
Widget:Conquistas — depende de Widget:Item. | |||
Uso obrigatório na página da wiki: | |||
{{#widget:Item}} | |||
{{#widget:Conquistas}} | |||
{{#invoke:Conquistas|renderAll}} | |||
Widget:Item é quem traz a CSS dos ícones (.reward-wrapper, | |||
.item-wrapper, .item-count) e o JS do tooltip — mesmo padrão da | |||
Predefinição:Reward que faz {{#widget:Item}}{{#invoke:Reward|exibir}}. | |||
Sem ele, os rewards aparecem como wikitext cru e sem tooltip. | |||
--> | |||
<div class="gla-conquistas-root"> | <div class="gla-conquistas-root"> | ||
<div class="gla-conquistas-headerbox"> | <div class="gla-conquistas-headerbox"> | ||
| Linha 236: | Linha 249: | ||
var root = document.querySelector(".gla-conquistas-root"); | var root = document.querySelector(".gla-conquistas-root"); | ||
if (!root) return; | if (!root) return; | ||
// Aviso amigável se Widget:Item não foi incluído na página. | |||
// Sem ele, .reward-wrapper/.item-wrapper/.item-tooltip ficam sem CSS. | |||
if (!document.querySelector(".item-wrapper") === false) { | |||
// (presença ainda nem renderizou, deixamos passar — só checa no fim) | |||
} | |||
setTimeout(function () { | |||
var hasItemCss = false; | |||
var probe = document.querySelector(".item-wrapper"); | |||
if (probe) { | |||
var cs = window.getComputedStyle(probe); | |||
if (cs && cs.position === "relative") hasItemCss = true; | |||
} | |||
if (!hasItemCss && console && console.warn) { | |||
console.warn("[Widget:Conquistas] Widget:Item não detectado na página. " + | |||
"Adicione {{#widget:Item}} antes de {{#widget:Conquistas}} para ativar " + | |||
"estilos e tooltip dos rewards."); | |||
} | |||
}, 200); | |||
var tabs = root.querySelectorAll(".gla-conquistas-tab"); | var tabs = root.querySelectorAll(".gla-conquistas-tab"); | ||