Berita Utama

SURVEI KEPUASAN MASYARAKAT

Survey

2 bulan yang lalu

Baca Selengkapnya

Berita Terkait Survey

Hasil IKM (Indeks Kepuasan Masyarakat) serta Nilai Kepu...

11 bulan yang lalu

RAPAT TIM KOORDINASI PENATAAN RUANG DAERAH (TKPRD) 18 F...

5 tahun yang lalu

PELAKSANAAN SURVEY INVENTARISASI LPJU KABUPATEN SOLOK

5 tahun yang lalu

PELAKSANAAN SURVEY INVENTARISASI LPJU KABUPATEN SOLOK

5 tahun yang lalu

Berita Utama

Hasil IKM (Indeks Kepuasan Masyarakat) serta Nilai Kepuasan Masyarakat (SKM) periode Tahun 2024.

Survey

11 bulan yang lalu

Baca Selengkapnya

Berita Terkait Survey

RAPAT TIM KOORDINASI PENATAAN RUANG DAERAH (TKPRD) 18 F...

5 tahun yang lalu

PELAKSANAAN SURVEY INVENTARISASI LPJU KABUPATEN SOLOK

5 tahun yang lalu

PELAKSANAAN SURVEY INVENTARISASI LPJU KABUPATEN SOLOK

5 tahun yang lalu

Berita Utama

Komisi III DPRD Kabupaten Pesisir Selatan Lakukan Kunjungan Kerja ke Dinas Pekerjaan Umum dan Penata

Kunjungan Kerja

4 tahun yang lalu

Baca Selengkapnya

Berita Terkait Kunjungan Kerja

Kunjungan BWSS V Padang ke Batang Lembang dan Sungai La...

5 tahun yang lalu

Kunjungan Kerja Rombongan Kementrian Koordinator Bid.Po...

5 tahun yang lalu

Berita Utama

Pekerjaan Jalan Koto Tingga - Sirukam (DAK)

Pekerjaan Umum dan Tata Ruang

4 tahun yang lalu

Baca Selengkapnya

Berita Terkait Pekerjaan Umum dan Tata Ruang

Goro bersama di lingkungan kantor Dinas PUPR

4 bulan yang lalu

Uji Fungsi PAMSIMAS Th 2020 di Jorong Bungo Harum

5 tahun yang lalu

Uji Fungsi PAMSIMAS Th 2020 di Jorong Pandan Permai

5 tahun yang lalu

Uji Fungsi PAMSIMAS Th 2020 di Jorong Baringin

5 tahun yang lalu

Berita Utama

Rapat Staf Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten Solok

Rapat

4 tahun yang lalu

Baca Selengkapnya

Berita Terkait Rapat

RAPAT TIM KOORDINASI PENATAAN RUANG DAERAH (TKPRD)

5 tahun yang lalu

RAPAT TIM KOORDINASI PENATAAN RUANG DAERAH (TKPRD)

5 tahun yang lalu

Rapat Evaluasi Survey DAU dan DAK dan Persiapan survey...

5 tahun yang lalu

RAPAT TIM KOORDINASI PENATAAN RUANG DAERAH (TKPRD)

5 tahun yang lalu

Layanan Unggulan

Menampilkan daftar layanan utama instansi.

PPID

Layanan Informasi Publik Kabupaten Solok

JDIH

Jaringan Data dan Informasi Hukum

SISFO

Sistem Informasi Perizinan Kabupaten Solok

LAPOR

Layanan Aspirasi dan Pengaduan Online Rakyat

Cari Informasi Apapun

Gunakan kotak pencarian di bawah ini untuk menemukan konten di seluruh website kami.

Berita Terkini

Lihat Semua Berita

Menampilkan tab berita terbaru dan populer/pilihan.

Goro bersama di lingkungan kantor Dinas PUPR

4 bulan yang lalu

181

Hasil IKM (Indeks Kepuasan Masyarakat) serta Nilai Kepuasan...

11 bulan yang lalu

455

Komisi III DPRD Kabupaten Pesisir Selatan Lakukan Kunjungan...

4 tahun yang lalu

2426

Pekerjaan Jalan Koto Tingga - Sirukam (DAK)

4 tahun yang lalu

454

Rapat Staf Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten...

4 tahun yang lalu

3125

Goro bersama di lingkungan kantor Dinas PUPR

4 bulan yang lalu

181

Hasil IKM (Indeks Kepuasan Masyarakat) serta Nilai Kepuasan...

11 bulan yang lalu

455

Komisi III DPRD Kabupaten Pesisir Selatan Lakukan Kunjungan...

4 tahun yang lalu

2426

