MediaWiki:Common.js - Revision history

WikiSysop: Corrige o filtro de tipo de conta: comparava "Free" com "free" e zerava a lista

2026-09-14T15:13:16Z

Corrige o filtro de tipo de conta: comparava "Free" com "free" e zerava a lista

← Older revision		Revision as of 11:13, 14 September 2026
Line 159:		Line 159:
	});		});
	button.classList.add('is-active');		button.classList.add('is-active');
	currentAccount = button.getAttribute('data-account') \|\| 'all';		// normalize aqui tambem: cardAccount vem em minusculas, e sem isto
			// 'free' nunca bate com o 'Free' do atributo do botao
			currentAccount = normalize(button.getAttribute('data-account')) \|\| 'all';
	applyFilters();		applyFilters();
	});		});

WikiSysop: Botão de tipo de conta como

2026-09-14T15:12:07Z

Botão de tipo de conta como <button>, que é o que o CSS estiliza; placeholder de nível encurtado para caber na caixa

← Older revision		Revision as of 11:12, 14 September 2026
Line 54:		Line 54:
	de.className = 'js-pxgq-min';		de.className = 'js-pxgq-min';
	de.type = 'number';		de.type = 'number';
	de.placeholder = ~~'de ' +~~ min;		de.placeholder = String(min);
	var ate = document.createElement('input');		var ate = document.createElement('input');
	ate.className = 'js-pxgq-max';		ate.className = 'js-pxgq-max';
	ate.type = 'number';		ate.type = 'number';
	ate.placeholder = ~~'ate ' +~~ max;		ate.placeholder = String(max);
	linha.appendChild(de);		linha.appendChild(de);
	linha.appendChild(ate);		linha.appendChild(ate);
