mock updates for Zone Insights.

Signed-off-by: Daryn St. Pierre <[email protected]>
robraux · Jul 29, 2020 · 9e4ac60 · 9e4ac60
1 parent 8c42bae
commit 9e4ac60
Show file tree

Hide file tree

Showing 2 changed files with 104 additions and 97 deletions.
diff --git a/src/services/mock.js b/src/services/mock.js
@@ -2387,52 +2387,54 @@ export default class Mock {
                   connectTime: '2018-07-17T16:05:36.995Z',
                   status: {
                     total: {
-                      responsesSent: '10',
-                      responsesRejected: '1'
+                      responsesSent: '22',
+                      responsesRejected: '11'
                     },
-                    mesh: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    ingress: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    circuitBreaker: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    faultInjection: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    healthCheck: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    trafficLog: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    trafficPermission: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    trafficRoute: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    trafficTrace: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    proxyTemplate: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
-                    },
-                    secret: {
-                      responsesSent: '2',
-                      responsesRejected: '1'
+                    stat: {
+                      CircuitBreaker: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      FaultInjection: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      HealthCheck: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      Ingress: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      Mesh: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      ProxyTemplate: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      Secret: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      TrafficLog: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      TrafficPermission: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      TrafficRoute: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      },
+                      TrafficTrace: {
+                        responsesSent: '2',
+                        responsesRejected: '1'
+                      }
                     }
                   }
                 },
@@ -2529,52 +2531,54 @@ export default class Mock {
               connectTime: '2018-07-17T16:05:36.995Z',
               status: {
                 total: {
-                  responsesSent: '10',
-                  responsesRejected: '1'
-                },
-                mesh: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                ingress: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                circuitBreaker: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                faultInjection: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                healthCheck: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                trafficLog: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
+                  responsesSent: '22',
+                  responsesRejected: '11'
                 },
-                trafficPermission: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                trafficRoute: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                trafficTrace: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                proxyTemplate: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
-                },
-                secret: {
-                  responsesSent: '2',
-                  responsesRejected: '1'
+                stat: {
+                  CircuitBreaker: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  FaultInjection: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  HealthCheck: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  Ingress: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  Mesh: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  ProxyTemplate: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  Secret: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  TrafficLog: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  TrafficPermission: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  TrafficRoute: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  },
+                  TrafficTrace: {
+                    responsesSent: '2',
+                    responsesRejected: '1'
+                  }
                 }
               }
             },

diff --git a/src/views/Entities/Zones.vue b/src/views/Entities/Zones.vue
@@ -110,7 +110,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import { mapState, mapGetters } from 'vuex'
 import { humanReadableDate, getOffset, getSome, stripTimes } from '@/helpers'
 import sortEntities from '@/mixins/EntitySorter'
 import FrameSkeleton from '@/components/Skeletons/FrameSkeleton'
@@ -197,12 +197,14 @@ export default {
     ...mapState({
       mesh: 'selectedMesh'
     }),
-    // ...mapGetters({
-    //   multicluster: 'getMulticlusterStatus'
-    // }),
-    multicluster () {
-      return true
-    },
+    ...mapGetters({
+      multicluster: 'getMulticlusterStatus'
+    }),
+    // If you need to test multicluster without actually having it enabled
+    // in Kuma, uncomment this and comment out the mapGetters above.
+    // multicluster () {
+    //   return true
+    // },
     pageTitle () {
       const metaTitle = this.$route.meta.title
 
@@ -351,6 +353,7 @@ export default {
         promise
           .then(response => {
             if (response) {
+              // get the Zone details from the Zone Insights endpoint
               this.$api.getZoneOverview(response.name)
                 .then((response) => {
                   this.tabGroupTitle = `Zone: ${response.name}`