5 805
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 186: | Linha 186: | ||
'Pisos': 'Piso' | 'Pisos': 'Piso' | ||
}; | }; | ||
function updateTags() { | function updateTags() { | ||
Linha 231: | Linha 230: | ||
tagButtons.classList.toggle('hidden', tags.length === 0); | tagButtons.classList.toggle('hidden', tags.length === 0); | ||
} | } | ||
function filterImages() { | function filterImages() { | ||
Linha 296: | Linha 292: | ||
} | } | ||
mapTypeSelect.addEventListener('change', () => { | |||
updateTags(); | |||
filterImages(); | |||
}); | |||
specificOptionSelect.addEventListener('change', () => { | |||
updateTags(); | |||
filterImages(); | |||
}); | |||
filterButton.addEventListener('click', () => { | |||
filterImages(); | |||
}); | |||
searchIdsInput.addEventListener('input', () => { | |||
filterImages(); | |||
}); | |||
enableFilter.addEventListener('change', () => { | |||
const isEnabled = enableFilter.checked; | |||
mapTypeSelect.disabled = isEnabled; | |||
specificOptionSelect.disabled = isEnabled; | |||
filterOptions.classList.toggle('hidden', !isEnabled); | |||
searchIdsInput. | if (isEnabled) { | ||
mapTypeSelect.value = ''; | |||
specificOptionSelect.value = ''; | |||
searchIdsInput.value = ''; | |||
filterImages(); | |||
} | |||
}); | |||
function initializePage() { | |||
specificOptionSelect.classList.remove('hidden'); | |||
filterOptions.classList.add('hidden'); | |||
tagButtons.classList.add('hidden'); | |||
updateTags(); | |||
} | |||
initializePage(); | |||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |