Widget:Test: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
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">
             <input type="checkbox" id="enableFilter">
             <select id="filterSelect" class="maps__select">
            <label for="enableFilter" class="filter-label">Ativar filtro</label>
                <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('enableFilter').addEventListener('change', function () {
   
         document.getElementById('filterSelect').addEventListener('change', function () {
            const selectedOption = this.value;
             const filterSection = document.getElementById('filterSection');
             const filterSection = document.getElementById('filterSection');
             if (this.checked) {
            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');
            } else {
                filterSection.classList.add('hidden');
             }
             }
         });
         });


        document.getElementById('searchIds').addEventListener('keypress', function (event) {
            if (event.key === 'Enter') {
                event.preventDefault();
                document.getElementById('filterButton').click();
            }
        });
         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>Local</b>: ${image.local} <br>
                                    <b>Coordenada</b>: ${image.coordinates}
                                    <b>Coordenada</b>: ${image.coordinates}
                                 </div>
                                 </div>
                             </div>
                             </div>
Linha 421: Linha 423:
     </script>
     </script>
</body>
</body>
</html>
</html>
5 667

edições

Menu de navegação