diff --git a/app/static/index.html b/app/static/index.html index 8497f21..9c5c52a 100644 --- a/app/static/index.html +++ b/app/static/index.html @@ -482,12 +482,12 @@ animation: spin 1s linear infinite; margin-right: 12px; } - + @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } - + /* Responsive */ @media (max-width: 768px) { .openshift-sidebar { @@ -498,11 +498,11 @@ .openshift-sidebar.open { transform: translateX(0); } - + .main-content { margin-left: 0; } - + .dashboard-grid { grid-template-columns: 1fr; } @@ -522,9 +522,6 @@
-
@@ -605,8 +602,8 @@ -
- + + +
-
+
-
Total Workloads
-
-
+
+
-
-
Namespaces
-
-
+
Namespaces
+
+
-
+
-
-
Critical Issues
-
-
+
Critical Issues
+
+
-
+
-
Warnings
+
- - +
@@ -677,14 +674,14 @@ Refresh -
+
Loading workloads... +
+
- - @@ -692,8 +689,8 @@ - + +
@@ -701,8 +698,8 @@ -
+ +
@@ -710,7 +707,7 @@
- +
@@ -719,7 +716,7 @@ Close -
+
@@ -732,7 +729,7 @@ // Global variables let currentData = null; let currentSection = 'workload-scanner'; - + // Initialize the application document.addEventListener('DOMContentLoaded', function() { initializeApp(); @@ -756,12 +753,7 @@ showSection(section); }); }); - - // Sidebar toggle - document.getElementById('sidebar-toggle').addEventListener('click', function() { - const sidebar = document.getElementById('sidebar'); - sidebar.classList.toggle('open'); - }); + // Close workload details document.getElementById('close-workload-details').addEventListener('click', function() { @@ -789,12 +781,12 @@ document.querySelector(`.sidebar-nav-link[data-section="${section}"]`).classList.add('active'); currentSection = section; - + // Load section data if (section === 'workload-scanner') { loadWorkloadScanner(); } else if (section === 'historical-analysis') { - loadHistoricalAnalysis(); + loadHistoricalAnalysis(); } } @@ -860,7 +852,7 @@ `; return; } - + const tableHTML = ` @@ -878,8 +870,8 @@ - - + + - + + `).join('')}
${namespace.namespace} ${Object.keys(namespace.pods || {}).length}${namespace.total_validations || 0}${Object.keys(namespace.pods || {}).length}${namespace.total_validations || 0} ${getSeverityText(namespace)} @@ -890,8 +882,8 @@ Analyze -
@@ -990,19 +982,19 @@

CPU usage data will be displayed here

-
- + +

Memory Usage

-
+

Memory usage data will be displayed here

+
- - `; + `; } function analyzeWorkload(namespace) { @@ -1043,8 +1035,8 @@

Error

${message}

- - `; + + `; }