Pekerjaan Jalan Koto Tingga - Sirukam (DAK)

4 tahun yang lalu

454

Rapat Staf Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten...

4 tahun yang lalu

3125

Widget Kalender Acara

Lihat Semua

Menampilkan kalender interaktif dan daftar acara.

Acara untuk Jumat, 09 Oktober 2026

Sorotan Video

Menampilkan video unggulan dan daftar video lainnya.

Playlist Video 1 11 bulan yang lalu

Kabupaten Solok Ashiiaap Menuju Smart City

Lihat Playlist

Dokumen Terbaru

Lihat Semua

Menampilkan slider dokumen terbaru.

RENSTRA DPUPR 2025 - 2029

Rencana Strategis Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten Solok Tahun 2025 - 2029

Lihat

Perjanjian Kinerja Tahun 2026

Perjanjian Kinerja Kepala Dinas Tahun 2026

Lihat

RENJA 2026

Rencana Kerja (RENJA) Tahun Anggaran 2026 Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten Solok...

Lihat

SURAT KEPUTUSAN PENGELOLA PENGADUAN

<hr class="my-3"> <div class="d-flex"> <a href="https://dpupr.solokkab.go.id/documents/surat-keputusan-pengelola-pengaduan" class="btn btn-sm btn-info w-100 ms-2"> <i class="bx bx-download fs-lg me-1"></i> Lihat </a> </div> </div> </div> </div> <div class="swiper-slide h-auto pb-3"> <div class="card h-100 border-0 shadow-sm card-hover document-card"> <div class="card-header border-0 pb-0"> <div class="d-flex justify-content-center align-items-center bg-secondary rounded-3 document-icon-wrapper" style="height: 140px;"> <i class="fa-solid fa-file-pdf text-danger fs-1"></i> </div> </div> <div class="card-body pb-0"> <h3 class="h5" style="font-size: medium;"> <a href="https://dpupr.solokkab.go.id/storage/104/5.3-LKjIP-2025.pdf" target="_blank" class=""> Laporan Akuntabilitas Kinerja (LKjIP) Th.2025 Dina... </a> </h3> <p class="fs-sm text-muted mb-0"><p>Dokumen Laporan Kinerja Instansi Pemerintah (LKjIP) Dinas Pekerjaan Umum dan Penataan Ruang Tahun...</p> </div> <div class="card-footer pt-0 border-0"> <hr class="my-3"> <div class="d-flex"> <a href="https://dpupr.solokkab.go.id/documents/laporan-akuntabilitas-kinerja-lkjip-th2025-dinas-pupr" class="btn btn-sm btn-info w-100 ms-2"> <i class="bx bx-download fs-lg me-1"></i> Lihat </a> </div> </div> </div> </div> <div class="swiper-slide h-auto pb-3"> <div class="card h-100 border-0 shadow-sm card-hover document-card"> <div class="card-header border-0 pb-0"> <div class="d-flex justify-content-center align-items-center bg-secondary rounded-3 document-icon-wrapper" style="height: 140px;"> <i class="fa-solid fa-file-pdf text-danger fs-1"></i> </div> </div> <div class="card-body pb-0"> <h3 class="h5" style="font-size: medium;"> <a href="https://dpupr.solokkab.go.id/storage/103/Data-Pegawai-dan-PPPK-DINAS-PUPR-Tahun-2025.pdf" target="_blank" class=""> Pejabat dan Pegawai Dinas Pekerjaan Umum dan Penat... </a> </h3> <p class="fs-sm text-muted mb-0"><p>Daftar pejabat struktural dan pegawai ASN (PNS & PPPK) di lingkungan Dinas Pekerjaan Umum dan...</p> </div> <div class="card-footer pt-0 border-0"> <hr class="my-3"> <div class="d-flex"> <a href="https://dpupr.solokkab.go.id/documents/pejabat-dan-pegawai-dinas-pekerjaan-umum-dan-penataan-ruang-kabsolok" class="btn btn-sm btn-info w-100 ms-2"> <i class="bx bx-download fs-lg me-1"></i> Lihat </a> </div> </div> </div> </div> </div> <div class="swiper-pagination position-relative pt-2 mt-4"></div> </div> </div> </section>  <script> document.addEventListener('DOMContentLoaded', function() { if (window.documentAnimationObserver) return; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); const elementsToAnimate = document.querySelectorAll('.animated-documents .fade-in-up'); elementsToAnimate.forEach(el => { observer.observe(el); }); window.documentAnimationObserver = true; }); </script> </main> <footer class="footer border-top border-light pt-5 pb-4 pb-lg-5 mt-2 mt-md-0 footer-dynamic-bg" style="font-size: smaller;"> <div class="container pt-lg-4"> <div class="row pb-5"> <div class="col-lg-4 col-md-6"> <div class="navbar-brand text-dark p-0 me-0 mb-3 mb-lg-4"> <img src="https://dpupr.solokkab.go.id/storage/1/header.png" style="min-width: 40px; max-width: 150px; min-height: 40px; max-height: 80px;" alt="Website Resmi Dinas Pekerjaan Umum Dan Penataan Ruang Kabupaten Solok"> </div> <p class="fs-sm pb-lg-3 mb-4"></p>  </div> <div class="col-xl-6 col-lg-7 col-md-5 offset-xl-2 offset-md-1 pt-4 pt-md-1 pt-lg-0"> <div id="footer-links" class="row"> </div> </div> </div> <p class="nav d-block fs-xs text-center text-md-start pb-2 pb-lg-0 mb-0"> © 2026 - Website Resmi Dinas Pekerjaan Umum Dan Penataan Ruang Kabupaten Solok All rights reserved. </p> </div> </footer> <div class="modal fade" id="serviceDetailModal" tabindex="-1" aria-labelledby="serviceDetailModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-header border-0 pb-0"> <h4 class="modal-title" id="serviceDetailModalLabel"></h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p id="serviceDetailDescription" class="fs-lg text-muted"></p> <div id="serviceSubmenuList" class="list-group list-group-flush mt-4"></div> </div> </div> </div> </div>  <a href="#top" class="btn-scroll-top" data-scroll> <span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span> <i class="btn-scroll-top-icon bx bx-chevron-up"></i> </a>  <script src="https://dpupr.solokkab.go.id/silicon/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="https://dpupr.solokkab.go.id/silicon/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>  <script src="https://dpupr.solokkab.go.id/silicon/vendor/swiper/swiper-bundle.min.js"></script>  <script src="https://dpupr.solokkab.go.id/silicon/js/theme.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { const serviceItems = document.querySelectorAll('.service-item'); const serviceModal = new bootstrap.Modal(document.getElementById('serviceDetailModal')); function buildSubmenuHtml(item) { const hasChildren = item.children && item.children.length > 0; let childrenHtml = hasChildren ? `<div class="list-group list-group-flush ps-4 mt-2" style="display: none;">${item.children.map(buildSubmenuHtml).join('')}</div>` : ''; const href = hasChildren ? '#' : (item.url || '#'); const target = hasChildren ? '' : `target="${item.target}"`; const itemClass = 'list-group-item list-group-item-action d-flex align-items-center py-3'; const toggleIcon = hasChildren ? '<i class="bx bx-chevron-down fs-4 ms-auto text-muted"></i>' : ''; const iconHtml = item.icon_url ? `<img src="${item.icon_url}" alt="" class="rounded me-3" width="40" height="40" style="object-fit:contain;">` : `<i class="bx bx-radio-circle-marked fs-4 text-primary me-3"></i>`; return `<a href="${href}" ${target} class="${itemClass}">${iconHtml}<div class="flex-grow-1"><div class="fw-bold">${item.title}</div><small class="text-muted d-block text-wrap">${item.description || ''}</small></div>${toggleIcon}</a>${childrenHtml}`; } serviceItems.forEach(item => { item.addEventListener('click', function() { try { const serviceData = JSON.parse(this.dataset.serviceItem); const hasChildren = serviceData.children && serviceData.children.length > 0; if (hasChildren) { // Jika punya submenu, buka modal const modalTitle = document.getElementById('serviceDetailModalLabel'); const modalDescription = document.getElementById('serviceDetailDescription'); const modalSubmenuList = document.getElementById('serviceSubmenuList'); modalTitle.textContent = serviceData.title; modalDescription.textContent = serviceData.description || ''; modalSubmenuList.innerHTML = ''; // Clear previous content serviceData.children.forEach(child => { modalSubmenuList.insertAdjacentHTML('beforeend', buildSubmenuHtml(child)); }); serviceModal.show(); } else { // Jika tidak punya submenu, berfungsi sebagai link biasa if (serviceData.target === '_blank') { window.open(serviceData.url, '_blank'); } else { window.location.href = serviceData.url; } } } catch (e) { console.error("Error parsing service data:", e); alert("Terjadi kesalahan saat membuka detail layanan."); } }); }); // Event delegation untuk handle klik submenu di dalam modal $('#serviceSubmenuList').on('click', 'a', function(e) { var sublist = $(this).next('.list-group'); if (sublist.length > 0) { e.preventDefault(); sublist.slideToggle(250); $(this).find('i.bx').toggleClass('bx-chevron-down bx-chevron-up'); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // ... (skrip Anda yang lain, seperti untuk modal layanan) // ========================================================= // INTERAKTIVITAS GAMBAR MEGA MENU // ========================================================= const megaMenuLinks = document.querySelectorAll('.mega-menu-link'); megaMenuLinks.forEach(link => { const imageContainerSelector = link.dataset.parentImageContainer; const imageContainer = document.querySelector(imageContainerSelector); const defaultImage = link.dataset.defaultImage; const hoverImage = link.dataset.hoverImage; if (imageContainer) { // Saat mouse masuk ke link link.addEventListener('mouseenter', function() { imageContainer.style.backgroundImage = `url(${hoverImage})`; }); // Saat mouse keluar dari link link.addEventListener('mouseleave', function() { imageContainer.style.backgroundImage = `url(${defaultImage})`; }); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { // ... script Anda yang lain ... // --- LOGIKA UNTUK PENCARIAN GLOBAL --- const globalSearchForm = document.getElementById('global-search-form'); if (globalSearchForm) { globalSearchForm.addEventListener('submit', function(e) { // 1. Cegah pengiriman form standar e.preventDefault(); // 2. Ambil kata kunci dari input const searchInput = this.querySelector('input[name="search"]'); const query = searchInput.value.trim(); // 3. Hanya lanjutkan jika ada input if (query) { // 4. Bangun URL tujuan (halaman artikel) dengan parameter pencarian const destinationUrl = new URL("https://dpupr.solokkab.go.id/artikel"); destinationUrl.searchParams.set('search', query); // 5. Alihkan pengguna ke URL tersebut window.location.href = destinationUrl.href; } }); } }); </script> <script> // Inisialisasi semua tooltip di halaman var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }) </script> <script> document.addEventListener('DOMContentLoaded', function() { const weatherToggler = document.getElementById('weather-toggler'); const detailPanel = document.getElementById('weather-detail-panel'); const detailContent = document.getElementById('weather-details-content'); const toggleDetailsButton = document.getElementById('toggle-weather-details'); if (weatherToggler && detailPanel) { // --- 1. Logika untuk Menampilkan/Menyembunyikan Panel Utama --- weatherToggler.addEventListener('click', function() { // Toggle display antara 'block' dan 'none' if (window.getComputedStyle(detailPanel).display === 'block') { detailPanel.style.display = 'none'; } else { detailPanel.style.display = 'block'; } }); } if (toggleDetailsButton && detailContent) { // --- 2. Logika untuk Menampilkan/Menyembunyikan Konten Detail (Collapse) --- // Buat instance Bootstrap Collapse secara manual const collapseElement = new bootstrap.Collapse(detailContent, { toggle: false // Jangan otomatis buka/tutup saat inisialisasi }); toggleDetailsButton.addEventListener('click', function(e) { e.preventDefault(); // Panggil metode show/hide dari Bootstrap collapseElement.toggle(); // Ubah teks tombol this.classList.toggle('active'); }); } }); </script> <div id="notification-prompt" class="toast align-items-center text-bg-light border-0 shadow-lg fade" role="alert" aria-live="assertive" aria-atomic="true" style="position: fixed; bottom: 24px; right: 24px; z-index: 2000; display: none; width: 340px; border-radius: 12px;"> <div class="toast-header text-white rounded-top" style="background-color: var(--dynamic-primary-color);"> <i class="bi bi-bell-fill me-2"></i> <strong class="me-auto">Notifikasi Berita</strong> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body p-3"> <p class="mb-2 text-muted"> Dapatkan informasi terbaru langsung di perangkat Anda. <strong>Aktifkan notifikasi?</strong> </p> <div class="d-flex justify-content-end gap-2"> <button class="btn btn-sm btn-outline-secondary" data-bs-dismiss="toast">Nanti</button> <button id="enable-notifications-btn" class="btn btn-sm btn-primary shadow-sm" style="background-color: var(--dynamic-primary-color);">Ya, Aktifkan</button> </div> </div> </div> <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script> <script> // Konfigurasi dan variabel global const apiToken = document.querySelector('meta[name="api-token"]')?.getAttribute('content'); const firebaseConfig = { apiKey: "AIzaSyAhBaK4wh_cQ-QXhhS9mII6Yft3Qe25E_4", authDomain: "websolok.firebaseapp.com", projectId: "websolok", storageBucket: "websolok.firebasestorage.app", messagingSenderId: "847023369476", appId: "1:847023369476:web:637c915906028d766bf451", measurementId: "G-L7JFRRC9QF" }; // Inisialisasi Firebase firebase.initializeApp(firebaseConfig); // Cek dukungan browser dan Service Worker if ('serviceWorker' in navigator && firebase.messaging.isSupported()) { const messaging = firebase.messaging(); navigator.serviceWorker.register('/firebase-messaging-sw.js') .then((registration) => { messaging.useServiceWorker(registration); // Setelah Service Worker siap, jalankan logika utama initializeNotificationLogic(messaging); }).catch((err) => { console.error('Service Worker registration failed:', err); }); } else { console.warn("Firebase Messaging atau Service Worker tidak didukung di browser ini."); } // Fungsi utama yang mengatur logika notifikasi function initializeNotificationLogic(messaging) { const prompt = document.getElementById('notification-prompt'); const enableBtn = document.getElementById('enable-notifications-btn'); const laterButtons = document.querySelectorAll('[data-bs-dismiss="toast"]'); const toast = new bootstrap.Toast(prompt, { autohide: false }); // ========================================================== // LOGIKA UTAMA UNTUK MENAMPILKAN PROMPT // ========================================================== function shouldShowPrompt() { // 1. Jangan tampilkan jika izin sudah diberikan (granted) atau diblokir (denied) if (Notification.permission === 'granted' || Notification.permission === 'denied') { return false; } // 2. Jangan tampilkan jika pengguna sudah memilih "Nanti" di sesi ini // (Kita gunakan sessionStorage agar berlaku per tab/sesi) if (sessionStorage.getItem('notification_prompt_dismissed') === 'true') { return false; } // 3. Jika semua kondisi di atas tidak terpenuhi, tampilkan prompt return true; } // Tampilkan prompt jika seharusnya ditampilkan if (shouldShowPrompt()) { prompt.style.display = 'block'; setTimeout(() => toast.show(), 2000); // Beri jeda 2 detik } // ========================================================== // Event listener untuk tombol "Ya, Aktifkan" enableBtn.addEventListener('click', () => { Notification.requestPermission().then((permission) => { toast.hide(); // Sembunyikan prompt apapun hasilnya if (permission === 'granted') { console.log('Notification permission granted.'); getTokenAndSendToServer(messaging); } else { console.log('Permission not granted. User has denied notifications.'); // Kita bisa simpan status 'denied' di localStorage jika perlu, // tapi Notification.permission sudah cukup. } }); }); // Event listener untuk tombol "Nanti" atau tombol close (X) laterButtons.forEach(button => { button.addEventListener('click', () => { // Tandai bahwa pengguna telah menutup prompt di sesi ini sessionStorage.setItem('notification_prompt_dismissed', 'true'); console.log('User chose "Later". Prompt will not show again in this session.'); }); }); } // Fungsi untuk mendapatkan token FCM function getTokenAndSendToServer(messaging) { const vapidKey = "BFBehBroL2ONxRjglTGGafZxPIcW8dBmk0WiaEPHugtmNA-BctsdYC1CAv1hFSjmxVbMZYkXo0BqokzDXZmcC94"; messaging.getToken({ vapidKey: vapidKey }) .then((currentToken) => { if (currentToken) { console.log('FCM Token:', currentToken); sendTokenToServer(currentToken); } }).catch((err) => { console.error('An error occurred while retrieving token. ', err); }); } // Fungsi untuk mengirim token ke server function sendTokenToServer(token) { if (!apiToken) { console.error('API Token not found in meta tag.'); return; } fetch("https://dpupr.solokkab.go.id/api/v1/fcm-tokens", { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'Authorization': `Bearer ${apiToken}` }, body: JSON.stringify({ token: token }) }) .then(response => { if (response.ok) { console.log('FCM token sent to server successfully.'); } else { console.error('Failed to send FCM token to server.'); } }) .catch(error => console.error('Error sending FCM token:', error)); } </script></body> </html>

Widget Informasi Cuaca

SURVEI KEPUASAN MASYARAKAT

Hasil IKM (Indeks Kepuasan Masyarakat) serta Nilai Kepuasan Masyarakat (SKM) periode Tahun 2024.

Komisi III DPRD Kabupaten Pesisir Selatan Lakukan Kunjungan Kerja ke Dinas Pekerjaan Umum dan Penata

Pekerjaan Jalan Koto Tingga - Sirukam (DAK)

Rapat Staf Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten Solok

Layanan Unggulan

PPID

JDIH

SISFO

LAPOR

Cari Informasi Apapun

Berita Terkini

Widget Kalender Acara

Acara untuk Jumat, 09 Oktober 2026

Sorotan Video

Kabupaten Solok Ashiiaap Menuju Smart City

Dokumen Terbaru