diff --git a/app/static/index.html b/app/static/index.html index ac6a9fb..b597ec1 100644 --- a/app/static/index.html +++ b/app/static/index.html @@ -873,10 +873,10 @@
-
Namespaces in Overcommit
-
-
-
-
Resource Utilization
-
+
+
-
+
Resource Utilization ℹ️
+
@@ -1807,6 +1807,59 @@ }; } + function showResourceUtilizationDetails() { + const modal = document.createElement('div'); + modal.className = 'modal'; + modal.innerHTML = ` +
+
+

📊 Resource Utilization Details

+ × +
+
+
+

Resource Utilization Analysis

+
+ Current Status: Placeholder Implementation +
+
+ Purpose: Shows actual resource usage vs. requested resources across the cluster +
+
+ Formula: (Total Usage ÷ Total Requests) × 100 +
+
+ Current Value: 75% (simulated data) +
+
+ Implementation Status: + ⚠️ Phase 2 - Smart Recommendations Engine +
+
+ Next Steps: +
    +
  • Integrate real Prometheus usage metrics
    • +
  • Calculate actual cluster-wide resource utilization
    • +
  • Provide insights on resource efficiency
    • +
  • Identify over/under-provisioned workloads
    • +
+
+
+
+
+ `; + document.body.appendChild(modal); + modal.style.display = 'block'; + + // Add close functionality + const closeBtn = modal.querySelector('.close'); + closeBtn.onclick = () => modal.remove(); + + modal.onclick = (e) => { + if (e.target === modal) modal.remove(); + }; + } + function closeModal() { const modals = document.querySelectorAll('.modal'); modals.forEach(modal => modal.remove());