Merge pull request #23 from itk-dev/feature/add-uniparken-solceller-mock

feat: add Universitetsparken solceller mock (deltag-aarhus)

Author: yepzdk

CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ## [Unreleased]
 
+### Added — Solceller i Universitetsparken hearing detail mock (deltag-aarhus)
+- Second interactive prototype for deltag.aarhus.dk under `docs/public/projects/deltag-aarhus/mocks/uniparken/` — Lokalplan nr. 1245 om et solcelleanlæg på Universitetsparkens fællesplæne, med samme funktionalitet som Vosnæs-prototypen (784 høringssvar, åben/afsluttet variant, alle modaler, kort, statistik)
+- Introduced a per-mock config layer (`mocks/js/config.js` + per-mock `window.DeltagMock.config` override) so plan number, deadlines, map center/clusters and active dataset are swappable without duplicating shared CSS/JS. The Vosnæs mock continues to use the file's defaults.
+
 ### Added — Dansk Viden til Dansk AI Project
 - National publication-corpus prototype for Danish public-sector knowledge collection feeding Danish AI training data, with a clear split between an open publication catalogue and a curated, rights-cleared training data bank
 - Single-page mock with seven views: forsiden, login/registrering, upload med simuleret AI-katalogisering, søgning med facetter, publikationsdetalje, favoritter og samlinger med base64-pakkede delelinks — bruger `localStorage` som backend

docs/projects/deltag-aarhus/index.md

@@ -77,6 +77,7 @@ Se [Redaktionelt indhold — Høringsdetalje side](editor-content-requirements.m
 
 ## Interaktiv prototype
 
-<a href="/research-projects/projects/deltag-aarhus/mocks/index.html" class="mock-button" target="_blank">Åbn prototypen ↗</a>
+<a href="/research-projects/projects/deltag-aarhus/mocks/index.html" class="mock-button" target="_blank">Åbn Vosnæs-prototypen ↗</a>
+<a href="/research-projects/projects/deltag-aarhus/mocks/uniparken/index.html" class="mock-button" target="_blank">Åbn Universitetsparken-prototypen ↗</a>
 
-Prøv at skifte mellem åben og afsluttet variant via linkene i det blå mock-banner øverst.
+Prøv at skifte mellem åben og afsluttet variant via linkene i det blå mock-banner øverst. De to prototyper bruger samme høringsdetalje-skabelon — kun indhold, datasæt og kort er forskelligt — for at vise at samme komponenter understøtter meget forskellige høringer.

docs/projects/deltag-aarhus/mocks.md

@@ -8,3 +8,6 @@ Interaktive HTML-prototyper der demonstrerer den foreslåede høringsdetalje-sid
 
 **<a href="/research-projects/projects/deltag-aarhus/mocks/index.html" target="_blank">Høringsdetalje — Vindmøller ved Vosnæs ↗</a>**
 Komplet høringsdetalje-side med 784 simulerede høringssvar, filtrering, sortering, MitID-login, indsendelsesformular, statistik, kort, ordforklaringer og afgørelsesmodal. Skift mellem åben og afsluttet variant via mock-banneret.
+
+**<a href="/research-projects/projects/deltag-aarhus/mocks/uniparken/index.html" target="_blank">Høringsdetalje — Solceller i Universitetsparken ↗</a>**
+Samme høringsdetalje-skabelon anvendt på en anden sag: forslag om at placere et solcelleanlæg på fællesplænen i Universitetsparken. Genbruger CSS- og JS-komponenterne fra Vosnæs-prototypen via et per-mock config-lag, så indhold, datasæt og kortcentrum kan udskiftes uden at duplikere koden.

docs/public/projects/deltag-aarhus/mocks/index.html

@@ -696,6 +696,8 @@ <h2 class="modal__title" id="submission-modal-title">Indsend høringssvar</h2>
   </div>
 
   <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
+  <!-- Per-mock config (must load before data.js so DM.config.dataset is set) -->
+  <script src="js/config.js"></script>
   <!-- Data and state -->
   <script src="js/data.js"></script>
   <script src="js/state.js"></script>

docs/public/projects/deltag-aarhus/mocks/js/config.js

@@ -0,0 +1,53 @@
+window.DeltagMock = window.DeltagMock || {};
+var DM = window.DeltagMock;
+
+/* ==========================================================================
+   Per-mock config
+
+   Defaults describe the Vosnæs vindmølle-mock so /mocks/index.html keeps
+   working without any extra setup. A sibling mock (e.g. /mocks/uniparken/)
+   sets window.DeltagMock.config before this file loads to override fields.
+   ========================================================================== */
+
+var defaults = {
+  planNumber: "1237",
+  hearingTitle: "Vindmøller ved Vosnæs",
+  deadlines: {
+    open: "14. oktober 2025",
+    closed: "14. august 2025"
+  },
+  map: {
+    center: [56.18, 10.15],
+    zoom: 12,
+    clusters: [
+      { 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" }
+    ]
+  },
+  dataset: "vosnaes"
+};
+
+var override = DM.config || {};
+DM.config = {
+  planNumber: override.planNumber || defaults.planNumber,
+  hearingTitle: override.hearingTitle || defaults.hearingTitle,
+  deadlines: {
+    open: (override.deadlines && override.deadlines.open) || defaults.deadlines.open,
+    closed: (override.deadlines && override.deadlines.closed) || defaults.deadlines.closed
+  },
+  map: {
+    center: (override.map && override.map.center) || defaults.map.center,
+    zoom: (override.map && override.map.zoom) || defaults.map.zoom,
+    clusters: (override.map && override.map.clusters) || defaults.map.clusters
+  },
+  dataset: override.dataset || defaults.dataset
+};