Wiki Gla - Mudanças recentes [pt-br]

Módulo:Mihawk

2026-04-05T02:34:05Z

← Edição anterior		Edição das 02h34min de 5 de abril de 2026
Linha 26:		Linha 26:
	icon = "Suichoku-Icon.png",		icon = "Suichoku-Icon.png",
	level = 1,		level = 1,
			energy = 10,
			powerpve = 15,
			powerpvp = 10,
			cooldown = 2,
	video = "Suichoku-Video.mp4",		video = "Suichoku-Video.mp4",
	desc = {		desc = {
Linha 41:		Linha 45:
	icon = "Suihei-Icon.png",		icon = "Suihei-Icon.png",
	level = 5,		level = 5,
			energy = 20,
			powerpve = 28,
			powerpvp = 22,
			cooldown = 10,
	video = "Suihei-Video.mp4",		video = "Suihei-Video.mp4",
	desc = {		desc = {
Linha 56:		Linha 64:
	icon = "Chi wo Hau Zangeki-Icon.png",		icon = "Chi wo Hau Zangeki-Icon.png",
	level = 12,		level = 12,
			energy = 30,
			powerpve = 35,
			powerpvp = 28,
			cooldown = 15,
	video = "Chi wo Hau Zangeki-Video.mp4",		video = "Chi wo Hau Zangeki-Video.mp4",
	desc = {		desc = {
Linha 71:		Linha 83:
	icon = "Mihakw-Dash-Icon.png",		icon = "Mihakw-Dash-Icon.png",
	level = 20,		level = 20,
			powerpve = 8,
			cooldown = 10,
	video = "Mihakw-Dash-Video.mp4",		video = "Mihakw-Dash-Video.mp4",
	desc = {		desc = {
Linha 86:		Linha 100:
	icon = "Kokuto Issen-Icon.png",		icon = "Kokuto Issen-Icon.png",
	level = 30,		level = 30,
			energy = 80,
			powerpve = 75,
			powerpvp = 45,
			cooldown = 40,
	video = "Kokuto Issen-Video.mp4",		video = "Kokuto Issen-Video.mp4",
	desc = {		desc = {
Linha 101:		Linha 119:
	icon = "Taka No Me-Icon.png",		icon = "Taka No Me-Icon.png",
	level = 50,		level = 50,
			cooldown = 60,
	video = "Taka No Me-Video.mp4",		video = "Taka No Me-Video.mp4",
	desc = {		desc = {
Linha 116:		Linha 135:
	icon = "Kokuto Kogetsu-Icon.png",		icon = "Kokuto Kogetsu-Icon.png",
	level = 70,		level = 70,
			energy = 80,
			powerpve = 12,
			powerpvp = 7,
			cooldown = 50,
	video = "Kokuto Kogetsu-Video.mp4",		video = "Kokuto Kogetsu-Video.mp4",
	desc = {		desc = {
Linha 131:		Linha 154:
	icon = "Kokuto Arahoshi-Icon.png",		icon = "Kokuto Arahoshi-Icon.png",
	level = 90,		level = 90,
			energy = 80,
			powerpve = 100,
			powerpvp = 80,
			cooldown = 80,
	video = "Kokuto Arahoshi-Video.mp4",		video = "Kokuto Arahoshi-Video.mp4",
	desc = {		desc = {
Linha 146:		Linha 173:
	icon = "Black Sword Yoru (Passiva)-Icon.png",		icon = "Black Sword Yoru (Passiva)-Icon.png",
	level = 30,		level = 30,
			cooldown = 2,
	video = "Black Sword Yoru (Passiva)-Video.mp4",		video = "Black Sword Yoru (Passiva)-Video.mp4",
	desc = {		desc = {

Usuário:GhoulBlack

2026-04-05T01:43:46Z

← Edição anterior		Edição das 01h43min de 5 de abril de 2026
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1:		Linha 1:
	{{Character		{{Character
	\|name=~~God Enel~~		\|name=Ghoul Teste
	\|module=~~Enel~~		\|module=Mihawk
	}}		}}

Arquivo:KuraiganaBackground.png

2026-04-05T01:39:10Z

Pedrotraz carregou Arquivo:KuraiganaBackground.png

Página nova

Módulo:Mihawk

2026-04-05T00:41:37Z

Mostrar alterações

Usuário:Pedrotraz

2026-04-05T00:35:37Z

Adicionei o módulo do Mihawk para testar as descrições das skills em PL e ES

← Edição anterior		Edição das 00h35min de 5 de abril de 2026
Linha 1:		Linha 1:
	.		{{Character
			\|name=Dracule Mihawk
			\|module=Mihawk
			}}

Widget:Teste

2026-04-04T22:03:15Z

Mostrar alterações

Usuário:Gurren1

2026-04-04T20:49:30Z

← Edição anterior		Edição das 20h49min de 4 de abril de 2026
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1:		Linha 1:
	{{#widget:~~QuizSearch~~}}		{{#widget:TiraTitulo}}{{#widget:Teste}}

Widget:Teste

2026-04-04T20:48:48Z

Mostrar alterações

Usuário:Gurren1

2026-04-04T20:39:11Z

← Edição anterior		Edição das 20h39min de 4 de abril de 2026
Linha 1:		Linha 1:
	{{#widget:~~Teste~~}}		{{#widget:QuizSearch}}

Widget:QuizSearch

2026-04-04T20:38:56Z

Mostrar alterações

Widget:Input-text

2026-04-04T19:21:51Z

Gurren1 restaurou a página Widget:Input-text (1 revisão)

Usuário Discussão:Larifk

2026-04-04T18:38:28Z

← Edição anterior		Edição das 18h38min de 4 de abril de 2026
Linha 2:		Linha 2:
	\| titulo = Sabaody Archipelago		\| titulo = Sabaody Archipelago

	\| boss1nome = ~~Urogue~~		\| boss1nome = Urouge
	\| boss1skill1nome = Karmic Punishment		\| boss1skill1nome = Karmic Punishment
	\| boss1skill1video = dQw4w9WgXcQ		\| boss1skill1video = dQw4w9WgXcQ

Usuário:Yawn

2026-04-04T16:44:43Z

← Edição anterior		Edição das 16h44min de 4 de abril de 2026
Linha 1:		Linha 1:
	.		{{#invoke:TesteBossYawn \| render \| boss=barbarossa }}

Widget:TesteBossYawn

2026-04-04T16:42:36Z

← Edição anterior		Edição das 16h42min de 4 de abril de 2026
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 5:		Linha 5:
	<button onclick="bossSetDiff(this,'hard')">HARD</button>		<button onclick="bossSetDiff(this,'hard')">HARD</button>
	</tabber>		</tabber>

	<div class="boss-content">		<div class="boss-content">

	</div>		</div>

Linha 12:		Linha 13:
	<script>		<script>
	(function() {		(function() {
	function bossRender(root, diff) {		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 data = JSON.parse(root.dataset.json);
	const d = data[diff];		const d = data[diff];
Linha 30:		Linha 49:

	// Localização (se existir)		// Localização (se existir)
	if (data.localizacao) {		if (data.localizacao && data.localizacao.caminho) {
	html += `<h3>Localização</h3>`;		html += `<h3>Localização</h3>`;
	html += `<p>${data.localizacao.descricao}</p>`;		html += `<p>${data.localizacao.descricao}</p>`;
	~~if (~~data.localizacao.~~imagem_html~~) {
	~~console.log~~(~~"Img achada"~~);		const imageName = data.localizacao.caminho;
	html += ~~data.localizacao.imagem_html~~;		const imageUrl = await getImageUrlFromWiki(imageName);
	}
			if (imageUrl) {
			html += `<div style="text-align: center;">
			<img src="${imageUrl}" style="max-width: 100%;">
			<p><small>Caminho para o boss</small></p>
			</div>`;
	}		}
			}

	// Requisitos		// Requisitos

Módulo:TesteBossYawn

2026-04-04T16:28:52Z

← Edição anterior		Edição das 16h28min de 4 de abril de 2026
(2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 43:		Linha 43:
	local jsonData = mw.text.jsonEncode(bossData) -- tranforma em json		local jsonData = mw.text.jsonEncode(bossData) -- tranforma em json
	jsonData = mw.text.encode(jsonData)		jsonData = mw.text.encode(jsonData)

	~~if bossData.localizacao and bossData.localizacao.caminho then~~
	~~-- Gera o HTML da imagem usando o parser do MediaWiki~~
	~~local imageHtml = frame:preprocess("[[Arquivo:CaminhoBarbarossa.png\|thumb\|center\|500px\|Caminho para o boss]]")~~
	~~bossData.localizacao.imagem_html = imageHtml~~
	~~end~~

	return frame:preprocess([[		return frame:preprocess([[

Widget:TesteBossYawn

2026-04-04T16:14:39Z

← Edição anterior		Edição das 16h14min de 4 de abril de 2026
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 33:		Linha 33:
	html += `<h3>Localização</h3>`;		html += `<h3>Localização</h3>`;
	html += `<p>${data.localizacao.descricao}</p>`;		html += `<p>${data.localizacao.descricao}</p>`;
	html += ~~<img src = "https://wiki~~.~~gla~~.~~com.br/images/d/df/CaminhoBarbarossa.png"/>~~		if (data.localizacao.imagem_html) {
			console.log("Img achada");
			html += data.localizacao.imagem_html;
			}
	}		}

Módulo:TesteBossYawn

2026-04-04T16:13:12Z

← Edição anterior		Edição das 16h13min de 4 de abril de 2026
Linha 43:		Linha 43:
	local jsonData = mw.text.jsonEncode(bossData) -- tranforma em json		local jsonData = mw.text.jsonEncode(bossData) -- tranforma em json
	jsonData = mw.text.encode(jsonData)		jsonData = mw.text.encode(jsonData)

			if bossData.localizacao and bossData.localizacao.caminho then
			-- Gera o HTML da imagem usando o parser do MediaWiki
			local imageHtml = frame:preprocess("[[Arquivo:CaminhoBarbarossa.png\|thumb\|center\|500px\|Caminho para o boss]]")
			bossData.localizacao.imagem_html = imageHtml
			end

	return frame:preprocess([[		return frame:preprocess([[
	<div class="boss-component" data-json="]] .. jsonData .. [[">		<div class="boss-component" data-json="]] .. jsonData .. [[">

Widget:TesteBossYawn

2026-04-04T16:07:51Z

← Edição anterior		Edição das 16h07min de 4 de abril de 2026
Linha 33:		Linha 33:
	html += `<h3>Localização</h3>`;		html += `<h3>Localização</h3>`;
	html += `<p>${data.localizacao.descricao}</p>`;		html += `<p>${data.localizacao.descricao}</p>`;
	~~if (data.localizacao.imagem_html) {~~		html += <img src = "https://wiki.gla.com.br/images/d/df/CaminhoBarbarossa.png"/>
	~~console.log("Imagem achada");~~
	html += ~~data~~.~~localizacao~~.~~imagem_html;~~
	}
	}		}

Módulo:TesteBossYawn

2026-04-04T16:06:04Z

← Edição anterior		Edição das 16h06min de 4 de abril de 2026
Linha 39:		Linha 39:
	if not bossData then		if not bossData then
	return "<b>Erro:</b> Boss '" .. (bossName or "nil") .. "' não encontrado."		return "<b>Erro:</b> Boss '" .. (bossName or "nil") .. "' não encontrado."
	~~end~~

	~~if bossData.localizacao and bossData.localizacao.caminho then~~
	~~local imagemWiki = "[[" .. bossData.localizacao.caminho .. "\|thumb\|center\|500px\|Caminho para o boss]]"~~
	~~-- Converte a sintaxe wiki para HTML~~
	~~bossData.localizacao.imagem_html = frame:preprocess(imagemWiki)~~
	end		end

Widget:TesteBossYawn

2026-04-04T15:59:34Z

← Edição anterior		Edição das 15h59min de 4 de abril de 2026
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 33:		Linha 33:
	html += `<h3>Localização</h3>`;		html += `<h3>Localização</h3>`;
	html += `<p>${data.localizacao.descricao}</p>`;		html += `<p>${data.localizacao.descricao}</p>`;
	html += ~~`<div>[[Arquivo:CaminhoBarbarossa~~.~~png\|thumb\|center\|500px\|Caminho para o boss]]</div>`~~;		if (data.localizacao.imagem_html) {
			console.log("Imagem achada");
			html += data.localizacao.imagem_html;
			}
	}		}

Módulo:TesteBossYawn

2026-04-04T15:58:32Z

← Edição anterior		Edição das 15h58min de 4 de abril de 2026
Linha 7:		Linha 7:
	localizacao = {		localizacao = {
	descricao = "Vá até Alabasta West e pegue o camelo em direção à Yuba.",		descricao = "Vá até Alabasta West e pegue o camelo em direção à Yuba.",
	caminho = "CaminhoBarbarossa.png"		caminho = "Arquivo:CaminhoBarbarossa.png"
	},		},
	normal = {		normal = {
Linha 39:		Linha 39:
	if not bossData then		if not bossData then
	return "<b>Erro:</b> Boss '" .. (bossName or "nil") .. "' não encontrado."		return "<b>Erro:</b> Boss '" .. (bossName or "nil") .. "' não encontrado."
			end

			if bossData.localizacao and bossData.localizacao.caminho then
			local imagemWiki = "[[" .. bossData.localizacao.caminho .. "\|thumb\|center\|500px\|Caminho para o boss]]"
			-- Converte a sintaxe wiki para HTML
			bossData.localizacao.imagem_html = frame:preprocess(imagemWiki)
	end		end

Widget:TesteBossYawn

2026-04-04T15:54:41Z

← Edição anterior		Edição das 15h54min de 4 de abril de 2026
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1:		Linha 1:

	<~~div~~ class="boss-diff">		<tabber class="boss-diff">
	<button onclick="bossSetDiff(this,'normal')">NORMAL</button>		<button onclick="bossSetDiff(this,'normal')">NORMAL</button>
	<button onclick="bossSetDiff(this,'elite')">ELITE</button>		<button onclick="bossSetDiff(this,'elite')">ELITE</button>
	<button onclick="bossSetDiff(this,'hard')">HARD</button>		<button onclick="bossSetDiff(this,'hard')">HARD</button>
	</div>		</tabber>

			<div class="boss-content">
			</div>

	~~<div class="boss-content"></div>~~

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

	<script>		<script>
	(function() {		(function() {

	~~function init() {~~
	~~document.querySelectorAll(".boss-component").forEach(root => {~~
	~~bossRender(root, "normal");~~
	~~});~~
	}

	function bossRender(root, diff) {		function bossRender(root, diff) {
	const data = JSON.parse(root.dataset.json);		const data = JSON.parse(root.dataset.json);
	const d = data[diff];		const d = data[diff];

	const content = root.querySelector(".boss-content");		const content = root.querySelector(".boss-content");

	let html = "";		let html = "";

	html += "<div ~~class~~=~~'box'>~~<h3>~~REQUISITOS~~</h3>";		// Nome do boss (se existir)
	d.requisitos.forEach(r => html += `<~~div~~>- ${r}</~~div~~>`);		if (data.nome) {
	html += "</~~div~~>";		html += `<h2>${data.nome}</h2>`;
			}

			// Introdução (se existir)
			if (data.introducao) {
			html += `<p><em>${data.introducao}</em></p>`;
			}

			// Localização (se existir)
			if (data.localizacao) {
			html += `<h3>Localização</h3>`;
			html += `<p>${data.localizacao.descricao}</p>`;
			html += `<div>[[Arquivo:CaminhoBarbarossa.png\|thumb\|center\|500px\|Caminho para o boss]]</div>`;
			}

			// Requisitos
			html += `<h3>Requisitos</h3><ul>`;
			d.requisitos.forEach(r => html += `<li>${r}</li>`);
			html += `</ul>`;

	html += "<~~div class='box'~~><h3>~~RECOMPENSAS~~<~~/h3~~>";		// Recompensas
	d.recompensas.forEach(r => html += `<~~div~~>${r}</~~div~~>`);		html += `<h3>Recompensas</h3><ul>`;
	html += "</~~div~~>";		d.recompensas.forEach(r => html += `<li>${r}</li>`);
			html += `</ul>`;

			// Skills
			if (d.skills && d.skills.length > 0) {
			html += `<h3>Skills</h3><ul>`;
			d.skills.forEach(s => html += `<li><strong>${s.nome}</strong>: ${s.desc}</li>`);
			html += `</ul>`;
			}

	content.innerHTML = 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){		window.bossSetDiff = function(el, diff) {
	const root = el.closest(".boss-component");		const root = el.closest(".boss-component");
	bossRender(root, diff);		bossRender(root, diff);
	}		};

	~~window.bikiSetSkill = function(el, index){~~
	~~// skill logic~~
	}

	if (document.readyState === 'loading') {		if (document.readyState === 'loading') {
Linha 58:		Linha 78:
	mw.hook('wikipage.content').add(init);		mw.hook('wikipage.content').add(init);
	}		}

	})();		})();
	</script>		</script>

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

Módulo:TesteBossYawn

2026-04-04T15:26:02Z

← Edição anterior		Edição das 15h26min de 4 de abril de 2026
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1:		Linha 1:
	local p = {}		local p = {}
	~~local json = mw.text.jsonEncode~~

	local bosses = {		local bosses = {
	barbarossa = {		barbarossa = {
			nome = "Barbarossa",
			introducao = "Derrote Barbarossa, o implacável líder dos Sand Sailors, em Yuba - Alabasta West.",
			localizacao = {
			descricao = "Vá até Alabasta West e pegue o camelo em direção à Yuba.",
			caminho = "CaminhoBarbarossa.png"
			},
	normal = {		normal = {
	requisitos = {"Lvl ~~140~~"},		requisitos = {"Lvl 110"},
	recompensas = {"~~20k~~ berries"},		recompensas = {"10k berries"},
	skills = {		skills = {
	{nome="Soco", desc="Ataque básico"}		{nome="Soco", desc="Ataque básico"}
Linha 20:		Linha 25:
	hard = {		hard = {
	requisitos = {"Lvl 140"},		requisitos = {"Lvl 140"},
	recompensas = {"~~20k~~ berries"},		recompensas = {"40k berries"},
	skills = {		skills = {
	{nome="Soco", desc="Ataque básico"}		{nome="Soco", desc="Ataque básico"}
Linha 36:		Linha 41:
	end		end

	local jsonData = mw.text.jsonEncode(bossData)		local jsonData = mw.text.jsonEncode(bossData) -- tranforma em json
	jsonData = mw.text.encode(jsonData)		jsonData = mw.text.encode(jsonData)

Widget:TesteBossYawn

2026-04-04T12:42:28Z

← Edição anterior		Edição das 12h42min de 4 de abril de 2026
Linha 24:		Linha 24:
	const data = JSON.parse(root.dataset.json);		const data = JSON.parse(root.dataset.json);
	const d = data[diff];		const d = data[diff];
	// ~~render~~...
	}		const content = root.querySelector(".boss-content");

			let html = "";

			html += "<div class='box'><h3>REQUISITOS</h3>";
			d.requisitos.forEach(r => html += `<div>- ${r}</div>`);
			html += "</div>";

			html += "<div class='box'><h3>RECOMPENSAS</h3>";
			d.recompensas.forEach(r => html += `<div>${r}</div>`);
			html += "</div>";

			content.innerHTML = html;
			}

	window.bossSetDiff = function(el, diff){		window.bossSetDiff = function(el, diff){

Módulo:TesteBossYawn

2026-04-04T12:37:35Z

← Edição anterior		Edição das 12h37min de 4 de abril de 2026
Linha 37:		Linha 37:

	local jsonData = mw.text.jsonEncode(bossData)		local jsonData = mw.text.jsonEncode(bossData)
	jsonData = jsonData~~:gsub('"', '"'~~)		jsonData = mw.text.encode(jsonData)
	return frame:preprocess(
	"~~{{#widget:TesteBossYawn\|~~data=" .. jsonData .. "}}"		return frame:preprocess([[
	)		<div class="boss-component" data-json="]] .. jsonData .. [[">
			{{#widget:TesteBossYawn}}
			</div>
			]])
	end		end

	return p		return p

Widget:TesteBossYawn

2026-04-04T12:37:30Z

← Edição anterior		Edição das 12h37min de 4 de abril de 2026
Linha 1:		Linha 1:
	~~<div class="boss-component" data-json="{{{data}}}">~~
	<div class="boss-diff">		<div class="boss-diff">
	<button onclick="bossSetDiff(this,'normal')">NORMAL</button>		<button onclick="bossSetDiff(this,'normal')">NORMAL</button>
Linha 7:		Linha 7:

	<div class="boss-content"></div>		<div class="boss-content"></div>
	~~</div>~~

	<style>		<style>

Módulo:TesteBossYawn

2026-04-04T12:33:52Z

← Edição anterior		Edição das 12h33min de 4 de abril de 2026
(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 36:		Linha 36:
	end		end

			local jsonData = mw.text.jsonEncode(bossData)
			jsonData = jsonData:gsub('"', '"')
	return frame:preprocess(		return frame:preprocess(
	"{{#widget:TesteBossYawn\|data=" .. ~~json(bossData)~~ .. "}}"		"{{#widget:TesteBossYawn\|data=" .. jsonData .. "}}"
	)		)
	end		end

	return p		return p

Widget:TesteBossYawn

2026-04-04T12:13:40Z

← Edição anterior		Edição das 12h13min de 4 de abril de 2026
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1:		Linha 1:
	<div class="boss-component" data-json="{{{data}}}">		<div class="boss-component" data-json="{{{data}}}">

	<div class="boss-diff">		<div class="boss-diff">
	<button onclick="bossSetDiff(this,'normal')">NORMAL</button>		<button onclick="bossSetDiff(this,'normal')">NORMAL</button>
Linha 8:		Linha 7:

	<div class="boss-content"></div>		<div class="boss-content"></div>

	</div>		</div>

	<style>		<style>
	.boss-component {		.boss-component .box { ... }
	~~border: 2px solid cyan;~~
	~~background: black;~~
	~~color: lime;~~
	~~padding: 10px;~~
	}

	.~~boss-diff button,~~
	.~~skills button {~~
	~~border: 2px solid cyan;~~
	~~background: black;~~
	~~color: lime;~~
	~~margin: 5px;~~
	~~padding: 8px;~~
	}

	.~~box {~~
	~~border: 2px solid cyan;~~
	~~margin-top: 10px;~~
	~~padding: 10px;~~
	}
	</style>		</style>

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

	~~let html = "";~~

	~~// REQUISITOS~~
	~~html += "<div class='box'><h3>REQUISITOS</h3>";~~
	~~d.requisitos.forEach(r => html += `<div>- ${r}</div>`);~~
	~~html += "</div>";~~

	~~// RECOMPENSAS~~
	~~html += "<div class='box'><h3>RECOMPENSAS</h3>";~~
	~~d.recompensas.forEach(r => html += `<div>${r}</div>`);~~
	~~html += "</div>";~~

	~~// SKILLS~~		function init() {
	~~html +=~~ "~~<div class='skills'>~~";		document.querySelectorAll(".boss-component").forEach(root => {
	~~d.skills~~.forEach(~~(s, i)~~ => {		bossRender(root, "normal");
	~~html += `<button onclick="bossSetSkill~~(~~this~~, ~~${i}~~)~~">${s.nome}</button>`~~;		});
	});		}
	~~html += "</div>";~~

	~~// DESC~~		function bossRender(root, diff) {
	~~html += "<div class='skills-desc'>";~~		const data = JSON.parse(root.dataset.json);
	~~d.skills.forEach~~((s, i) => {		const d = data[diff];
	~~html +~~= ~~`<div class="skill-desc" style="display:${i===0?'block':'none'}">${s~~.~~desc}</div>`~~;		// render...
	});		}
	~~html += "</div>";~~

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

	function ~~bossSetDiff~~(el, ~~diff~~){		window.bikiSetSkill = function(el, index){
	~~const root = el.closest(".boss-component");~~		// skill logic
	~~bossRender(root, diff);~~		}
	}

	~~function bossSetSkill~~(~~el, index~~){		if (document.readyState === 'loading') {
	~~const root = el~~.~~closest~~(~~".boss-component"~~);		document.addEventListener('DOMContentLoaded', init);
	~~const skills = root.querySelectorAll~~(~~".skill-desc"~~);		} else {
			init();
			}

	~~skills.forEach~~(s =~~> s.style~~.~~display = "none"~~);		if (typeof mw !== 'undefined' && mw.hook) {
	~~skills[index]~~.~~style~~.~~display = "block"~~;		mw.hook('wikipage.content').add(init);
	}		}

	~~// INIT automático~~		})();
	~~document.querySelectorAll(".boss-component"~~)~~.forEach~~(~~root => {~~
	~~bossRender(root, "normal");~~
	});
	</script>		</script>

Widget:TesteBossYawn

2026-04-04T12:07:30Z

Criou página com '<div class="boss-component" data-json="{{{data}}}"> <div class="boss-diff"> <button onclick="bossSetDiff(this,'normal')">NORMAL</button> <button onclick="bossSetD...'

Página nova

<div class="boss-component" data-json="{{{data}}}">

<div class="boss-diff">
<button onclick="bossSetDiff(this,'normal')">NORMAL</button>
<button onclick="bossSetDiff(this,'elite')">ELITE</button>
<button onclick="bossSetDiff(this,'hard')">HARD</button>
</div>

<div class="boss-content"></div>

</div>

<style>
.boss-component {
border: 2px solid cyan;
background: black;
color: lime;
padding: 10px;
}

.boss-diff button,
.skills button {
border: 2px solid cyan;
background: black;
color: lime;
margin: 5px;
padding: 8px;
}

.box {
border: 2px solid cyan;
margin-top: 10px;
padding: 10px;
}
</style>

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

let html = "";

// REQUISITOS
html += "<div class='box'><h3>REQUISITOS</h3>";
d.requisitos.forEach(r => html += `<div>- ${r}</div>`);
html += "</div>";

// RECOMPENSAS
html += "<div class='box'><h3>RECOMPENSAS</h3>";
d.recompensas.forEach(r => html += `<div>${r}</div>`);
html += "</div>";

// SKILLS
html += "<div class='skills'>";
d.skills.forEach((s, i) => {
html += `<button onclick="bossSetSkill(this, ${i})">${s.nome}</button>`;
});
html += "</div>";

// DESC
html += "<div class='skills-desc'>";
d.skills.forEach((s, i) => {
html += `<div class="skill-desc" style="display:${i===0?'block':'none'}">${s.desc}</div>`;
});
html += "</div>";

content.innerHTML = html;
}

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

function bossSetSkill(el, index){
const root = el.closest(".boss-component");
const skills = root.querySelectorAll(".skill-desc");

skills.forEach(s => s.style.display = "none");
skills[index].style.display = "block";
}

// INIT automático
document.querySelectorAll(".boss-component").forEach(root => {
bossRender(root, "normal");
});
</script>

Módulo:TesteBossYawn

2026-04-04T12:06:11Z

← Edição anterior		Edição das 12h06min de 4 de abril de 2026
Linha 37:		Linha 37:

	return frame:preprocess(		return frame:preprocess(
	"{{#widget:~~Boss~~\|data=" .. json(bossData) .. "}}"		"{{#widget:TesteBossYawn\|data=" .. json(bossData) .. "}}"
	)		)
	end		end

	return p		return p