push

templates/dashboards/public_view.html

@@ -0,0 +1,69 @@
+{% extends "base.html" %}
+{% block title %}{{ dashboard.name }} - Public - MikroMon{% endblock %}
+
+{% block head %}
+<script>
+window.MIKROMON = {
+  dashboardId: {{ dashboard.id }},
+  publicToken: "{{ token }}"
+};
+</script>
+<style>
+.navbar { display:none }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="mb-3">
+  <h1 class="h3 mb-0">{{ dashboard.name }}</h1>
+
+  {% if dashboard.description %}
+  <div class="text-muted">{{ dashboard.description }}</div>
+  {% endif %}
+
+  <div class="text-muted small mt-2">
+    <i class="fa-solid fa-link me-1"></i>
+    Public view (read-only)
+  </div>
+</div>
+
+<div class="row g-3">
+  {% for w in widgets %}
+  <div class="col-12 col-lg-6">
+    <div class="card shadow-sm h-100">
+
+      <div class="card-header bg-white">
+        <div class="fw-semibold">{{ w.title }}</div>
+      </div>
+
+      <div class="card-body">
+
+        {% if w.widget_type == 'table' %}
+        <div class="table-responsive">
+          <table class="table table-sm align-middle mb-0" data-table-widget="{{ w.id }}">
+            <thead class="table-light"></thead>
+            <tbody></tbody>
+          </table>
+        </div>
+        {% else %}
+        <div class="chart-wrap">
+          <canvas id="chart-{{ w.id }}"></canvas>
+        </div>
+        <div class="text-muted small mt-2" id="meta-{{ w.id }}">
+          Waiting for data...
+        </div>
+        {% endif %}
+
+      </div>
+    </div>
+  </div>
+
+  {% else %}
+  <div class="col-12">
+    <div class="alert alert-info mb-0">
+      No widgets available.
+    </div>
+  </div>
+  {% endfor %}
+</div>
+{% endblock %}