Spotligh:mapas: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição Etiqueta: Revertido |
Sem resumo de edição |
||
| (24 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
{{DISPLAYTITLE:<span style="display:none">{{PAGENAME}}</span>}} | {{DISPLAYTITLE:<span style="display:none">{{PAGENAME}}</span>}} | ||
__TOC__ | |||
<html> | <html> | ||
<style> | <style> | ||
| Linha 21: | Linha 21: | ||
.guia-up .tablebox{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)} | .guia-up .tablebox{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)} | ||
.guia-up table{width:100%;border-collapse:collapse;min-width:800px} | .guia-up table{width:100%;border-collapse:collapse;min-width:800px} | ||
.guia-up th{position:sticky;top:0;background:#17213a;color:#b9c7df;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:13px} | .guia-up th{position:sticky;top:0;background:#17213a;color:#b9c7df;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:13px;cursor:pointer;user-select:none;white-space:nowrap} | ||
.guia-up th:hover{color:#edf2ff} | |||
.guia-up th .sort-arrow{margin-left:6px;font-size:11px;opacity:.45} | |||
.guia-up th.sorted .sort-arrow{opacity:1;color:var(--accent)} | |||
.guia-up td{padding:12px 13px;border-top:1px solid var(--border);color:#edf2ff} | .guia-up td{padding:12px 13px;border-top:1px solid var(--border);color:#edf2ff} | ||
.guia-up tr:hover td{background:#162038} | .guia-up tr:hover td{background:#162038} | ||
| Linha 31: | Linha 34: | ||
.guia-up .map-name:hover{color:#79a7ff} | .guia-up .map-name:hover{color:#79a7ff} | ||
.guia-up footer{color:var(--muted);font-size:12px;margin-top:14px;line-height:1.5} | .guia-up footer{color:var(--muted);font-size:12px;margin-top:14px;line-height:1.5} | ||
.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: | 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 46: | Linha 47: | ||
.guia-tooltip .tt-close{position:absolute;top:8px;right:10px;cursor:pointer;color:#98a7c3;font-size:16px} | .guia-tooltip .tt-close{position:absolute;top:8px;right:10px;cursor:pointer;color:#98a7c3;font-size:16px} | ||
.guia-tooltip .tt-close:hover{color:#fff} | .guia-tooltip .tt-close:hover{color:#fff} | ||
@media(max-width:650px){.guia-up .cards{grid-template-columns:1fr}} | @media(max-width:650px){.guia-up .cards{grid-template-columns:1fr}} | ||
</style> | </style> | ||
<div class="guia-up"> | <div class="guia-up"> | ||
<h1> | <h1>Mapas Spotlight</h1> | ||
<p class="sub"> | <p class="sub">Mín/Máx = nível do monstro mais comum ±10. Recomendado = nível − 5. 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"> | ||
<div class="card"><b id="total-maps">0</b><span>mapas nesta lista</span></div> | <div class="card"><b id="total-maps">0</b><span>mapas nesta lista</span></div> | ||
<div class="card"><b>1 → | <div class="card"><b>1 → 178</b><span>faixa total de níveis</span></div> | ||
<div class="card"><b> | <div class="card"><b>Principal − 5</b><span>regra do nível recomendado</span></div> | ||
</div> | </div> | ||
<div class="tools"> | <div class="tools"> | ||
<input id="search" placeholder="Buscar por código ou nome do mapa..." oninput="filterRows()"> | <input id="search" placeholder="Buscar por código ou nome do mapa..." oninput="filterRows()"> | ||
| Linha 81: | Linha 78: | ||
<button class="btn-clear" onclick="clearFilters()">Limpar</button> | <button class="btn-clear" onclick="clearFilters()">Limpar</button> | ||
</div> | </div> | ||
<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> | <span>Hover: monstros · Clique: Divine Pride · Clique no cabeçalho para ordenar</span> | ||
</div> | </div> | ||
<div class="tablebox"> | <div class="tablebox"> | ||
<table> | <table> | ||
| Linha 92: | Linha 87: | ||
<tr> | <tr> | ||
<th>#</th> | <th>#</th> | ||
<th>Mapa</th> | <th data-col="0" onclick="sortBy(0)">Mapa <span class="sort-arrow">▲</span></th> | ||
<th>Nome</th> | <th data-col="1" onclick="sortBy(1)">Nome <span class="sort-arrow">▲</span></th> | ||
<th class="num">Mín.</th> | <th class="num" data-col="2" onclick="sortBy(2)">Mín. <span class="sort-arrow">▲</span></th> | ||
<th class="num">Máx.</th> | <th class="num" data-col="3" onclick="sortBy(3)">Máx. <span class="sort-arrow">▲</span></th> | ||
<th class="num">Recomendado</th> | <th class="num" data-col="4" onclick="sortBy(4)">Recomendado <span class="sort-arrow">▲</span></th> | ||
</tr> | </tr> | ||
</thead> | </thead> | ||
| Linha 102: | Linha 97: | ||
</table> | </table> | ||
</div> | </div> | ||
<footer>Mínimo e máximo usam o monstro com mais spawns no mapa (±10). O recomendado é 5 níveis abaixo desse monstro.</footer> | |||
<footer>O | |||
</div> | </div> | ||
<div class="guia-tooltip" id="tooltip"> | <div class="guia-tooltip" id="tooltip"> | ||
<div class="tt-close" onclick="hideTooltip()">×</div> | <div class="tt-close" onclick="hideTooltip()">×</div> | ||
| Linha 111: | Linha 104: | ||
<ul class="tt-list" id="tt-list"></ul> | <ul class="tt-list" id="tt-list"></ul> | ||
</div> | </div> | ||
<script> | <script> | ||
const monsters = { | const monsters = { | ||
"abbey02":[["Zombie Slaughter",124],["Ragged Zombie",123],["Flame Skull",121],["Necromancer",133],["Falling Bishop",138,"MVP"]], | |||
"abyss_03":[["Acidus",130],["Mimic",56],["Ancient Mimic",112],["Dragon Egg",119],["Ferus",126],["Hydrolancer",121],["Detardeurus",135,"MVP"]], | |||
"ama_dun03":[["Shinobi",95],["Tengu",98],["Firelock Soldier",88],["The Paper",97],["Mimic",56],["Miyabi Doll",85],["Samurai Specter",100,"MVP"]], | |||
"ayo_dun01":[["Leaf Cat",64],["Ghoul",61],["Whisper",46],["Kraben",70]], | |||
"c_tower2":[["Clock",81],["Punk",82],["Rideword",74],["Mimic" | |||
}; | }; | ||
const solar = [["abbey02","Abadia da Ilha 2",114,134],["abyss_03","Lago do Abismo 3",120,140],["ama_dun03","Calabouço de Amatsu 3",88,108],["ayo_dun01","Calabouço de Ayothaya 1",54,74],["c_tower2","Torre do Relógio 2",72,92],["cmd_fild03","Campo de Comodo 3",47,67],["dew_fild01","Campo de Dewata 1",70,90],["dic_fild01","Campo de El Dicastes 1",115,135],["ecl_tdun01","Calabouço de Eclage 1",136,156],["ein_fild03","Campo de Einbroch 3",81,101],["gef_dun00","Calabouço de Geffen 0",53,73],["gef_fild04","Campo de Geffen 4",3,23],["gef_fild10","Campo de Geffen 10",34,54],["gefenia02","Geffenia 2",108,128],["gl_prison1","Prisão Subterrânea de GH",85,105],["hu_fild01","Campo de Hugel 1",80,100],["in_sphinx3","Esfinge 3",63,83],["iz_dun03","Calabouço de Izlude 3",42,62],["lhz_dun02","Laboratório de LHZ 2",126,146],["lou_dun01","Calabouço de Louyang 1",70,90],["moc_fild12","Campo de Morroc 12",1,20],["moc_fild17","Campo de Morroc 17",53,73],["moc_pryd02","Pirâmide de Morroc 2",45,65],["mosk_dun02","Calabouço de Moscóvia 2",72,92],["pay_dun00","Caverna de Payon 0",7,27],["pay_dun01","Caverna de Payon 1",24,44],["pay_fild08","Campo de Payon 8",8,28],["pay_fild09","Campo de Payon 9",22,42],["prt_fild00","Campo de Prontera 0",3,23],["prt_fild02","Campo de Prontera 2",11,31],["prt_fild04","Campo de Prontera 4",9,29],["prt_fild05","Campo de Prontera 5",1,21],["prt_sewb3","Esgoto de Prontera 3",20,40],["spl_fild03","Campo de Splendide 3",99,119],["tur_dun01","Ilha das Tartarugas 1",78,98],["ve_fild03","Campo de Veins 3",100,120],["yuno_fild03","Campo de Juno 3",73,93],["yuno_fild07","Campo de Juno 7",70,90],["yuno_fild12","Campo de Juno 12",63,83]]; | |||
const lunar = [["ayo_fild01","Campo de Ayothaya 1",28,48],["bif_fild01","Campo de Bifrost 1",130,150],["cmd_fild02","Campo de Comodo 2",37,57],["cmd_fild04","Campo de Comodo 4",38,58],["ein_fild09","Campo de Einbroch 9",75,95],["gef_dun01","Calabouço de Geffen 1",53,73],["gef_fild08","Campo de Geffen 8",69,89],["gef_fild11","Campo de Geffen 11",39,59],["gefenia01","Geffenia 1",95,115],["gl_church","Igreja de Glast Heim",70,90],["gl_knt02","Cavalaria de Glast Heim 2",105,125],["gl_sew01","Esgoto de Glast Heim 1",36,56],["gl_sew02","Esgoto de Glast Heim 2",90,110],["gl_sew04","Esgoto de Glast Heim 4",99,119],["hu_fild04","Campo de Hugel 4",74,94],["lou_dun03","Calabouço de Louyang 3",77,97],["mag_dun01","Calabouço de Magma 1",90,110],["mag_dun02","Calabouço de Magma 2",97,117],["mjolnir_01","Monte Mjolnir 1",15,35],["mjolnir_04","Monte Mjolnir 4",55,75],["mjolnir_08","Monte Mjolnir 8",45,65],["moc_pryd03","Pirâmide de Morroc 3",45,65],["moc_pryd04","Pirâmide de Morroc 4",49,69],["mosk_dun03","Calabouço de Moscóvia 3",77,97],["odin_tem01","Templo de Odin 1",109,129],["orcsdun02","Calabouço dos Orcs 2",44,64],["pay_fild01","Campo de Payon 1",1,18],["pay_fild07","Campo de Payon 7",19,39],["prt_fild03","Campo de Prontera 3",28,48],["prt_fild07","Campo de Prontera 7",5,25],["prt_fild10","Campo de Prontera 10",24,44],["prt_maze03","Labirinto de Prontera 3",20,40],["ra_fild08","Campo de Rachel 8",90,110],["ra_san04","Santuário de Rachel 4",116,136],["spl_fild02","Campo de Splendide 2",95,115],["tur_dun02","Ilha das Tartarugas 2",82,102],["verus03","Verus 3",158,178]]; | |||
const solar = [["abbey02","Abadia da Ilha 2", | const estelar = [["abbey01","Abadia da Ilha 1",120,140],["abyss_02","Lago do Abismo 2",120,140],["beach_dun3","Caverna da Praia 3",30,50],["bra_fild01","Campo de Brasilis 1",60,80],["c_tower3","Torre do Relógio 3",78,98],["cmd_fild06","Campo de Comodo 6",51,71],["cmd_fild07","Campo de Comodo 7",38,58],["cmd_fild08","Campo de Comodo 8",23,43],["dew_dun01","Calabouço de Dewata 1",71,91],["dew_dun02","Calabouço de Dewata 2",75,95],["dic_dun03","Calabouço de El Dicastes 3",129,149],["ein_fild05","Campo de Einbroch 5",77,97],["gef_fild02","Campo de Geffen 2",28,48],["gl_cas01","Castelo de Glast Heim 1",93,113],["gl_prison","Prisão de Glast Heim",79,99],["gl_sew03","Esgoto de Glast Heim 3",94,114],["gon_dun02","Calabouço de Gonryun 2",82,102],["gon_dun03","Calabouço de Gonryun 3",87,107],["in_sphinx4","Esfinge 4",48,68],["mjo_dun03","Mina de Mjolnir 3",34,54],["moc_fild11","Campo de Morroc 11",4,24],["moc_fild16","Campo de Morroc 16",51,71],["moc_pryd06","Pirâmide de Morroc 6",46,66],["nif_fild01","Campo de Niflheim 1",93,113],["odin_tem02","Templo de Odin 2",118,138],["pay_fild04","Campo de Payon 4",20,40],["prt_fild11","Campo de Prontera 11",46,66],["ra_fild06","Campo de Rachel 6",98,118],["ra_san03","Santuário de Rachel 3",112,132],["tha_t05","Torre de Thanatos 5",82,102],["thor_v01","Vulcão de Thor 1",125,145],["tur_dun04","Ilha das Tartarugas 4",90,110],["ve_fild01","Campo de Veins 1",90,110],["xmas_dun01","Fábrica de Brinquedos 1",27,47],["xmas_dun02","Fábrica de Brinquedos 2",29,49],["xmas_fild01","Campo de Lutie 1",27,47],["yuno_fild02","Campo de Juno 2",71,91],["yuno_fild06","Campo de Juno 6",71,91],["yuno_fild11","Campo de Juno 11",70,90],["alde_dun03","Torre do Relógio 3",75,95],["ama_dun01","Calabouço de Amatsu 1",75,95],["anthell02","Formigueiro Infernal 2",23,43],["ayo_dun02","Calabouço de Ayothaya 2",63,83]]; | ||
const lunar = [["ayo_fild01","Campo de Ayothaya 1", | const radiante = [["alde_dun03","Torre do Relógio 3",75,95],["ama_dun01","Calabouço de Amatsu 1",75,95],["anthell02","Formigueiro Infernal 2",23,43],["ayo_dun02","Calabouço de Ayothaya 2",63,83],["c_tower1","Torre do Relógio 1",72,92],["ecl_fild01","Campo de Eclage 1",133,153],["ecl_tdun02","Calabouço de Eclage 2",138,158],["ecl_tdun03","Calabouço de Eclage 3",138,158],["ein_fild04","Campo de Einbroch 4",77,97],["gef_fild05","Campo de Geffen 5",13,33],["gl_cas02","Castelo de Glast Heim 2",110,130],["gl_dun01","Calabouço de Glast Heim 1",97,117],["in_sphinx2","Esfinge 2",61,81],["in_sphinx5","Esfinge 5",69,89],["iz_dun01","Calabouço de Izlude 1",35,55],["lhz_fild03","Campo de Lighthalzen 3",82,102],["lou_dun02","Calabouço de Louyang 2",77,97],["mjo_dun01","Mina de Mjolnir 1",12,32],["mjolnir_02","Monte Mjolnir 2",24,44],["mjolnir_03","Monte Mjolnir 3",60,80],["mosk_dun01","Calabouço de Moscóvia 1",71,91],["nif_fild02","Campo de Niflheim 2",99,119],["pay_dun02","Caverna de Payon 2",24,44],["pay_dun04","Caverna de Payon 4",58,78],["pay_fild02","Campo de Payon 2",8,28],["pay_fild03","Campo de Payon 3",1,16],["prt_fild09","Campo de Prontera 9",43,63],["prt_maze02","Labirinto de Prontera 2",20,40],["prt_sewb1","Esgoto de Prontera 1",10,30],["ra_fild04","Campo de Rachel 4",91,111],["ra_fild05","Campo de Rachel 5",97,117],["ra_fild11","Campo de Rachel 11",158,178],["ra_fild12","Campo de Rachel 12",85,105],["ra_san01","Santuário de Rachel 1",113,133],["tha_t01","Torre de Thanatos 1",106,126],["tha_t07","Torre de Thanatos 7",111,131],["thor_v02","Vulcão de Thor 2",116,136],["um_fild04","Campo de Umbala 4",60,80],["ve_fild07","Campo de Veins 7",85,105]]; | ||
const estelar = [["abbey01","Abadia da Ilha 1",120, | const celestial = [["abbey03","Abadia da Ilha 3",123,143],["alde_dun01","Torre do Relógio 1",97,117],["beach_dun","Caverna da Praia",92,112],["dic_dun02","Calabouço de El Dicastes 2",126,146],["gef_dun02","Calabouço de Geffen 2",83,103],["gef_fild01","Campo de Geffen 1",3,23],["gef_fild09","Campo de Geffen 9",28,48],["gl_chyard","Cemitério de Glast Heim",88,108],["gl_knt01","Cavalaria de Glast Heim 1",105,125],["iz_dun04","Calabouço de Izlude 4",50,70],["jupe_core","Núcleo de Juperos",109,129],["juperos_01","Ruínas de Juperos 1",103,123],["kh_dun01","Fábrica de Kiel Hyre 1",102,122],["kh_dun02","Fábrica de Kiel Hyre 2",105,125],["lhz_fild01","Campo de Lighthalzen 1",76,96],["lhz_fild02","Campo de Lighthalzen 2",74,94],["lou_fild01","Campo de Louyang 1",73,93],["ma_fild02","Campo de Malaya 2",111,131],["mal_dun01","Calabouço de Malangdo 1",81,101],["man_fild02","Campo de Manuk 2",123,143],["mjo_dun02","Mina de Mjolnir 2",29,49],["mjolnir_10","Monte Mjolnir 10",37,57],["mjolnir_12","Monte Mjolnir 12",52,72],["moc_fild02","Campo de Morroc 2",15,35],["moc_fild07","Campo de Morroc 7",1,12],["moc_fild13","Campo de Morroc 13",38,58],["mosk_fild02","Campo de Moscóvia 2",60,80],["odin_tem03","Templo de Odin 3",109,129],["pay_fild10","Campo de Payon 10",45,65],["prt_fild01","Campo de Prontera 1",1,13],["prt_fild06","Campo de Prontera 6",1,16],["prt_maze01","Labirinto de Prontera 1",49,69],["prt_sewb2","Esgoto de Prontera 2",11,31],["tha_t03","Torre de Thanatos 3",104,124],["thor_v03","Vulcão de Thor 3",128,148],["treasure02","Ilha do Tesouro 2",38,58],["tur_dun05","Ilha das Tartarugas 5",84,104],["um_fild01","Campo de Umbala 1",58,78]]; | ||
const radiante = [["alde_dun03","Torre do Relógio 3", | const infernal = [["alde_dun04","Torre do Relógio 4",76,96],["ama_fild01","Campo de Amatsu 1",62,82],["bif_fild02","Campo de Bifrost 2",132,152],["bra_dun01","Calabouço de Brasilis 1",65,85],["c_tower4","Torre do Relógio 4",71,91],["cmd_fild09","Campo de Comodo 9",45,65],["dic_dun01","Calabouço de El Dicastes 1",120,140],["ein_dun01","Mina de Einbech 1",80,100],["ein_dun02","Mina de Einbech 2",86,106],["ein_fild07","Campo de Einbroch 7",71,91],["gef_fild03","Campo de Geffen 3",35,55],["gef_fild07","Campo de Geffen 7",1,14],["gefenia03","Geffenia 3",108,128],["gl_dun02","Calabouço de Glast Heim 2",97,117],["hu_fild02","Campo de Hugel 2",80,100],["hu_fild06","Campo de Hugel 6",40,60],["iz_dun00","Calabouço de Izlude 0",30,50],["iz_dun02","Calabouço de Izlude 2",38,58],["iz_dun05","Calabouço de Izlude 5",100,120],["man_fild03","Campo de Manuk 3",118,138],["mjolnir_05","Monte Mjolnir 5",65,85],["mjolnir_07","Monte Mjolnir 7",49,69],["mjolnir_11","Monte Mjolnir 11",65,85],["moc_pryd01","Pirâmide de Morroc 1",14,34],["moc_pryd05","Pirâmide de Morroc 5",48,68],["orcsdun01","Calabouço dos Orcs 1",41,61],["prt_fild08","Campo de Prontera 8",1,11],["ra_fild01","Campo de Rachel 1",93,113],["ra_fild03","Campo de Rachel 3",91,111],["ra_fild10","Campo de Rachel 10",158,178],["tha_t04","Torre de Thanatos 4",108,128],["treasure01","Ilha do Tesouro 1",24,44],["tur_dun03","Ilha das Tartarugas 3",84,104],["um_fild02","Campo de Umbala 2",57,77],["ve_fild02","Campo de Veins 2",91,111],["ve_fild04","Campo de Veins 4",95,115],["yuno_fild04","Campo de Juno 4",73,93],["yuno_fild08","Campo de Juno 8",65,85]]; | ||
const celestial = [["abbey03","Abadia da Ilha 3", | const astral = [["abyss_01","Lago do Abismo 1",116,136],["alde_dun02","Torre do Relógio 2",71,91],["ama_dun02","Calabouço de Amatsu 2",77,97],["anthell01","Formigueiro Infernal 1",18,38],["beach_dun2","Caverna da Praia 2",58,78],["bra_dun02","Calabouço de Brasilis 2",69,89],["cmd_fild01","Campo de Comodo 1",45,65],["dic_fild02","Campo de El Dicastes 2",122,142],["ein_fild06","Campo de Einbroch 6",75,95],["ein_fild08","Campo de Einbroch 8",71,91],["gef_fild00","Campo de Geffen 0",1,15],["gef_fild06","Campo de Geffen 6",76,96],["gon_dun01","Calabouço de Gonryun 1",84,104],["gon_fild01","Campo de Gonryun 1",50,70],["hu_fild05","Campo de Hugel 5",74,94],["in_sphinx1","Esfinge 1",37,57],["juperos_02","Ruínas de Juperos 2",111,131],["lhz_dun01","Laboratório de LHZ 1",111,131],["lhz_dun03","Laboratório de LHZ 3",132,152],["ma_dun01","Calabouço de Malaya 1",97,117],["ma_fild01","Campo de Malaya 1",105,125],["man_fild01","Campo de Manuk 1",104,124],["mjolnir_06","Monte Mjolnir 6",16,36],["mjolnir_09","Monte Mjolnir 9",4,24],["moc_fild01","Campo de Morroc 1",13,33],["moc_fild03","Campo de Morroc 3",35,55],["moc_fild18","Campo de Morroc 18",6,26],["pay_dun03","Caverna de Payon 3",54,74],["pay_fild06","Campo de Payon 6",7,27],["prt_sewb4","Esgoto de Prontera 4",20,40],["ra_san02","Santuário de Rachel 2",114,134],["ra_san05","Santuário de Rachel 5",118,138],["spl_fild01","Campo de Splendide 1",103,123],["tha_t02","Torre de Thanatos 2",102,122],["tha_t06","Torre de Thanatos 6",110,130],["um_fild03","Campo de Umbala 3",66,86],["yuno_fild01","Campo de Juno 1",63,83],["yuno_fild09","Campo de Juno 9",65,85]]; | ||
const infernal = [["alde_dun04","Torre do Relógio 4", | |||
const astral = [["abyss_01","Lago do Abismo 1", | |||
const lists = { | const lists = { | ||
"Spotlight Solar": solar, | "Spotlight Solar": solar, | ||
| Linha 359: | Linha 391: | ||
"Spotlight Astral": astral | "Spotlight Astral": astral | ||
}; | }; | ||
let currentList = []; | |||
let sortCol = -1; | |||
let sortDir = 1; // 1 = crescente, -1 = decrescente | |||
function recommended(max){return Math.max(1,max-15)} | function recommended(max){return Math.max(1,max-15)} | ||
| Linha 367: | Linha 403: | ||
const list = document.getElementById("tt-list"); | const list = document.getElementById("tt-list"); | ||
const data = monsters[mapCode]; | const data = monsters[mapCode]; | ||
title.textContent = mapName; | title.textContent = mapName; | ||
if(!data || data.length === 0){ | if(!data || data.length === 0){ | ||
| Linha 378: | Linha 413: | ||
}).join(""); | }).join(""); | ||
} | } | ||
tip.classList.add("visible"); | tip.classList.add("visible"); | ||
const x = Math.min(e.clientX + 14, window.innerWidth - 360); | |||
const x = Math.min(e.clientX + 14, window.innerWidth - | const y = Math.min(e.clientY + 14, window.innerHeight - 300); | ||
const y = Math.min(e.clientY + 14, window.innerHeight - | |||
tip.style.left = x + "px"; | tip.style.left = x + "px"; | ||
tip.style.top = y + "px"; | tip.style.top = y + "px"; | ||
} | } | ||
function hideTooltip(){ | function hideTooltip(){ | ||
document.getElementById("tooltip").classList.remove("visible"); | document.getElementById("tooltip").classList.remove("visible"); | ||
} | } | ||
function render(list){ | function updateSortArrows(){ | ||
document.querySelectorAll("th[data-col]").forEach(th => { | |||
const arrow = th.querySelector(".sort-arrow"); | |||
const col = parseInt(th.dataset.col); | |||
th.classList.remove("sorted"); | |||
if(col === sortCol){ | |||
th.classList.add("sorted"); | |||
arrow.textContent = sortDir === 1 ? "▲" : "▼"; | |||
} else { | |||
arrow.textContent = "▲"; | |||
} | |||
}); | |||
} | |||
function sortBy(col){ | |||
if(sortCol === col){ | |||
sortDir *= -1; | |||
} else { | |||
sortCol = col; | |||
sortDir = 1; | |||
} | |||
currentList.sort((a,b) => { | |||
let va, vb; | |||
if(col === 0){ // código do mapa | |||
va = a[0].toLowerCase(); | |||
vb = b[0].toLowerCase(); | |||
} else if(col === 1){ // nome | |||
va = a[1].toLowerCase(); | |||
vb = b[1].toLowerCase(); | |||
} else if(col === 2){ // min | |||
va = a[2]; vb = b[2]; | |||
} else if(col === 3){ // max | |||
va = a[3]; vb = b[3]; | |||
} else { // recomendado | |||
va = recommended(a[3]); | |||
vb = recommended(b[3]); | |||
} | |||
if(va < vb) return -1 * sortDir; | |||
if(va > vb) return 1 * sortDir; | |||
return 0; | |||
}); | |||
updateSortArrows(); | |||
render(currentList, lists[document.getElementById("spotlight").value].length); | |||
} | |||
function render(list, totalInSpotlight){ | |||
const tbody = document.getElementById("rows"); | const tbody = document.getElementById("rows"); | ||
document.getElementById("result-count").textContent = list.length; | document.getElementById("result-count").textContent = list.length; | ||
document.getElementById("total-maps").textContent = | document.getElementById("total-maps").textContent = totalInSpotlight; | ||
if(list.length === 0){ | if(list.length === 0){ | ||
tbody.innerHTML = `<tr><td colspan="6" style="text-align:center;padding:28px;color:#98a7c3">Nenhum mapa encontrado com os filtros atuais.</td></tr>`; | tbody.innerHTML = `<tr><td colspan="6" style="text-align:center;padding:28px;color:#98a7c3">Nenhum mapa encontrado com os filtros atuais.</td></tr>`; | ||
return; | return; | ||
} | } | ||
tbody.innerHTML = list.map((x,i)=>`<tr> | tbody.innerHTML = list.map((x,i)=>`<tr> | ||
<td>${i+1}</td> | <td>${i+1}</td> | ||
| Linha 409: | Linha 484: | ||
<td class="num rec">${recommended(x[3])}</td> | <td class="num rec">${recommended(x[3])}</td> | ||
</tr>`).join(""); | </tr>`).join(""); | ||
document.querySelectorAll(".map-name").forEach(el => { | document.querySelectorAll(".map-name").forEach(el => { | ||
el.addEventListener("mouseenter", e => showTooltip(e, el.dataset.code, el.dataset.name)); | el.addEventListener("mouseenter", e => showTooltip(e, el.dataset.code, el.dataset.name)); | ||
| Linha 416: | Linha 489: | ||
el.addEventListener("click", e => { | el.addEventListener("click", e => { | ||
e.stopPropagation(); | e.stopPropagation(); | ||
window.open("https://www.divine-pride.net/database/map/" + el.dataset.code, "_blank", "noopener,noreferrer"); | |||
}); | }); | ||
}); | }); | ||
| Linha 425: | Linha 498: | ||
const range = document.getElementById("level").value; | const range = document.getElementById("level").value; | ||
const selected = document.getElementById("spotlight").value; | const selected = document.getElementById("spotlight").value; | ||
const spotlightList = lists[selected] || []; | |||
let list = spotlightList.filter(x => (x[0] + " " + x[1]).toLowerCase().includes(q)); | |||
if(range){ | if(range){ | ||
const [a,b] = range.split("-").map(Number); | const [a,b] = range.split("-").map(Number); | ||
| Linha 435: | Linha 507: | ||
}); | }); | ||
} | } | ||
render(list); | currentList = list; | ||
// reaplica a ordenação atual se existir | |||
if(sortCol >= 0){ | |||
sortBy(sortCol); // isso já chama o render | |||
// corrige a direção porque o sortBy inverte quando clica de novo | |||
sortDir *= -1; | |||
sortBy(sortCol); | |||
} else { | |||
render(list, spotlightList.length); | |||
} | |||
} | } | ||
| Linha 442: | Linha 523: | ||
document.getElementById("level").value = ""; | document.getElementById("level").value = ""; | ||
document.getElementById("spotlight").value = "Spotlight Solar"; | document.getElementById("spotlight").value = "Spotlight Solar"; | ||
sortCol = -1; | |||
sortDir = 1; | |||
updateSortArrows(); | |||
filterRows(); | filterRows(); | ||
} | } | ||
document.addEventListener("click", e => { | document.addEventListener("click", e => { | ||
if(!e.target.closest(".guia-tooltip") && !e.target.closest(".map-name")) hideTooltip(); | if(!e.target.closest(".guia-tooltip") && !e.target.closest(".map-name")) hideTooltip(); | ||
Edição atual tal como às 22h56min de 26 de julho de 2026
Mapas Spotlight
Mín/Máx = nível do monstro mais comum ±10. Recomendado = nível − 5. Passe o mouse no nome do mapa para ver os monstros. Clique para abrir no Divine Pride.
0mapas nesta lista
1 → 178faixa total de níveis
Principal − 5regra do nível recomendado
| # | Mapa ▲ | Nome ▲ | Mín. ▲ | Máx. ▲ | Recomendado ▲ |
|---|
×