update features doc and readme

Signed-off-by: Mohammed Abdi <[email protected]>

Author: Mohammed Abdi

FEATURES.md

@@ -6,16 +6,22 @@
 - [1: Cluster Avaiable Resources](#cluster-avaiable-resources)
 - [2: Status Summary](#status-summary)
 - [3: Appwrapper Summary](#appwrapper-summary)
+- [4: Appwrapper Progress Tracker](#appwrapper-progress-tracker)
 
-### Metrics Tab
-- [4: Cluster Status Summary Metrics](#cluster-status-summary-metrics)
-- [5: Appwrapper Quota Summary](#appwrapper-quota-summary-metrics)
-- [6: CPU Usage by Appwrapper](#cpu-usage-by-appwrapper)
-- [7: Memory Usage by Appwrapper](#memory-usage-by-appwrapper)
-- [8: CPU Request by Namespace](#cpu-request-by-namespace)
-- [9: Memory Request by Namespace](#memory-request-by-namespace)
-- [10: Refresh Rate](#refresh-rate)
-- [11: Time Range](#time-range)
+### Appwrapper Metrics Tab
+- [5: Total Appwrapper Count by Status](#total-appwrapper-count-by-status)
+- [6: Appwrapper Status](#appwrapper-status)
+
+### Cluster Resources Tab
+- [7: Cluster Status Summary Metrics](#cluster-status-summary-metrics)
+- [8: Appwrapper Quota Summary](#appwrapper-quota-summary-metrics)
+- [9: CPU Usage by Appwrapper](#cpu-usage-by-appwrapper)
+- [10: Memory Usage by Appwrapper](#memory-usage-by-appwrapper)
+- [11: CPU Request by Namespace](#cpu-request-by-namespace)
+- [12: Memory Request by Namespace](#memory-request-by-namespace)
+- [13: Refresh Rate](#refresh-rate)
+- [14: Time Range](#time-range)
+- [15: Custom Time Range](#custom-time-range)
 
 
 #### 1. Cluster Avaiable Resources
@@ -29,7 +35,7 @@ This section on the dashboard shows cluster avaiable resources such as:
 - Avaiable CPU (Cores)
 - Avaiable Memory (Mebibytes)
 
-![Cluster Avaiable Resources](docs/rsrc/MCAD-dashboard/cluster_avaiable_resources.png)
+![Cluster Avaiable Resources](docs/rsrc/MCAD-dashboard/cluster_avaiable_resources_full.png)
 
 #### 2. Status Summary
 
@@ -68,9 +74,22 @@ There is a search feature within the appwrapper summary table, the table is sear
 - Namespace
 - Date Created On
 
-![Appwrapper Summary Search](docs/rsrc/MCAD-dashboard/appwrapper_summary_search.png)
+#### Appwrapper Progress Tracker
+![Appwrapper Progress Tracker](docs/rsrc/MCAD-dashboard/appwrapper-progress-tracker.png)
+
+#### 4. Appwrapper Metrics
+
+This feature is under the appwrapper metrics tab, which shows the appwrapper mcad specific metrics from promethues:
+
+- Total Appwrapper Count by Status
+
+![Total Appwrapper Count by Status](docs/rsrc/MCAD-dashboard/total-appwrapper-count-by-status.png)
+
+- Appwrapper Status
+
+![Appwrapper Status](docs/rsrc/MCAD-dashboard/appwrapper-status.png)
 
-#### 4. Cluster Status Summary Metrics
+#### 5. Cluster Status Summary Metrics
 
 This feature is under the metrucs tab, which shows the cluster resources summary such as:
 
@@ -83,7 +102,7 @@ This feature is under the metrucs tab, which shows the cluster resources summary
 
 ![Cluster Status Summary Metrics](docs/rsrc/MCAD-dashboard/metrics_cluster_status_summary.png)
 
-#### 5. Appwrapper Quota Summary Metrics
+#### 6. Appwrapper Quota Summary Metrics
 
 This section displays a table of appwrapper quota sumary by namespace, it shows namespace specific information such as:
 
@@ -98,37 +117,37 @@ This section displays a table of appwrapper quota sumary by namespace, it shows
 
 ![Appwrapper Quota Summary Metrics](docs/rsrc/MCAD-dashboard/metrics_appwrapper_quota-summary.png)
 
-#### 6. CPU Usage by Appwrapper
+#### 7. CPU Usage by Appwrapper
 
 The following graph shows CPU usage per appwrapper through a given time, the time range can be changed by using the Time Range drop down on top of the dashboard. 
 
 ![CPU Usage (by Appwrapper) Metrics](docs/rsrc/MCAD-dashboard/metrics_cpu_usage_by_appwrapper.png)
 
-#### 7. Memory Usage by Appwrapper
+#### 8. Memory Usage by Appwrapper
 
 The following graph shows Memory usage per appwrapper through a given time, the time range can be changed by using the Time Range drop down on top of the dashboard. 
 
 ![Memory Usage (by Appwrapper) Metrics](docs/rsrc/MCAD-dashboard/metrics_memory_usage_by_appwrapper.png)
 
-#### 8. CPU Request by Namespace
+#### 9. CPU Request by Namespace
 
 The following graph shows CPU Request per namespace through a given time, the time range can be changed by using the Time Range drop down on top of the dashboard. 
 
 ![CPU Request (by Namespace) Metrics](docs/rsrc/MCAD-dashboard/metrics_cpu_request_by_namespace.png)
 
-#### 9. Memory Request by Namespace
+#### 10. Memory Request by Namespace
 
 The following graph shows Memory request per namespace through a given time, the time range can be changed by using the Time Range drop down on top of the dashboard. 
 
 ![Memory Request (by Namespace) Metrics](docs/rsrc/MCAD-dashboard/metrics_memory_request_by_namespace.png)
 
-#### 10. Refresh Rate
+#### 11. Refresh Rate
 
 The refresh rate to retrive data from server can be changed using the dropdown on top of the dashboard
 
 ![Refresh Rate](docs/rsrc/MCAD-dashboard/refresh_rate.png)
 
-#### 11. Time Range
+#### 12. Time Range
 
 The time range can be changed by using the Time Range drop down on top of the dashboard. 
 

README.md

@@ -2,7 +2,7 @@
 
 A dashboard for Multi-Cluster App Dispatcher and Open Data Hub components.
 
-![Status Summary](docs/rsrc/MCAD-dashboard/status_summary.png)
+![Status Summary](docs/rsrc/MCAD-dashboard/cluster_avaiable_resources.png)
 
 MCAD/ ODH Dashboard Installation and Components:
 - Shows what's installed