push

templates/devices/index.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% block title %}Devices - MikroMon{% endblock %}
+{% block content %}
+<div class="d-flex align-items-center justify-content-between mb-3">
+  <div>
+    <h1 class="h3 mb-0">Devices</h1>
+    <div class="text-muted">Routers / hosts to monitor.</div>
+  </div>
+  <a class="btn btn-primary" href="{{ url_for('devices.new') }}"><i class="fa-solid fa-plus me-1"></i>Add device</a>
+</div>
+
+<div class="row g-3">
+  {% for d in devices %}
+  <div class="col-12 col-md-6 col-lg-4">
+    <div class="card shadow-sm h-100">
+      <div class="card-body">
+        <div class="fw-semibold">{{ d.name }}</div>
+        <div class="text-muted small">{{ d.host }}</div>
+        {% if d.last_error %}
+          <div class="mt-2 alert alert-warning py-2 px-3 mb-0 small"><i class="fa-solid fa-triangle-exclamation me-1"></i>{{ d.last_error }}</div>
+        {% endif %}
+      </div>
+      <div class="card-footer bg-white border-0 pt-0 pb-3 px-3">
+        <a class="btn btn-outline-primary btn-sm" href="{{ url_for('devices.view', device_id=d.id) }}"><i class="fa-solid fa-eye me-1"></i>Details</a>
+      </div>
+    </div>
+  </div>
+  {% else %}
+  <div class="col-12"><div class="alert alert-info mb-0">No devices.</div></div>
+  {% endfor %}
+</div>
+{% endblock %}