hopefully fix server metrics refresh bug

ui/src/app/pages/server-routes/server-metrics/server-metrics.page.ts

@@ -43,16 +43,19 @@ export class ServerMetricsPage {
 
   async getMetrics (): Promise<void> {
     try {
-      const metrics = await this.apiService.getServerMetrics({ })
+      this.metrics = await this.apiService.getServerMetrics({ })
-      Object.keys(metrics).forEach(outerKey => {
+
-        if (!this.metrics[outerKey]) {
+      // @TODO keeping code in case naive approach (above) has issues
-          this.metrics[outerKey] = metrics[outerKey]
+      // Object.keys(metrics).forEach(outerKey => {
-        } else {
+      //   if (!this.metrics[outerKey]) {
-          Object.entries(metrics[outerKey]).forEach(([key, value]) => {
+      //     console.log('outer keys')
-            this.metrics[outerKey][key] = value
+      //     this.metrics[outerKey] = metrics[outerKey]
-          })
+      //   } else {
-        }
+      //     Object.entries(metrics[outerKey]).forEach(([key, value]) => {
-      })
+      //       this.metrics[outerKey][key] = value
+      //     })
+      //   }
+      // })
     } catch (e) {
       console.error(e)
       this.error = e.message

ui/src/app/services/api/mock-api.service.ts

@@ -93,7 +93,7 @@ export class MockApiService extends ApiService {
 
   async getServerMetrics (params: RR.GetServerMetricsReq): Promise<RR.GetServerMetricsRes> {
     await pauseFor(2000)
-    return Mock.ServerMetrics
+    return Mock.getServerMetrics()
   }
 
   async updateServerRaw (params: RR.UpdateServerReq): Promise<RR.UpdateServerRes> {

ui/src/app/services/api/mock-app-fixures.ts

@@ -783,14 +783,15 @@ export module Mock {
     },
   ]
 
-  export const ServerMetrics: RR.GetServerMetricsRes = {
+  export function getServerMetrics () {
+    return {
       'Group1': {
         'Metric1': {
-        value: 22.2,
+          value: Math.random(),
           unit: 'mi/b',
         },
         'Metric2': {
-        value: 50,
+          value: Math.random(),
           unit: '%',
         },
         'Metric3': {
@@ -812,6 +813,49 @@ export module Mock {
           unit: '%',
         },
       },
+      'Group3': {
+        'Hmmmm1': {
+          value: Math.random(),
+          unit: 'mi/b',
+        },
+        'Hmmmm2': {
+          value: 50,
+          unit: '%',
+        },
+        'Hmmmm3': {
+          value: 10.1,
+          unit: '%',
+        },
+      },
+      'Group4': {
+        'Hmmmm1': {
+          value: Math.random(),
+          unit: 'mi/b',
+        },
+        'Hmmmm2': {
+          value: 50,
+          unit: '%',
+        },
+        'Hmmmm3': {
+          value: 10.1,
+          unit: '%',
+        },
+      },
+      'Group5': {
+        'Hmmmm1': {
+          value: Math.random(),
+          unit: 'mi/b',
+        },
+        'Hmmmm2': {
+          value: 50,
+          unit: '%',
+        },
+        'Hmmmm3': {
+          value: 10.1,
+          unit: '%',
+        },
+      },
+    }
   }
 
   export const ServerLogs: RR.GetServerLogsRes = [