Line 67:		Line 67:
	[['all', 'Todas']].concat(contas.map(function (c) { return [c, c]; }))		[['all', 'Todas']].concat(contas.map(function (c) { return [c, c]; }))
	.forEach(function (par, i) {		.forEach(function (par, i) {
	var b = document.createElement('~~span~~');		// <button> de verdade: o CSS estiliza
			// '.pxgq-account-toggle button', e como este elemento nasce no JS
			// ele nao passa pelo sanitizador do wikitext
			var b = document.createElement('button');
			b.type = 'button';
	b.className = 'js-pxgq-account' + (i === 0 ? ' is-active' : '');		b.className = 'js-pxgq-account' + (i === 0 ? ' is-active' : '');
	~~b.setAttribute('role', 'button');~~
	~~b.setAttribute('tabindex', '0');~~
	b.setAttribute('data-account', par[0]);		b.setAttribute('data-account', par[0]);
	b.textContent = par[1];		b.textContent = par[1];

WikiSysop: Fecha o spoiler dos cards na carga: o sanitizador remove o atributo hidden

2026-09-14T14:26:45Z

Fecha o spoiler dos cards na carga: o sanitizador remove o atributo hidden

← Older revision		Revision as of 10:26, 14 September 2026
Line 98:		Line 98:
	grade.parentNode.insertBefore(montarFiltros(cards), grade);		grade.parentNode.insertBefore(montarFiltros(cards), grade);
	}		}

			// O sanitizador tambem remove o atributo hidden do wikitext (testado),
			// entao o spoiler nasceria aberto. Fecha aqui, na carga.
			document.querySelectorAll('.pxgq-card-spoiler').forEach(function (sp) {
			sp.setAttribute('hidden', 'hidden');
			});

	var searchInput = document.querySelector('.js-pxgq-search');		var searchInput = document.querySelector('.js-pxgq-search');

WikiSysop: Barra de filtros das quests montada pelo JS: o sanitizador escapa input e select no wikitext

2026-09-14T14:25:41Z

Barra de filtros das quests montada pelo JS: o sanitizador escapa input e select no wikitext

@@ Line 1: / Line 1: @@
 (function () {
 	function initQuestPage() {
@@ Line 4: / Line 88: @@
 		if (!cards.length) {
 			return;
+		}

WikiSysop: Adiciona o seletor de habilidade das fichas de Campeao

2026-09-12T06:07:36Z

Adiciona o seletor de habilidade das fichas de Campeao

@@ Line 131: / Line 131: @@
 		if (botao) {
 			botao.textContent = tema === 'escuro' ? 'Modo claro' : 'Modo escuro';
+		}
+	}
 	function iniciar(ficha) {
 		// Abas de dificuldade
 		var abas = ficha.querySelectorAll('.cp-tab');

WikiSysop: Adiciona o comportamento das fichas de Campeao: abas de dificuldade e alternador de tema

2026-09-12T05:25:08Z

Adiciona o comportamento das fichas de Campeao: abas de dificuldade e alternador de tema

@@ Line 91: / Line 91: @@
 	} else {
 		initQuestPage();
+	}
 }());

WikiSysop at 21:36, 11 May 2026

2026-05-11T21:36:04Z

← Older revision		Revision as of 17:36, 11 May 2026
Line 1:		Line 1:
	~~mw.loader.using('mediawiki.util').then~~(function () {		(function () {
	function ~~initQuestFilters~~() {		function initQuestPage() {
	var ~~container~~ = document.~~querySelector~~('.~~quest~~-~~cards~~');		var cards = Array.prototype.slice.call(document.querySelectorAll('.pxgq-card'));
	if (!~~container~~) {		if (!cards.length) {
	return;		return;
	}		}

	~~var cards = Array.prototype.slice.call(container.querySelectorAll('.quest-card'));~~		var searchInput = document.querySelector('.js-pxgq-search');
	var searchInput = document.querySelector('.~~quest~~-~~filter~~-search');		var regionSelect = document.querySelector('.js-pxgq-region');
	var regionSelect = document.querySelector('.~~quest~~-~~filter~~-region');		var minInput = document.querySelector('.js-pxgq-min');
	var minInput = document.querySelector('.~~quest~~-~~filter~~-min');		var maxInput = document.querySelector('.js-pxgq-max');
	var maxInput = document.querySelector('.~~quest~~-~~filter~~-max');		var accountButtons = Array.prototype.slice.call(document.querySelectorAll('.js-pxgq-account'));
	var accountButtons = Array.prototype.slice.call(document.querySelectorAll('.~~quest~~-account~~-toggle button~~'));
	var currentAccount = 'all';		var currentAccount = 'all';

Line 21:		Line 20:
	var search = normalize(searchInput && searchInput.value);		var search = normalize(searchInput && searchInput.value);
	var region = normalize(regionSelect && regionSelect.value);		var region = normalize(regionSelect && regionSelect.value);
	var ~~minLevel~~ = parseInt((minInput && minInput.value) \|\| '0', 10);		var min = parseInt((minInput && minInput.value) \|\| '0', 10);
	var ~~maxLevel~~ = parseInt((maxInput && maxInput.value) \|\| '9999', 10);		var max = parseInt((maxInput && maxInput.value) \|\| '9999', 10);

	cards.forEach(function (card) {		cards.forEach(function (card) {
	var ~~name~~ = normalize(card.~~dataset.name~~);		var cardSearch = normalize(card.getAttribute('data-search'));
	var cardRegion = normalize(card.~~dataset.~~region);		var cardRegion = normalize(card.getAttribute('data-region'));
	var cardAccount = normalize(card.~~dataset.~~account);		var cardAccount = normalize(card.getAttribute('data-account'));
	var cardMin = parseInt(card.~~dataset.levelMin~~ \|\| '0', 10);		var cardMin = parseInt(card.getAttribute('data-level-min') \|\| '0', 10);
	var cardMax = parseInt(card.~~dataset.levelMax~~ \|\| '9999', 10);		var cardMax = parseInt(card.getAttribute('data-level-max') \|\| '9999', 10);

	var ~~matchesSearch~~ = !search \|\| ~~name~~.indexOf(search) !== -1;		var okSearch = !search \|\| cardSearch.indexOf(search) !== -1;
	var ~~matchesRegion~~ = ~~!region \|\|~~ region === 'all' \|\| cardRegion === region;		var okRegion = region === 'all' \|\| !region \|\| cardRegion === region;
	var ~~matchesAccount~~ = currentAccount === 'all' \|\| cardAccount === currentAccount;		var okAccount = currentAccount === 'all' \|\| cardAccount === currentAccount;
	var ~~matchesLevel~~ = cardMax >= ~~minLevel~~ && cardMin <= ~~maxLevel~~;		var okLevel = cardMax >= min && cardMin <= max;

	~~var visible = matchesSearch && matchesRegion && matchesAccount && matchesLevel;~~		card.classList.toggle('is-hidden', !(okSearch && okRegion && okAccount && okLevel));
	card.classList.toggle('is-hidden', !~~visible~~);
	});		});
	}		}
Line 62:		Line 60:
	currentAccount = button.getAttribute('data-account') \|\| 'all';		currentAccount = button.getAttribute('data-account') \|\| 'all';
	applyFilters();		applyFilters();
			});
			});

			document.querySelectorAll('.js-pxgq-spoiler').forEach(function (button) {
			button.addEventListener('click', function () {
			var card = button.closest('.pxgq-card');
			if (!card) {
			return;
			}
			var spoiler = card.querySelector('.pxgq-card-spoiler');
			if (!spoiler) {
			return;
			}
			var isHidden = spoiler.hasAttribute('hidden');
			if (isHidden) {
			spoiler.removeAttribute('hidden');
			button.textContent = 'Ocultar spoiler';
			} else {
			spoiler.setAttribute('hidden', 'hidden');
			button.textContent = 'Ver spoiler';
			}
	});		});
	});		});
