🚧 WIP

webui/templates/data.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+{% block title %}Data — MQTT Ingester{% endblock %}
+{% block content %}
+<h1>Recent telemetry</h1>
+<form method="get" action="/data" class="filter">
+  <input type="search" name="topic" value="{{ topic }}" placeholder="Filter by topic, e.g. 11001.*">
+  <button type="submit">Filter</button>
+</form>
+<p class="hint">Showing the 100 most recent measurements you have access to. Patterns follow the access rules: <code>*</code> matches any sequence.</p>
+{% if rows %}
+<table>
+  <thead><tr><th>Time</th><th>Topic</th><th>Payload</th></tr></thead>
+  <tbody>
+  {% for row in rows %}
+    <tr>
+      <td>{{ row.time }}</td>
+      <td>{{ row.topic }}</td>
+      <td><code>{{ row.payload | tojson }}</code></td>
+    </tr>
+  {% endfor %}
+  </tbody>
+</table>
+{% else %}
+<p>No telemetry visible (nothing ingested yet, or your access rules match no topics).</p>
+{% endif %}
+{% endblock %}