+
+ Planen udlægger området til tekniske anlæg og giver mulighed for opstilling af tre vindmøller med en totalhøjde på op til 150 meter samt tilhørende arbejdsarealer, veje og nettilslutningsanlæg.
+HøringenEn høring er en periode hvor borgere, organisationer og myndigheder kan komme med kommentarer og forslag til et bestemt planforslag, før det vedtages endeligt. Læs mere om høringer vedrører Forslag til Lokalplan nr. 1237 med tilhørende miljøvurderingsrapport for opstilling af vindmøller ved Vosnæs nord for Aarhus. Bemærk at høringssvar først gennemgås efter endt høringsfrist.
+Aarhus Kommune har udarbejdet forslag til lokalplan for Vosnæs-området samt tillæg nr. 169 til Kommuneplan 2017Kommuneplanen er kommunens overordnede plan for arealanvendelse de næste 12 år. Den sætter rammerne for hvad der må bygges hvor. Læs mere om kommuneplanen. Der er gennemført en samlet miljøvurderingEn miljøvurdering er en systematisk vurdering af, hvordan et planforslag eller projekt påvirker miljøet — fx natur, støj, landskab og menneskers sundhed. Den er lovpligtig ved væsentlig miljøpåvirkning. Læs mere om miljøvurdering for alle planer og projekter i området.
+Planerne kan ses på Aarhus Lokalplanportal samt fysisk på Dokk1 Hovedbibliotek fra den 5. juni 2025. Lokalplanen udlægger området til tekniske anlægTekniske anlæg dækker over installationer som vindmøller, solcelleanlæg, transformerstationer og lignende infrastruktur, der er nødvendig for energiforsyning og teknisk drift. Læs mere om tekniske anlæg og muliggør opstilling af tre vindmøller med en totalhøjde på op til 150 meter.
+Indkomne høringssvar over tid
+Antal svar per uge i høringsperioden (5. jun – 14. aug 2025)
+Fordeling på kategorier
+Antal høringssvar fordelt på kategori
+Geografisk fordeling af høringssvar
+Kortet viser hvor høringssvarene kommer fra. Større cirkler angiver flere svar fra området.
+På aarhus.dk har vi samlet viden om vindmølleprojekter og lokalplanprocessen. Se bl.a. disse sider.
+ Vindenergi i Aarhus Kommune + Hvad er en lokalplan + Miljøvurdering af planer og projekter +
+ 
+ Se hvilke projekter der aktuelt er igang og som du kan bidrage til som borger i Aarhus Kommune
+ Se igangværende projekter +' + item.description + '
' + + ''; + + if (isOpen) { + var likeBtn = card.querySelector(".horingssvar-card__like-btn"); + likeBtn.addEventListener("click", function(e) { + e.stopPropagation(); + item.likes++; + likeBtn.querySelector(".horingssvar-card__like-count").textContent = DM.formatNumber(item.likes); + likeBtn.classList.add("horingssvar-card__like-btn--liked"); + likeBtn.disabled = true; + }); + } + + card.addEventListener("click", function() { DM.openModal(index); }); + card.addEventListener("keydown", function(e) { + if (e.key === "Enter" || e.key === " ") { + e.preventDefault(); + DM.openModal(index); + } + }); + + return card; +} + +DM.renderGrid = function() { + var state = DM.state; + var grid = document.getElementById("horingssvar-grid"); + var countEl = document.getElementById("horingssvar-count"); + var paginationCount = document.getElementById("pagination-count"); + var showMoreBtn = document.getElementById("show-all-btn"); + + state.filteredData = sortData(filterData(DM.horingssvarData, state.currentCategory), state.currentSort); + + grid.innerHTML = ""; + var shown = Math.min(state.visibleCount, state.filteredData.length); + var displayData = state.filteredData.slice(0, shown); + + displayData.forEach(function(item, index) { + grid.appendChild(createCard(item, index)); + }); + + countEl.textContent = state.filteredData.length; + paginationCount.textContent = "Viser 1 - " + shown + " af " + state.filteredData.length; + + if (shown >= state.filteredData.length) { + showMoreBtn.style.display = "none"; + } else { + showMoreBtn.textContent = "Vis flere"; + showMoreBtn.style.display = ""; + } +}; diff --git a/docs/public/projects/deltag-aarhus/mocks/js/main.js b/docs/public/projects/deltag-aarhus/mocks/js/main.js new file mode 100644 index 0000000..d93ed89 --- /dev/null +++ b/docs/public/projects/deltag-aarhus/mocks/js/main.js @@ -0,0 +1,83 @@ +window.DeltagMock = window.DeltagMock || {}; +var DM = window.DeltagMock; + +/* ========================================================================== + Initialization + ========================================================================== */ + +function init() { + var state = DM.state; + var overlay = document.getElementById("modal-overlay"); + + DM.renderGrid(); + DM.initDropdowns(); + + // Show More + document.getElementById("show-all-btn").addEventListener("click", function() { + state.visibleCount += state.ITEMS_PER_PAGE; + DM.renderGrid(); + }); + + // Modal close + overlay.querySelector(".modal__close").addEventListener("click", DM.closeModal); + + overlay.addEventListener("click", function(e) { + if (e.target === overlay) DM.closeModal(); + }); + + // Modal navigation + document.getElementById("modal-prev").addEventListener("click", function() { DM.navigateModal(-1); }); + document.getElementById("modal-next").addEventListener("click", function() { DM.navigateModal(1); }); + + // Keyboard + document.addEventListener("keydown", function(e) { + if (state.currentModalIndex === -1) return; + + switch (e.key) { + case "Escape": + DM.closeModal(); + break; + case "ArrowLeft": + DM.navigateModal(-1); + break; + case "ArrowRight": + DM.navigateModal(1); + break; + } + }); + + // Focus trap in modal + DM.initFocusTrap(); + + // Close dropdowns on outside click + document.addEventListener("click", function() { + document.querySelectorAll(".dropdown__menu--open").forEach(function(m) { + m.classList.remove("dropdown__menu--open"); + }); + document.querySelectorAll('.dropdown__button[aria-expanded="true"]').forEach(function(b) { + b.setAttribute("aria-expanded", "false"); + }); + }); + + // Deep-link: open modal from URL hash + var hash = window.location.hash; + if (hash.indexOf("#svar-") === 0) { + var id = parseInt(hash.replace("#svar-", ""), 10); + var index = state.filteredData.findIndex(function(item) { return item.id === id; }); + if (index !== -1) { + DM.openModal(index); + } + } +} + +document.addEventListener("DOMContentLoaded", function() { + init(); + DM.initMap(); + DM.initMaterialModal(); + DM.initDecisionModal(); + DM.initGlossary(); + DM.initCompactNav(); + DM.initVariant(); + DM.initMitIDModal(); + DM.initSubmissionModal(); +}); diff --git a/docs/public/projects/deltag-aarhus/mocks/js/map.js b/docs/public/projects/deltag-aarhus/mocks/js/map.js new file mode 100644 index 0000000..85e9700 --- /dev/null +++ b/docs/public/projects/deltag-aarhus/mocks/js/map.js @@ -0,0 +1,53 @@ +window.DeltagMock = window.DeltagMock || {}; +var DM = window.DeltagMock; + +/* ========================================================================== + Map + ========================================================================== */ + +DM.initMap = function() { + var map = L.map("map", { scrollWheelZoom: false }).setView([56.18, 10.15], 12); + + L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", { + attribution: '© OpenStreetMap © CARTO', + subdomains: "abcd", + maxZoom: 20, + }).addTo(map); + + /* Hearing response locations on land around Skødstrup, Løgten and Aarhus. + All points placed well inland to avoid the bay. */ + var responseLocations = [ + { lat: 56.209, lng: 10.148, count: 45, label: "Skødstrup" }, + { lat: 56.192, lng: 10.175, count: 32, label: "Løgten" }, + { lat: 56.155, lng: 10.210, count: 28, label: "Aarhus C" }, + { lat: 56.178, lng: 10.120, count: 22, label: "Lystrup" }, + { lat: 56.168, lng: 10.195, count: 18, label: "Risskov" }, + { lat: 56.218, lng: 10.105, count: 15, label: "Hjortshøj" }, + { lat: 56.148, lng: 10.125, count: 12, label: "Brabrand" }, + { lat: 56.195, lng: 10.095, count: 10, label: "Trige" }, + { lat: 56.162, lng: 10.165, count: 8, label: "Vejlby" }, + { lat: 56.140, lng: 10.165, count: 6, label: "Viby" }, + { lat: 56.175, lng: 10.080, count: 4, label: "Sabro" }, + ]; + + var maxCount = Math.max.apply(null, responseLocations.map(function(l) { return l.count; })); + + responseLocations.forEach(function(loc) { + var ratio = loc.count / maxCount; + var radius = 20 + ratio * 60; + var opacity = 0.25 + ratio * 0.4; + + L.circleMarker([loc.lat, loc.lng], { + radius: radius, + fillColor: "#3661d8", + color: "#3661d8", + weight: 1, + fillOpacity: opacity, + opacity: 0.6, + }) + .addTo(map) + .bindPopup( + "" + loc.label + "" + p + "
"; }) + .join(""); + + // Comments + var commentsSection = document.getElementById("modal-comments"); + var commentsTitle = commentsSection.querySelector(".modal__comments-title"); + commentsSection.innerHTML = ""; + commentsSection.appendChild(commentsTitle); + + if (item.commentsList && item.commentsList.length > 0) { + var visibleComments = item.commentsList.slice(0, state.commentsVisible); + visibleComments.forEach(function(comment) { + var commentEl = document.createElement("div"); + commentEl.className = "modal__comment"; + commentEl.innerHTML = + '' + + '' + comment.date + '' + + '' + comment.text + '
'; + commentsSection.appendChild(commentEl); + }); + + var remaining = item.commentsList.length - state.commentsVisible; + if (remaining > 0) { + var showMoreBtn = document.createElement("button"); + showMoreBtn.className = "modal__comments-show-more"; + showMoreBtn.textContent = "Vis flere kommentarer (" + remaining + " mere)"; + showMoreBtn.addEventListener("click", function() { + /* Progressive disclosure: load next batch on click */ + state.commentsVisible += state.COMMENTS_PER_PAGE; + DM.updateModalContent(); + }); + commentsSection.appendChild(showMoreBtn); + } + } + + /* Comment form — only shown in the open variant */ + if (state.variant === "open") { + var commentForm = document.createElement("form"); + commentForm.className = "modal__comment-form"; + commentForm.innerHTML = + '' + + '' + + ''; + commentsSection.appendChild(commentForm); + + commentForm.addEventListener("submit", function(e) { + e.preventDefault(); + var textarea = commentForm.querySelector("textarea"); + var text = textarea.value.trim(); + if (!text) return; + + item.commentsList.push({ + author: "Maria Jensen (dig)", + date: "I dag", + text: text + }); + item.comments++; + textarea.value = ""; + DM.updateModalContent(); + }); + } + + // Navigation + var prevBtn = document.getElementById("modal-prev"); + var nextBtn = document.getElementById("modal-next"); + var counter = document.getElementById("modal-counter"); + + prevBtn.disabled = state.currentModalIndex === 0; + nextBtn.disabled = state.currentModalIndex === state.filteredData.length - 1; + counter.textContent = (state.currentModalIndex + 1) + " af " + state.filteredData.length; +}; + +DM.navigateModal = function(direction) { + var state = DM.state; + var newIndex = state.currentModalIndex + direction; + if (newIndex < 0 || newIndex >= state.filteredData.length) return; + state.currentModalIndex = newIndex; + /* Reset to first page when switching to a different item */ + state.commentsVisible = state.COMMENTS_PER_PAGE; + DM.updateModalContent(); + window.history.replaceState(null, "", "#svar-" + state.filteredData[state.currentModalIndex].id); +}; diff --git a/docs/public/projects/deltag-aarhus/mocks/js/modal-material.js b/docs/public/projects/deltag-aarhus/mocks/js/modal-material.js new file mode 100644 index 0000000..bc74540 --- /dev/null +++ b/docs/public/projects/deltag-aarhus/mocks/js/modal-material.js @@ -0,0 +1,16 @@ +window.DeltagMock = window.DeltagMock || {}; +var DM = window.DeltagMock; + +/* ========================================================================== + Material Document Modal + ========================================================================== */ + +DM.initMaterialModal = function() { + var controller = DM.createModalController("material-modal-overlay", "material-modal-close"); + var trigger = document.getElementById("material-lokalplan"); + + trigger.addEventListener("click", function(e) { + e.preventDefault(); + controller.open(); + }); +}; diff --git a/docs/public/projects/deltag-aarhus/mocks/js/modal-mitid.js b/docs/public/projects/deltag-aarhus/mocks/js/modal-mitid.js new file mode 100644 index 0000000..2aa19f5 --- /dev/null +++ b/docs/public/projects/deltag-aarhus/mocks/js/modal-mitid.js @@ -0,0 +1,20 @@ +window.DeltagMock = window.DeltagMock || {}; +var DM = window.DeltagMock; + +/* ========================================================================== + MitID Login Modal (mock) + ========================================================================== */ + +DM.initMitIDModal = function() { + var controller = DM.createModalController("mitid-modal-overlay", "mitid-modal-close"); + + DM.openMitIDModal = controller.open; + + document.getElementById("mitid-approve-btn").addEventListener("click", function() { + controller.close(); + /* Small delay so the close animation completes before opening the next modal */ + setTimeout(function() { + if (DM.openSubmissionModal) DM.openSubmissionModal(); + }, 150); + }); +}; diff --git a/docs/public/projects/deltag-aarhus/mocks/js/modal-submission.js b/docs/public/projects/deltag-aarhus/mocks/js/modal-submission.js new file mode 100644 index 0000000..f5979df --- /dev/null +++ b/docs/public/projects/deltag-aarhus/mocks/js/modal-submission.js @@ -0,0 +1,33 @@ +window.DeltagMock = window.DeltagMock || {}; +var DM = window.DeltagMock; + +/* ========================================================================== + Høringssvar Submission Modal + ========================================================================== */ + +DM.initSubmissionModal = function() { + var controller = DM.createModalController("submission-modal-overlay", "submission-modal-close"); + var form = document.getElementById("submission-form"); + var modalBody = form.parentElement; + + DM.openSubmissionModal = controller.open; + + form.addEventListener("submit", function(e) { + e.preventDefault(); + + /* Show success state inside the modal instead of alert */ + modalBody.innerHTML = + 'Dit høringssvar er modtaget og vil indgå i den politiske behandling af Lokalplan nr. 1237. Du modtager en bekræftelse på e-mail.
' + + 'Dette er en mock — intet høringssvar er reelt indsendt.
' + + '
Kommentarer
+ +