srv/poe_manager/templates/index.html

@@ -10,19 +10,29 @@
 <div class="row row-cols-1 row-cols-md-6 g-3">
     {% for d in devices %}
     <div class="col">
-        <div class="card text-center p-2"
+        <div class="card text-center p-2">
-             {% if last_seen[d[0]] %} title="{{ last_seen[d[0]][0] }}&#10;{{ last_seen[d[0]][1] }}" {% endif %}>
+            <div class="card-header">{{ d[1] }}</div> <!-- Name -->
-            <div class="card-header">{{ d[1] }}</div>
             <div class="card-body">
                 <span class="fw-bold" style="color: 
                     {% if d[2] == 0 %}gray
                     {% elif status[d[0]] == 'online' %}green
-                    {% else %}red
+                    {% elif status[d[0]] == 'offline' %}red
+                    {% else %}black
                     {% endif %};">
                     {% if d[2] == 0 %}
                         Deaktiviert
                     {% else %}
-                        {% if status[d[0]] %}{{ status[d[0]]|capitalize }}{% else %}Unbekannt{% endif %}
+                        {% if status[d[0]] == 'online' %}
+                            Online
+                        {% elif status[d[0]] == 'offline' %}
+                            Offline<br>
+                            {% if last_seen[d[0]] %}
+                                {{ last_seen[d[0]][0] }}<br>
+                                {{ last_seen[d[0]][1] }}
+                            {% endif %}
+                        {% else %}
+                            Unbekannt
+                        {% endif %}
                     {% endif %}
                 </span>
             </div>
@@ -31,7 +41,6 @@
     {% endfor %}
 </div>
 
-
 <script>
 document.addEventListener("DOMContentLoaded", () => {
     const intervalMinutes = {{ interval | int }}; // aus DB