Ressource-Pool

v2_adminpanel/templates/dashboard.html

@@ -256,6 +256,67 @@
     </div>
     {% endif %}
 
+    <!-- Resource Pool Status -->
+    <div class="row g-3 mb-4">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-header bg-primary text-white">
+                    <h5 class="mb-0">
+                        <i class="fas fa-server"></i> Resource Pool Status
+                        <a href="/resources" class="btn btn-sm btn-light float-end">Verwalten →</a>
+                    </h5>
+                </div>
+                <div class="card-body">
+                    <div class="row">
+                        {% if resource_stats %}
+                        {% for type, data in resource_stats.items() %}
+                        <div class="col-md-4 mb-3">
+                            <div class="d-flex align-items-center">
+                                <div class="me-3">
+                                    <i class="fas fa-{{ 'globe' if type == 'domain' else ('network-wired' if type == 'ipv4' else 'phone') }} fa-2x text-{{ 'success' if data.available_percent > 50 else ('warning' if data.available_percent > 20 else 'danger') }}"></i>
+                                </div>
+                                <div class="flex-grow-1">
+                                    <h6 class="mb-1">{{ type|upper }}</h6>
+                                    <div class="d-flex justify-content-between align-items-center">
+                                        <span>
+                                            <strong>{{ data.available }}</strong> / {{ data.total }} verfügbar
+                                        </span>
+                                        <span class="badge bg-{{ 'success' if data.available_percent > 50 else ('warning' if data.available_percent > 20 else 'danger') }}">
+                                            {{ data.available_percent }}%
+                                        </span>
+                                    </div>
+                                    <div class="progress mt-1" style="height: 6px;">
+                                        <div class="progress-bar bg-{{ 'success' if data.available_percent > 50 else ('warning' if data.available_percent > 20 else 'danger') }}" 
+                                             style="width: {{ data.available_percent }}%"></div>
+                                    </div>
+                                    <small class="text-muted">
+                                        {{ data.allocated }} zugeteilt | {{ data.quarantine }} in Quarantäne
+                                    </small>
+                                </div>
+                            </div>
+                        </div>
+                        {% endfor %}
+                        {% else %}
+                        <div class="col-12 text-center text-muted">
+                            <i class="fas fa-inbox fa-3x mb-3"></i>
+                            <p>Keine Ressourcen im Pool vorhanden.</p>
+                            <a href="/resources/add" class="btn btn-primary">
+                                <i class="fas fa-plus"></i> Ressourcen hinzufügen
+                            </a>
+                        </div>
+                        {% endif %}
+                    </div>
+                    {% if resource_warning %}
+                    <div class="alert alert-warning mt-3 mb-0" role="alert">
+                        <i class="fas fa-exclamation-triangle"></i> 
+                        <strong>Warnung:</strong> {{ resource_warning }}
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="row g-3">
         <!-- Bald ablaufende Lizenzen -->
         <div class="col-md-6">