Initial commit

templates/admin/dashboard.html

@@ -0,0 +1,74 @@
+{% extends 'admin/base.html' %}
+{% block content %}
+  <div class="row g-3">
+    <div class="col-lg-7">
+      <div class="card">
+        <div class="card-header d-flex justify-content-between align-items-center">
+          <span>Connected Displays</span>
+          <small class="text-muted">live</small>
+        </div>
+        <div class="card-body p-0">
+          <table class="table table-sm mb-0" id="tbl-displays">
+            <thead>
+              <tr>
+                <th>ID</th>
+                <th>Name</th>
+                <th>Public URL</th>
+                <th>Status</th>
+                <th>Last seen</th>
+                <th>Latency</th>
+                <th>Offset</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for d in displays %}
+                <tr data-public-id="{{ d.public_id }}">
+                  <td>{{ d.id }}</td>
+                  <td>{{ d.name }}</td>
+                  <td><a href="{{ url_for('main.display_page', public_id=d.public_id) }}" target="_blank">/display/{{ d.public_id }}</a></td>
+                  <td class="st">{{ 'online' if d.is_online else 'offline' }}</td>
+                  <td class="ls">{{ d.last_seen or '' }}</td>
+                  <td class="lat"></td>
+                  <td class="off"></td>
+                </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-lg-5">
+      <div class="card mb-3">
+        <div class="card-header">Active Event</div>
+        <div class="card-body">
+          <div id="active-event">
+            {% if active %}
+              <div>
+                <strong>{{ active.name }}</strong> (#{{ active.event_id }})
+              </div>
+              <div>Start: <code>{{ active.start_time_ms }}</code></div>
+            {% else %}
+              <div class="text-muted">No active event</div>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+
+      <div class="card">
+        <div class="card-header">Manual Trigger</div>
+        <div class="card-body">
+          {% for e in events %}
+            <form method="post" action="{{ url_for('admin.event_trigger', event_id=e.id) }}" class="d-flex justify-content-between align-items-center mb-2">
+              <div>
+                <strong>{{ e.name }}</strong>
+                <small class="text-muted">(#{{ e.id }})</small>
+              </div>
+              <button class="btn btn-primary btn-sm" type="submit">Trigger</button>
+            </form>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}