first version of browser extension hireflow

2026-05-04 14:37:21 +02:00
parent 613f0bda5f
commit e182f87cac
10 changed files with 724 additions and 0 deletions
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="nl">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Hireflow Interaction Tracker</title>
+    <link rel="stylesheet" href="popup.css" />
+  </head>
+  <body>
+    <main class="panel">
+      <h1 class="title">Interacties</h1>
+      <p id="hint" class="hint">
+        Open een webpagina en druk op Opnemen. Na Stop kun je de JSON kopiëren.
+      </p>
+      <p id="nav-hint" class="nav-hint hidden" role="status">
+        Opname stopt als je de pagina volledig vernieuwt of sluit.
+      </p>
+      <div class="actions">
+        <button type="button" id="record" class="btn btn-primary">Opnemen</button>
+        <button type="button" id="stop" class="btn btn-danger hidden" disabled>
+          Stop
+        </button>
+      </div>
+      <section id="export-section" class="export hidden">
+        <label class="export-label" for="export-json">JSON</label>
+        <textarea id="export-json" readonly rows="12" spellcheck="false"></textarea>
+        <button type="button" id="copy" class="btn btn-secondary">Kopiëren</button>
+        <p id="copy-status" class="copy-status" aria-live="polite"></p>
+      </section>
+    </main>
+    <script src="popup.js"></script>
+  </body>
+</html>