diff --git a/static/style.css b/static/style.css
index d020b2d..42f26cf 100644
--- a/static/style.css
+++ b/static/style.css
@@ -250,12 +250,6 @@ dl.props dd { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.viewer-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.kaart-frame { height: 520px; max-height: 75vh; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; background: var(--blue); }
.kaart-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
-.kavel .kavel-adres { margin: 0 0 0.75rem; }
-.kavel .kavel-kpi { padding: 0.75rem 1rem; }
-.kavel .kavel-kpi .value { font-size: clamp(1.1rem, 2.4vw, 1.5rem); margin: 0.2rem 0 0; }
-.kavel .kavel-kpi.vrij { background: var(--orange-tint-soft); border-color: var(--orange-line); }
-.kavel .kavel-kpi.vrij .value { color: var(--orange); }
-.kavel dl.props dt[hidden], .kavel dl.props dd[hidden] { display: none; }
/* documenten met versies (contact, relatie, portaal) */
.docs { margin-bottom: 1rem; }
.doc { border-top: 1px solid var(--line); }
diff --git a/templates/_kaart.html b/templates/_kaart.html
index 231f1c1..b5801d0 100644
--- a/templates/_kaart.html
+++ b/templates/_kaart.html
@@ -1,29 +1,18 @@
-{# Kavel bij een contact of relatie: de kavelgegevens in CRM-stijl, daaronder alleen de kaart (kaart-app,
- &weergave=kaart). De kaart stuurt de gegevens met postMessage ({type: 'kaveltoets', resultaat | fout}). #}
+{# Kavel bij een contact of relatie: de meters en de link naar het Omgevingsloket, daaronder alleen de kaart
+ (kaart-app, &weergave=kaart). Alle details staan op de volledige kaartpagina (knop). De kaart stuurt de gegevens
+ met postMessage ({type: 'kaveltoets', resultaat | fout}). #}
{% macro kaart_block(kaart) %}
-
Kavel wordt opgezocht…
+
Kavel wordt opgezocht…
@@ -34,37 +23,12 @@
const status = card.querySelector('[data-kavel-status]'), open = card.querySelector('[data-kavel-open]');
const k = (n) => card.querySelector(`[data-k="${n}"]`);
const m2 = (n) => n == null ? '—' : `${Number(n).toLocaleString('nl-NL')} m²`;
- const janee = (v, ja) => v == null ? 'onbekend' : v ? ja : 'nee';
- const links = (el, lijst) => {
- el.replaceChildren(...lijst.flatMap((p, i) => {
- const a = document.createElement('a');
- a.href = p.url; a.target = '_blank'; a.rel = 'noopener noreferrer';
- a.textContent = p.naam + (p.datum ? ` (${p.datum.slice(0, 4)})` : '');
- return i ? [document.createElement('br'), a] : [a];
- }));
- card.querySelectorAll(`[data-rij="${el.dataset.k}"]`).forEach(r => { r.hidden = !lijst.length; });
- };
addEventListener('message', (e) => {
if (e.origin !== location.origin || e.source !== frame.contentWindow || !e.data || e.data.type !== 'kaveltoets') return;
if (e.data.fout) { status.textContent = e.data.fout; status.hidden = false; box.hidden = true; return; }
const r = e.data.resultaat;
status.hidden = true; box.hidden = false;
- k('adres').textContent = r.adres;
- k('perceel').textContent = [r.kavelnummer && `perceel ${r.kavelnummer}`].filter(Boolean).join(' · ');
- k('kavel_m2').textContent = m2(r.kavel_m2);
- k('bebouwd_m2').textContent = m2(r.bebouwd_m2);
- k('vrije_m2').textContent = m2(r.vrije_m2);
- k('bestemming').textContent = r.bestemming || '—';
- links(k('plannen'), r.plannen || []);
- links(k('paraplu'), r.paraplu || []);
- k('achtererf').textContent = r.achtererf || '—';
- k('natura2000').textContent = janee(r.natura2000, 'ja, raakt de kavel');
- k('cultuurgebied').textContent = janee(r.cultuurgebied, 'ja, ligt erin');
- k('rijksmonument').textContent = janee(r.rijksmonument, 'ja, op de kavel');
- k('bouwjaar').textContent = r.bouwjaar || '—';
- const multi = k('multi');
- multi.hidden = !(r.adressen_op_kavel > 1);
- multi.textContent = multi.hidden ? '' : `Let op: op ${r.aantal_percelen > 1 ? 'deze percelen' : 'dit perceel'} liggen ${r.adressen_op_kavel} adressen; kavel en bebouwd gelden voor het hele perceel.`;
+ ['kavel_m2', 'bebouwd_m2', 'vrije_m2'].forEach(n => { k(n).textContent = m2(r[n]); });
k('loket').href = r.loket;
if (r.link) open.href = r.link;
});