Spotligh:mapas - Histórico de revisão

Adm.mayuka em 01h56min de 27 de julho de 2026

2026-07-27T01:56:29Z

Mostrar alterações

Adm.mayuka em 01h40min de 27 de julho de 2026

2026-07-27T01:40:41Z

Mostrar alterações

Adm.mayuka em 01h31min de 27 de julho de 2026

2026-07-27T01:31:56Z

Mostrar alterações

Adm.mayuka em 01h28min de 27 de julho de 2026

2026-07-27T01:28:12Z

← Edição anterior		Edição das 22h28min de 26 de julho de 2026
Linha 34:		Linha 34:
	.guia-tooltip{		.guia-tooltip{
	display:none;position:fixed;z-index:9999;background:#0f1729;border:1px solid #2c3b5c;		display:none;position:fixed;z-index:9999;background:#0f1729;border:1px solid #2c3b5c;
	border-radius:12px;padding:14px 16px;max-width:~~360px~~;box-shadow:0 12px 40px rgba(0,0,0,.55);		border-radius:12px;padding:14px 16px;max-width:340px;box-shadow:0 12px 40px rgba(0,0,0,.55);
	font-size:13px;line-height:1.55;pointer-events:none;		font-size:13px;line-height:1.55;pointer-events:none;
	}		}
Linha 50:		Linha 50:

	<div class="guia-up">		<div class="guia-up">
	<h1>~~( EM CONSTRUÇAO)~~ Mapas Spotlight </h1>		<h1>Mapas Spotlight</h1>
	<p class="sub">~~Baseado na base de dados em português (Divine Pride - bRO).~~ Nível recomendado = Máximo − 15. Passe o mouse ~~ou clique~~ no <b>nome do mapa</b> para ver os monstros ~~atualizados~~.</p>		<p class="sub">Nível recomendado = Máximo − 15. Passe o mouse no <b>nome do mapa</b> para ver os monstros. Clique para abrir no Divine Pride.</p>

	<div class="cards">		<div class="cards">
Linha 83:		Linha 83:
	<div class="info-bar">		<div class="info-bar">
	<span>Mostrando <b id="result-count">0</b> mapas</span>		<span>Mostrando <b id="result-count">0</b> mapas</span>
	<span>~~Passe o mouse no nome do mapa para ver os~~ monstros ~~(bRO)~~</span>		<span>Hover: monstros · Clique: Divine Pride</span>
	</div>		</div>

Linha 102:		Linha 102:
	</div>		</div>

	<footer>~~Níveis~~ e monstros ~~sincronizados com o padrão de Renovação (Divine Pride / bRO)~~.</footer>		<footer>O nível recomendado é calculado automaticamente (Máximo − 15). A dificuldade real pode variar conforme classe, equipamento e monstros do mapa.</footer>
	</div>		</div>

Linha 113:		Linha 113:
	<script>		<script>
	const monsters = {		const monsters = {
	~~"abbey02":[["Banshee",130],["Zumbi Slaughter",132],["Zumbi Esfarrapado",131],["Caveira Chamejante",135],["Necromante",138]],~~		"abbey02":[["Zombie Slaughter",124],["Ragged Zombie",123],["Flame Skull",121],["Necromancer",133],["Falling Bishop",138,"MVP"]],
	~~"abyss_03":[["Ferus Vermelho",135],["Ferus Verde",133],["Ferus Azul",134],["Acidus",140],["Acidus Dourado",142],["Ferus",145],["Mímico Antigo",140],["Mímico",130],["Ovo de Dragão",143]],~~		"abyss_03":[["Acidus",130],["Mimic",56],["Ancient Mimic",112],["Dragon Egg",119],["Ferus",126],["Hydrolancer",121],["Detardeurus",135,"MVP"]],
	~~"ama_dun03":[["Boneca de Miyabi",85],["Pirotecnista",88],["Shinobi",95],["Soldado de Fogo",96],["Mímico",85]],~~		"ama_dun03":[["Shinobi",95],["Tengu",98],["Firelock Soldier",88],["The Paper",97],["Mimic",56],["Miyabi Doll",85],["Samurai Specter",100,"MVP"]],
	~~"ayo_dun01":[["Gato de Folha",65],["Pest",70],["Múmia Antiga",78],["Mímico",65]],~~		"ayo_dun01":[["Leaf Cat",64],["Ghoul",61],["Whisper",46],["Kraben",70]],
	~~"c_tower2":[["Rideword",65],["Bathory",62],["Joker",68],["Punk",70~~		"c_tower2":[["Clock",81],["Punk",82],["Rideword",74],["Mimic",56],[
	};		};

Linha 417:		Linha 426:

	tip.classList.add("visible");		tip.classList.add("visible");
	const x = Math.min(e.clientX + 14, window.innerWidth - ~~380~~);		const x = Math.min(e.clientX + 14, window.innerWidth - 360);
	const y = Math.min(e.clientY + 14, window.innerHeight - 300);		const y = Math.min(e.clientY + 14, window.innerHeight - 300);
	tip.style.left = x + "px";		tip.style.left = x + "px";
Linha 451:		Linha 460:
	el.addEventListener("click", e => {		el.addEventListener("click", e => {
	e.stopPropagation();		e.stopPropagation();
	~~showTooltip~~(e, el.dataset.code, ~~el.dataset.name~~);		window.open("https://www.divine-pride.net/database/map/" + el.dataset.code, "_blank", "noopener,noreferrer");
	});		});
	});		});

