Service Status im Dashboard

v2_adminpanel/templates/dashboard.html

@@ -156,6 +156,52 @@
         </div>
     </div>
 
+    <!-- Service Health Status -->
+    <div class="row g-3 mb-4">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-header bg-dark text-white">
+                    <h5 class="mb-0">
+                        <i class="bi bi-heartbeat"></i> Service Status
+                        {% if service_health.overall_status == 'healthy' %}
+                            <span class="badge bg-success float-end">Alle Systeme betriebsbereit</span>
+                        {% elif service_health.overall_status == 'partial' %}
+                            <span class="badge bg-warning float-end">Teilweise Störungen</span>
+                        {% else %}
+                            <span class="badge bg-danger float-end">Kritische Störungen</span>
+                        {% endif %}
+                    </h5>
+                </div>
+                <div class="card-body">
+                    <div class="row">
+                        {% for service in service_health.services %}
+                        <div class="col-md-6 mb-3">
+                            <div class="d-flex align-items-center p-3 border rounded" 
+                                 style="border-left: 4px solid {% if service.status == 'healthy' %}#28a745{% elif service.status == 'unhealthy' %}#ffc107{% else %}#dc3545{% endif %} !important;">
+                                <div class="me-3 fs-2">{{ service.icon }}</div>
+                                <div class="flex-grow-1">
+                                    <h6 class="mb-1">{{ service.name }}</h6>
+                                    <div class="d-flex justify-content-between align-items-center">
+                                        <span class="badge bg-{% if service.status == 'healthy' %}success{% elif service.status == 'unhealthy' %}warning{% else %}danger{% endif %}">
+                                            {% if service.status == 'healthy' %}Betriebsbereit{% elif service.status == 'unhealthy' %}Eingeschränkt{% else %}Ausgefallen{% endif %}
+                                        </span>
+                                        {% if service.response_time %}
+                                        <small class="text-muted">{{ service.response_time }}ms</small>
+                                        {% endif %}
+                                    </div>
+                                    {% if service.details %}
+                                    <small class="text-muted">{{ service.details }}</small>
+                                    {% endif %}
+                                </div>
+                            </div>
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- Backup-Status und Sicherheit nebeneinander -->
     <div class="row g-3 mb-4">
         <div class="col-md-6">