v1.0

srv/poe_manager/templates/index.html

@@ -2,17 +2,15 @@
 {% block content %}
 
 <h2>Dashboard</h2>
-<div class="row">
+<div class="row row-cols-1 row-cols-md-6 g-3">
     {% for d in devices %}
-    <div class="col-md-2 col-sm-4 col-6 mb-3">
-        <div class="card text-center shadow-sm">
+    <div class="col">
+        <div class="card text-center p-2">
+            <div class="card-header">{{ d[1] }}</div>
             <div class="card-body">
-                <h6 class="card-title">{{ d['name'] }}</h6>
-                {% if d['status'] == 'online' %}
-                    <p class="text-success">Online</p>
-                {% else %}
-                    <p class="text-danger">Offline</p>
-                {% endif %}
+                <span class="fw-bold" style="color: {% if status[d[0]]=='online' %}green{% else %}red{% endif %};">
+                    {% if status[d[0]] %}{{ status[d[0]]|capitalize }}{% else %}unbekannt{% endif %}
+                </span>
             </div>
         </div>
     </div>