From 6bb678ca415a1226d7220665498f8623a9140a45 Mon Sep 17 00:00:00 2001 From: andersonid Date: Fri, 3 Oct 2025 08:26:27 -0300 Subject: [PATCH] ui: reorganize sidebar with new structure and sections - Reorganize sidebar: Home, Analysis, Recommendations, Settings - Move Analysis section to second position (after Home) - Create new Recommendations section with Historical Based and VPA Management - Integrate Smart Recommendations into VPA Management section - Remove Observe section (Metrics/Logs - available in OpenShift console) - Add Settings section for future configuration options - Update navigation logic for all new sections - Improve interface focus on app's core purpose --- app/static/index.html | 154 +++++++++++++++++++++++++----------------- 1 file changed, 93 insertions(+), 61 deletions(-) diff --git a/app/static/index.html b/app/static/index.html index 3847afb..a90b7c4 100644 --- a/app/static/index.html +++ b/app/static/index.html @@ -1046,12 +1046,24 @@
-

VPA

+

Analysis

+
+ +
+

Recommendations

+
-

Analysis

+

Settings

-
- -
-

Observe

- @@ -1205,17 +1197,35 @@
- -
+ + +
-

Smart Recommendations

-

AI-powered recommendations for resource optimization and VPA activation

+

VPA Management & Recommendations

+

Manage Vertical Pod Autoscaler configurations, monitor VPA status, and apply smart recommendations

+
+ + +
+
+

VPA Status

+ +
+
+ +
-
+
-

VPA Recommendations

+

Smart Recommendations

- -
-
-

VPA Management

-

Manage Vertical Pod Autoscaler configurations and monitor VPA status

-
- - -
-
-

VPA Status

- -
-
- -
-
-
-
@@ -1356,6 +1341,31 @@
+ + +
+
+

Configuration Settings

+

Configure analysis thresholds, ratios, and parameters for resource optimization

+
+ + +
+
+

Analysis Parameters

+ +
+
+ +
+
+
@@ -1421,12 +1431,12 @@ loadWorkloadScanner(); } else if (section === 'requests-limits') { loadRequestsLimits(); - } else if (section === 'smart-recommendations') { - loadSmartRecommendations(); } else if (section === 'vpa-management') { loadVPAManagement(); } else if (section === 'historical-analysis') { loadHistoricalAnalysis(); + } else if (section === 'settings') { + loadSettings(); } } @@ -1466,6 +1476,28 @@ } } + // Load settings + async function loadSettings() { + try { + showLoading('settings-container'); + + // TODO: Implement settings loading + // For now, show placeholder + document.getElementById('settings-container').innerHTML = ` +
+ +

Settings Configuration

+

Configure analysis thresholds, ratios, and parameters for resource optimization.

+

Coming soon...

+
+ `; + + } catch (error) { + console.error('Error loading settings:', error); + showError('settings-container', 'Failed to load settings'); + } + } + // Load smart recommendations async function loadSmartRecommendations() { try {