Tutup // Handle bidang modal document.addEventListener('DOMContentLoaded', function() { const bidangModal = document.getElementById('bidangModal'); bidangModal.addEventListener('show.bs.modal', function(event) { const button = event.relatedTarget; const bidang = button.getAttribute('data-bidang'); const fungsi = button.getAttribute('data-fungsi'); const tugas = button.getAttribute('data-tugas'); const layanan = button.getAttribute('data-layanan'); // Update modal content document.getElementById('modalBidangTitle').textContent = bidang; document.getElementById('modalFungsi').textContent = fungsi; // Parse and display tugas const tugasList = document.getElementById('modalTugas'); tugasList.innerHTML = ''; if (tugas) { const tugasArray = tugas.split('|'); tugasArray.forEach(function(item) { const li = document.createElement('li'); li.textContent = item.trim(); tugasList.appendChild(li); }); } // Parse and display layanan const layananList = document.getElementById('modalLayanan'); layananList.innerHTML = ''; if (layanan) { const layananArray = layanan.split('|'); layananArray.forEach(function(item) { const li = document.createElement('li'); li.textContent = item.trim(); layananList.appendChild(li); }); } }); // Timeline slider dihapus, diganti snapshot grid (tidak ada JS diperlukan) // Inisialisasi timeline slider dihapus // Flash news dihapus seluruhnya // Gallery Lightbox functionality const galleryLightboxTriggers = document.querySelectorAll('.gallery-lightbox-trigger'); const galleryLightboxModal = document.getElementById('galleryLightboxModal'); if (galleryLightboxTriggers.length > 0 && galleryLightboxModal) { for (let i = 0; i < galleryLightboxTriggers.length; i++) { const trigger = galleryLightboxTriggers[i]; trigger.addEventListener('click', function() { const imageUrl = this.getAttribute('data-image-url'); const imageTitle = this.getAttribute('data-image-title'); const imageDescription = this.getAttribute('data-image-description'); // Update modal content const modalImage = galleryLightboxModal.querySelector('#lightboxImage'); const modalTitle = galleryLightboxModal.querySelector('#lightboxTitle'); const modalDescription = galleryLightboxModal.querySelector('#lightboxDescription'); if (modalImage) modalImage.src = imageUrl; if (modalTitle) modalTitle.textContent = imageTitle || 'Gallery Image'; if (modalDescription) modalDescription.textContent = imageDescription || ''; }); } } });