Adm.mayuka em 01h04min de 27 de julho de 2026

2026-07-27T01:04:47Z

← Edição anterior		Edição das 22h04min de 26 de julho de 2026
Linha 50:		Linha 50:

	<div class="guia-up">		<div class="guia-up">
	<h1>Mapas Spotlight ~~(Renovação / bRO)~~</h1>		<h1>( EM CONSTRUÇAO) Mapas Spotlight </h1>
	<p class="sub">Baseado na base de dados em português (Divine Pride - bRO). Nível recomendado = Máximo − 15. Passe o mouse ou clique no <b>nome do mapa</b> para ver os monstros atualizados.</p>		<p class="sub">Baseado na base de dados em português (Divine Pride - bRO). Nível recomendado = Máximo − 15. Passe o mouse ou clique no <b>nome do mapa</b> para ver os monstros atualizados.</p>

Adm.mayuka em 00h42min de 27 de julho de 2026

2026-07-27T00:42:09Z

Mostrar alterações

Adm.mayuka em 00h37min de 27 de julho de 2026

2026-07-27T00:37:21Z

Mostrar alterações

Adm.mayuka em 00h32min de 27 de julho de 2026

2026-07-27T00:32:15Z

← Edição anterior		Edição das 21h32min de 26 de julho de 2026
Linha 659:		Linha 659:
	]		]
	};		};

	~~let currentRowsData = [];~~

	// Função que renderiza e calcula dinamicamente os níveis sugeridos		// Função que renderiza e calcula dinamicamente os níveis sugeridos
Linha 669:		Linha 667:
	const tbody = document.getElementById("rows");		const tbody = document.getElementById("rows");

			if (!tbody) return;
	tbody.innerHTML = "";		tbody.innerHTML = "";

	const list = spots[spotName] \|\| [];		const list = spots[spotName] \|\| [];
	let index = 1;		let index = 1;
Linha 680:		Linha 680:
	const lvMax = x[4];		const lvMax = x[4];

	~~// Regra de Negócio: Nível recomendado = Máximo - 15 (Mínimo de 1 se der negativo)~~
	const recLv = Math.max(1, lvMax - 15);		const recLv = Math.max(1, lvMax - 15);

	~~// Filtro Textual (Código, Nome Traduzido ou Nome Original)~~
	if (query && !mapCode.toLowerCase().includes(query) && !mapName.toLowerCase().includes(query) && !mapSub.toLowerCase().includes(query)) {		if (query && !mapCode.toLowerCase().includes(query) && !mapName.toLowerCase().includes(query) && !mapSub.toLowerCase().includes(query)) {
	return;		return;
	}		}

	~~// Filtro por faixa de nível~~
	if (lvRange) {		if (lvRange) {
	const [minStr, maxStr] = lvRange.split("-");		const [minStr, maxStr] = lvRange.split("-");
Linha 695:		Linha 692:
	}		}

	~~// Construção da Linha da Tabela~~
	const tr = document.createElement("tr");		const tr = document.createElement("tr");
	tr.innerHTML = `		tr.innerHTML = `
Linha 716:		Linha 712:
	});		});

	document.getElementById("result-count").innerText = index - 1;		const countEl = document.getElementById("result-count");
			if (countEl) countEl.innerText = index - 1;
	}		}

	~~// Inicializa os contadores de cabeçalho baseados no dicionário estrutural~~
	function initStats() {		function initStats() {
	let total = 0;		let total = 0;
	for (let k in spots) total += spots[k].length;		for (let k in spots) total += spots[k].length;
	document.getElementById("total-maps").innerText = total;		const totalEl = document.getElementById("total-maps");
			if (totalEl) totalEl.innerText = total;
	}		}

