Gecko [ caxingo.pi.gov.br ]

Name	Size	Permission	Date
acessibilidade.php	2.9 KB	-rw-r--r--	2025-06-06 20:15
busca.php	1015 B	-rw-r--r--	2024-11-08 18:35
contato.php	1.97 KB	-rw-r--r--	2025-06-06 20:31
deep-minimized.php	40.53 KB	-rw-r--r--	2023-08-24 16:32
error_log	466 B	-rw-r--r--	2023-08-24 16:32
galeria.php	3.89 KB	-rw-r--r--	2025-06-06 20:18
home.php	12.39 KB	-rw-r--r--	2025-01-02 15:10
home_new.php	10.9 KB	-rw-r--r--	2025-09-26 18:55
lgpd.php	5.13 KB	-rw-r--r--	2025-06-06 20:18
mapa-site.php	583 B	-rw-r--r--	2025-06-06 20:19
noticias.php	6.82 KB	-rw-r--r--	2025-06-06 20:20
parlamentares.php	39 B	-rw-r--r--	2023-08-24 16:32
pesquisa-satisfacao.php	7.52 KB	-rw-r--r--	2025-06-11 17:32
telefones.php	251 B	-rw-r--r--	2026-02-04 11:47

Rename

<div class="d-flex p-0 ms-4 align-items-center gap-2">
    <i class="fas fa-map me-1 pt-1"></i> <span>Caminho navegado</span> 
    <p class="rotas m-0"><a href="/">Início</a> <i class="fa fa-arrow-right m-2"></i>
    <a href="/galeria">Galeria</a><span>
</div>

<?php
$_gallerys = new DBController;
$_gallerys->sql = "select * from site where modulo = 'fotos' and status = '1' order by data_cadastro desc";
$gallerys = json_encode($_gallerys->select());

$_gallerys_photos = new PublicacaoController;
$gallerys_photos = $_gallerys_photos->all_photos();

import { templates } from '/site/js/templates.js';

let gallerys = <?php echo $gallerys ?>;
    if (!Array.isArray(gallerys)) {
        gallerys = [gallerys];
    }
    let gallerys_photos = <?php echo $gallerys_photos ?>;

function load_gallery_selected(hash) {
        let gallery_selected = gallerys_photos[hash];

if (gallery_selected !== undefined) {
            let gallery_selectedHtml = gallery_selected
                .slice(0, gallery_selected.length)
                .map((photos, index) => {
                    let src = `//lagoadositio.pi.gov.br/${photos.caminho}`;
                    return templates.gallerySelectedItem(index, src);
                })
                .join('');

let gallery_title = $(`#${hash} div`).text();

$("#gallery-selected-title").text(gallery_title);

$("#gallery-selected-list").html(gallery_selectedHtml);

// Adiciona evento de clique nas imagens da galeria selecionada
            $("#gallery-selected-list img").click(function () {
                // Pega o src da imagem clicada
                const imgSrc = $(this).attr('src');
                console.log(this);

// Define a imagem no modal
                $("#modal-image").attr('src', imgSrc);

});
        }
    };

function load_gallery_list() {
        let galleryListHtml = gallerys
            .slice(0, gallerys.length)
            .map((gallery) => {
                return templates.galleryItem(gallery.hash, gallery.imagem_capa, gallery.titulo);
            })
            .join('');

if (gallerys.length > 0) {
            $("#gallery-list").html(galleryListHtml);

$(".gallery").click(function () {
                load_gallery_selected(this.id);
            });
        }
        else {
            $("#gallery-list").html('<h5 class="text-center w-100 my-2">Sem galerias no momento!</h5>');
        }
    };

const initializeGallery = () => {
        load_gallery_list();
        setTimeout(() => {
            load_gallery_selected(gallerys[0].hash);
        }, 100);
        
    };

document.addEventListener('DOMContentLoaded', initializeGallery);
</script>