7 894
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 324: | Linha 324: | ||
}); | }); | ||
// Filtra as hunts com base nos critérios selecionados | |||
function filterHunts() { | |||
const selectedMap = mapTypeSelect.value; | |||
const selectedHuntType = huntTipoSelect.value; | |||
const selectedDifficulty = difficultySelect.value; | |||
imageContainer.innerHTML = ""; | |||
if (!selectedMap) return; | |||
const huntList = hunts[selectedMap]; | |||
huntList.forEach(hunt => { | |||
const matchesTags = selectedTags.length === 0 || selectedTags.some(tag => hunt.classes.includes(tag)); | |||
const matchesTypes = selectedTypes.length === 0 || selectedTypes.some(type => hunt.huntTypes.includes(type)); | |||
const matchesHuntType = !selectedHuntType || hunt.huntTipo === selectedHuntType; | |||
const matchesDifficulty = !selectedDifficulty || hunt.difficulty === selectedDifficulty; | |||
if (matchesTags && matchesTypes && matchesHuntType && matchesDifficulty) { | |||
const imageItem = document.createElement("div"); | const imageItem = document.createElement("div"); | ||
imageItem.className = "image-item"; | imageItem.className = "image-item"; | ||
imageItem.innerHTML = ` | imageItem.innerHTML = ` | ||
<div class="image-content"> | |||
<a href="${hunt.link}" target="_blank"> | |||
<img src="${hunt.imageUrl}" alt="${hunt.name}"> | |||
</a> | |||
<div class="image-info"> | |||
<p><b>Nome do Local:</b> ${hunt.name}</p> | |||
<p><b>Localização:</b> ${hunt.local}</p> | |||
<p><b>Dificuldade:</b> ${hunt.difficulty}</p> | |||
${hunt.hasType ? `<p><b>Dano da Hunt:</b> ${hunt.huntTypes.join(", ")}</p>` : ""} | |||
<div class="class-container"> | |||
<p><b>Clãs:</b></p> | |||
<div class="class-icons"> | |||
${hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" class="class-icon">`).join("")} | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
`; | `; | ||
imageContainer.appendChild(imageItem); | |||
} | |||
}); | |||
} | |||
// Event listeners para os dropdowns | |||
mapTypeSelect.addEventListener("change", function () { | |||
updateHuntTypeDropdown(this.value); | |||
filterHunts(); | filterHunts(); | ||
}); | }); | ||
huntTipoSelect.addEventListener("change", filterHunts); | |||
difficultySelect.addEventListener("change", filterHunts); | |||
// Não exibe nada inicialmente | // Não exibe nada inicialmente |