5 667
edições
Sem resumo de edição Etiqueta: Reversão manual |
Sem resumo de edição Etiqueta: Revertido |
||
Linha 199: | Linha 199: | ||
<label class="maps__label" for="specificOption">Local do X</label> | <label class="maps__label" for="specificOption">Local do X</label> | ||
</div> | </div> | ||
<div class="filter-container"> | <div class="filter-container"> | ||
< | <select id="filterSelect" class="maps__select"> | ||
<option value="filtrar">Filtrar</option> | |||
<option value="procurar-por-tag">Procurar por Tag</option> | |||
</select> | |||
</div> | </div> | ||
Linha 218: | Linha 221: | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="imageContainer" class="image-container hidden"> | <div id="imageContainer" class="image-container hidden"> | ||
<!-- As imagens e suas informações serão exibidas aqui --> | <!-- As imagens e suas informações serão exibidas aqui --> | ||
</div> | </div> | ||
</form> | </form> | ||
<script> | <script> | ||
const specificOptions = { | const specificOptions = { | ||
Linha 306: | Linha 309: | ||
}; | }; | ||
document.getElementById(' | |||
document.getElementById('filterSelect').addEventListener('change', function () { | |||
const selectedOption = this.value; | |||
const filterSection = document.getElementById('filterSection'); | const filterSection = document.getElementById('filterSection'); | ||
if ( | const searchIdsInput = document.getElementById('searchIds'); | ||
if (selectedOption === 'filtrar') { | |||
searchIdsInput.style.display = 'none'; | |||
filterSection.classList.remove('hidden'); | |||
} else if (selectedOption === 'procurar-por-tag') { | |||
searchIdsInput.style.display = 'block'; | |||
filterSection.classList.remove('hidden'); | filterSection.classList.remove('hidden'); | ||
} | } | ||
}); | }); | ||
document.getElementById('mapType').addEventListener('change', function () { | document.getElementById('mapType').addEventListener('change', function () { | ||
const selectedMapType = this.value; | const selectedMapType = this.value; | ||
Linha 354: | Linha 356: | ||
<div class="image-info"> | <div class="image-info"> | ||
<b>Número do Mapa</b>: ${image.id} <br> | <b>Número do Mapa</b>: ${image.id} <br> | ||
<b>Local</b>: ${image.local} <br> | |||
<b>Coordenada</b>: ${image.coordinates} | |||
</div> | </div> | ||
</div> | </div> | ||
Linha 421: | Linha 423: | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |