Proracun.hr - Savjetovanja

<!DOCTYPE html> <html lang="hr"> <head> <script src="https://cdn.userway.org/widget.js" data-account="qG5uIkw65p"></script> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Proracun.hr - Savjetovanja</title> <meta name="description" content="Jedinstvena baza prora膷una op膰ina i gradova. Transparentnost prora膷unskih informacija na prvom mjestu."> <meta name="keywords" content="prora膷un, prora膷unski prihodi, prora膷unski rashodi, prora膷un grada, prora膷un op膰ine, analiza prora膷una, transparentnost, informacije, prora膷unski novac, prora膷unska sredstva, baza prora膷una"> <meta name="author" content="Mobeskvaliteta d.o.o.">  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" href="/favicon.ico"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="assets/vendor/DataTables/datatables.min.css"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">   <link href="assets/css/style.css" rel="stylesheet"> </head> <body style="position: relative;"> <noscript class="p-4 text-center" style="position: fixed; top: 200px; left: 0; right: 0; z-index: 100; color: white; background-color: orange; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;"> <p class="p-0 m-0" style="text-shadow: 0px 2px 6px rgba(0,0,0,0.6);"> Potrebno je uklju膷iti JavaScript kako bi stranica funkcionirala kako je zami拧ljeno! </p> </noscript>  <header id="header" class="fixed-top d-flex align-items-center header-transparent "> <div class="container d-flex align-items-center justify-content-between"> <div class="logo d-sm-block text-center"> <h1 class="text-center d-block"><a href="/">Proracun.hr</a></h1>   </div> </div> </header>  <section id="hero" class="d-flex flex-column justify-content-end align-items-center"> <div id="heroCarousel" data-bs-interval="5000" class="container carousel carousel-fade" data-bs-ride="carousel">  <div class="carousel-item active"> <div class="carousel-container pt-0"> <h2 class="animate__animated animate__fadeInDown"><span> Op膰ina Gorjani </span></h2> <p class="animate__animated fanimate__adeInUp fw-normal"> <i class="bi bi-pin-map"></i> Kula 1, 31422 Gorjani<br> <i class="bi bi-credit-card-2-front"></i> OIB: 05866611479<br> <i class="bi bi-envelope"></i> opcina.gorjani@gmail.com <br> <i class="bi bi-phone"></i> +385 (0)31 853 421 </p> <p class="animate__animated fanimate__adeInUp mb-0" style="font-size: 20px;">Savjetovanja s javno拧膰u za 2024. godinu </p> </div> </div> </div> <svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none"> <defs> <path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"> </defs> <g class="wave1"> <use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)"> </g> <g class="wave2"> <use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)"> </g> <g class="wave3"> <use xlink:href="#wave-path" x="50" y="9" fill="#fff"> </g> </svg> </section> <section class="pb-0 pt-4"> <div class="container"> <div class="row text-center"> <p><strong>Osoba odgovorna za provo膽enje savjetovanja s javno拧膰u</strong></p> <p><i class="bi bi-person"></i> Tea Milanovi膰 | <i class="bi bi-pin-map"></i> Kula 1, 31422 Gorjani | <i class="bi bi-envelope"></i> opcina.gorjani@gmail.com | <i class="bi bi-phone"></i> +385 (0) 31 853 421 </p> </div> <div class="row mt-3 pb-4"> <div class="col mb-4"> <select class="form-select moduli" id="yearSelect" style="width: 120px; float: right; cursor: pointer;"> <option value='2024' selected>2024</option><option value='2023' >2023</option><option value='2022' >2022</option><option value='2020' >2020</option> </select> </div> <div class="col text-center mb-4"> <a href="javascript:void(0)" class="btn btn-primary moduli" data-bs-toggle="modal" data-bs-target="#godisnji-dokumenti-modal" onclick="fetchDocuments(61, 2024)"><i class="bi bi-folder"></i> Dokumenti </a> </div> <div class="col"> <a href="javascript:void(0)" class="btn btn-danger moduli" data-bs-toggle="modal" data-bs-target="#zakonski-okvir-modal"><i class="bi bi-journal-text"></i> Zakonski okvir</a> </div> </div> </div> </section> <main id="main" class="savjetovanja-main" style="padding: 0px 0px 80px 0px; background-color: #ffffff;"> <div class="container"> <div class="row savjetovanja mb-4"> <div class="col-12 p-0"> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <i class="bi bi-hourglass-split"></i> Savjetovanja u tijeku (0) </button> </h2> <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> <p class="m-0 p-4">Nema Savjetovanja u tijeku.</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo"> <i class="bi bi-hourglass-bottom"></i> Provedena savjetovanja (2) </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> <div class="accordion-body"> <a class="d-block" href="/savjetovanja-detalji.php?kid=61&id=5835"> <article> <h4 class="mb-2"><i class="bi bi-journal-bookmark-fill" title="Predmet"></i> Odluka o odre膽ivanju vrijednosti boda komunalne naknade </h4> <hr> <div class="row"> <div class="col-12 col-md-9"><i class="bi bi-hourglass-bottom" title="Trajanje"></i> 27.09.2024 - 27.10.2024 </div> <div class="col-12 col-md-3"><i class="bi bi-chat-right-text" title="Komentari"></i> 0 </div> </div> </article> </a> <a class="d-block" href="/savjetovanja-detalji.php?kid=61&id=5834"> <article> <h4 class="mb-2"><i class="bi bi-journal-bookmark-fill" title="Predmet"></i> Odluka o komunalnoj naknadi </h4> <hr> <div class="row"> <div class="col-12 col-md-9"><i class="bi bi-hourglass-bottom" title="Trajanje"></i> 27.09.2024 - 27.10.2024 </div> <div class="col-12 col-md-3"><i class="bi bi-chat-right-text" title="Komentari"></i> 0 </div> </div> </article> </a> </div> </div> </div> </div> </div> </div> </div> </main>  <footer id="footer"> <div class="container-fluid"> <div class="copyright"> © 2024. <strong><span>Mobeskvaliteta d.o.o.</span></strong>. Sva prava su pridr啪ana. </div> </div> </footer> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>  <div class="modal fade" id="zakonski-okvir-modal" tabindex="-1" aria-labelledby="modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header bg-dark p-4 pt-2 pb-2" style="color: #ffffff; overflow:hidden; border-radius: 4px 4px 0px 0px;"> <h3 class="modal-title" id="zakonski-okvir-modalLabel">Zakonski Okvir</h3> <button style="color: #ffffff!important;" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zatvori"></button> </div> <div class="modal-body p-4"> <div id="zakonski-okvir-content">  </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Zatvori</button> </div> </div> </div> </div>  <div class="modal fade" id="godisnji-dokumenti-modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl"> <div class="modal-content"> <div class="modal-header bg-dark p-4 pt-2 pb-2" style="color: #ffffff; overflow:hidden; border-radius: 4px 4px 0px 0px;"> <h3 class="modal-title" id="exampleModalLabel">Godi拧nji dokumenti</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zatvori"></button> </div> <div class="modal-body">  </div> </div> </div> </div>  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>  <script src="assets/js/main.js"></script> <script> // Add an event listener for the selection change $("#yearSelect").change(function() { var selectedYear = $(this).val(); if (selectedYear !== "") { var url = '/savjetovanja.php?kid=' + 61 + '&g=' + selectedYear; window.location.href = url; } }); </script> <script> $(document).ready(function() { // Function to load content into the modal function loadZakonskiOkvirContent() { $.ajax({ url: 'load_zakonski_okvir.php', // Change this to the actual URL type: 'GET', dataType: 'html', success: function(data) { $('#zakonski-okvir-content').html(data); } }); } // Load content when the modal is shown $('#zakonski-okvir-modal').on('show.bs.modal', function(e) { loadZakonskiOkvirContent(); }); }); </script> <script> function fetchDocuments(kid, godina) { // Use Fetch API to make an AJAX request fetch(`fetch_savjetovanja_g_doks.php?kid=${kid}&godina=${godina}`) .then(response => response.json()) .then(data => { // Update modal content with fetched documents const modalBody = document.querySelector('#godisnji-dokumenti-modal .modal-body'); modalBody.innerHTML = ''; if (data.length === 0) { // If no documents, display the message modalBody.innerHTML = '<p class="mb-0">Nema dodanih dokumenata</p>'; } else { // If there are documents, create links for each document data.forEach(document => { // Create a clickable link for each document const documentLink = document.dokument ? `<a href="https://otvorenost.hr/uploads/savjetovanja/${kid}/${godina}/godisnji-dokumenti/${document.dokument}" target="_blank">${document.dokument}</a>` : 'No document link available'; modalBody.innerHTML += `<p><i class="bi bi-folder"></i> ${documentLink}</p>`; // Add other document details as needed }); } // Show the modal using Bootstrap's jQuery-based method $('#godisnji-dokumenti-modal').modal('show'); }) .catch(error => console.error('Error:', error)); } </script> </body> </html>

CINXE.COM

Proracun.hr - Savjetovanja