demo mode

static/js/app.js

@@ -55,6 +55,18 @@
     });
   });
 
+
+  if (document.body.dataset.demoReadOnly === "true") {
+    document.querySelectorAll('form[method="post" i]:not([data-demo-allow])').forEach((form) => {
+      form.querySelectorAll('button:not([type]), button[type="submit"], input[type="submit"]').forEach((control) => {
+        control.disabled = true;
+        control.dataset.demoDisabled = "true";
+        control.setAttribute("aria-describedby", "demo-read-only-note");
+        control.title = "Niet beschikbaar in de alleen-lezen demo";
+      });
+    });
+  }
+
   const motionAllowed = !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   if (motionAllowed) {
     document.querySelectorAll("[data-radar-illustration]").forEach((illustration) => {