Linha 732:		Linha 729:
	}		}

	~~// --- Mecânica Inteligente do Tooltip (Hover & Click Responsivo) ---~~
	let tooltipTimeout;		let tooltipTimeout;
	let isPinned = false;		let isPinned = false;

	function showTooltip(e, mapCode, mapName) {		function showTooltip(e, mapCode, mapName) {
	if (isPinned) return; ~~// Se clicou, não altera o conteúdo no hover~~		if (isPinned) return;
	clearTimeout(tooltipTimeout);		clearTimeout(tooltipTimeout);

Linha 743:		Linha 739:
	const ttTitle = document.getElementById("tt-title");		const ttTitle = document.getElementById("tt-title");
	const ttList = document.getElementById("tt-list");		const ttList = document.getElementById("tt-list");

			if (!tt \|\| !ttTitle \|\| !ttList) return;

	ttTitle.innerText = `${mapName} (${mapCode})`;		ttTitle.innerText = `${mapName} (${mapCode})`;
	ttList.innerHTML = "";		ttList.innerHTML = "";

	~~// Busca no banco de dados através da chave string exata (ex: x[0] -> "abbey02")~~
	const data = monsters[mapCode];		const data = monsters[mapCode];

Linha 771:		Linha 768:
	function moveTooltip(e) {		function moveTooltip(e) {
	const tt = document.getElementById("tooltip");		const tt = document.getElementById("tooltip");
			if (!tt) return;
	let x = e.clientX + 15;		let x = e.clientX + 15;
	let y = e.clientY + 15;		let y = e.clientY + 15;

	~~// Evita que o painel saia das bordas visíveis da tela~~
	if (x + tt.offsetWidth > window.innerWidth) {		if (x + tt.offsetWidth > window.innerWidth) {
	x = e.clientX - tt.offsetWidth - 15;		x = e.clientX - tt.offsetWidth - 15;
Linha 786:		Linha 783:
	}		}

	~~// Segue o ponteiro do mouse enquanto se move sobre o elemento linkado~~
	document.addEventListener("mousemove", function(e) {		document.addEventListener("mousemove", function(e) {
	~~if (!isPinned &&~~ document.getElementById("tooltip").classList.contains("visible")) {		const tt = document.getElementById("tooltip");
			if (tt && !isPinned && tt.classList.contains("visible")) {
	moveTooltip(e);		moveTooltip(e);
	}		}
Linha 800:		Linha 797:
	function hideTooltip() {		function hideTooltip() {
	isPinned = false;		isPinned = false;
	document.getElementById("tooltip").classList.remove("visible");		const tt = document.getElementById("tooltip");
			if (tt) tt.classList.remove("visible");
	}		}

	function toggleTooltipClick(e, mapCode, mapName) {		function toggleTooltipClick(e, mapCode, mapName) {
	e.stopPropagation(); ~~// Impede o clique de propagar para o documento~~		e.stopPropagation();

	if (isPinned) {		if (isPinned) {
Linha 811:		Linha 809:
	showTooltip(e, mapCode, mapName);		showTooltip(e, mapCode, mapName);
	isPinned = true;		isPinned = true;
			const tt = document.getElementById("tooltip");
	~~// Altera estilo visual para o usuário mobile saber que está fixo~~		if (tt) tt.style.pointerEvents = "auto";
	document.getElementById("tooltip").style.pointerEvents = "auto";
	}		}
	}		}

	~~// Se o usuário clicar em qualquer lugar fora, fecha o painel fixado~~
	document.addEventListener("click", function(e) {		document.addEventListener("click", function(e) {
	const tt = document.getElementById("tooltip");		const tt = document.getElementById("tooltip");
	if (isPinned && !tt.contains(e.target)) {		if (tt && isPinned && !tt.contains(e.target)) {
	hideTooltip();		hideTooltip();
	}		}
	});		});

	// Inicialização ~~automática ao carregar~~ o MediaWiki		// Inicialização segura após o carregamento da DOM do MediaWiki
			document.addEventListener("DOMContentLoaded", function() {
			initStats();
			filterRows();
			});

			// Fallback imediato caso o DOMContentLoaded já tenha passado
	initStats();		initStats();
	filterRows();		filterRows();
	</script>		</script>
	~~</html>~~

Adm.mayuka em 00h29min de 27 de julho de 2026

2026-07-27T00:29:18Z

Mostrar alterações

Adm.mayuka em 23h56min de 26 de julho de 2026

2026-07-26T23:56:50Z

Mostrar alterações