Line 69:		Line 88:

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

WikiSysop: Created page with "mw.loader.using('mediawiki.util').then(function () { function initQuestFilters() { var container = document.querySelector('.quest-cards'); if (!container) { return; } var cards = Array.prototype.slice.call(container.querySelectorAll('.quest-card')); var searchInput = document.querySelector('.quest-filter-search'); var regionSelect = document.querySelector('.quest-filter-region'); var minInput = document.querySelector('.quest-filter-min'); var maxInpu..."

2026-05-11T21:29:50Z

Created page with "mw.loader.using('mediawiki.util').then(function () { function initQuestFilters() { var container = document.querySelector('.quest-cards'); if (!container) { return; } var cards = Array.prototype.slice.call(container.querySelectorAll('.quest-card')); var searchInput = document.querySelector('.quest-filter-search'); var regionSelect = document.querySelector('.quest-filter-region'); var minInput = document.querySelector('.quest-filter-min'); var maxInpu..."

New page

mw.loader.using('mediawiki.util').then(function () {
function initQuestFilters() {
var container = document.querySelector('.quest-cards');
if (!container) {
return;
}

var cards = Array.prototype.slice.call(container.querySelectorAll('.quest-card'));
var searchInput = document.querySelector('.quest-filter-search');
var regionSelect = document.querySelector('.quest-filter-region');
var minInput = document.querySelector('.quest-filter-min');
var maxInput = document.querySelector('.quest-filter-max');
var accountButtons = Array.prototype.slice.call(document.querySelectorAll('.quest-account-toggle button'));
var currentAccount = 'all';

function normalize(value) {
return (value || '').toLowerCase().trim();
}

function applyFilters() {
var search = normalize(searchInput && searchInput.value);
var region = normalize(regionSelect && regionSelect.value);
var minLevel = parseInt((minInput && minInput.value) || '0', 10);
var maxLevel = parseInt((maxInput && maxInput.value) || '9999', 10);

cards.forEach(function (card) {
var name = normalize(card.dataset.name);
var cardRegion = normalize(card.dataset.region);
var cardAccount = normalize(card.dataset.account);
var cardMin = parseInt(card.dataset.levelMin || '0', 10);
var cardMax = parseInt(card.dataset.levelMax || '9999', 10);

var matchesSearch = !search || name.indexOf(search) !== -1;
var matchesRegion = !region || region === 'all' || cardRegion === region;
var matchesAccount = currentAccount === 'all' || cardAccount === currentAccount;
var matchesLevel = cardMax >= minLevel && cardMin <= maxLevel;

var visible = matchesSearch && matchesRegion && matchesAccount && matchesLevel;
card.classList.toggle('is-hidden', !visible);
});
}

if (searchInput) {
searchInput.addEventListener('input', applyFilters);
}
if (regionSelect) {
regionSelect.addEventListener('change', applyFilters);
}
if (minInput) {
minInput.addEventListener('input', applyFilters);
}
if (maxInput) {
maxInput.addEventListener('input', applyFilters);
}

accountButtons.forEach(function (button) {
button.addEventListener('click', function () {
accountButtons.forEach(function (btn) {
btn.classList.remove('is-active');
});
button.classList.add('is-active');
currentAccount = button.getAttribute('data-account') || 'all';
applyFilters();
});
});

applyFilters();
}

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