commit eb154bbc9f71a923563479919578bd5053795980
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Fri Feb 07 12:18:45 2020 -0800
committer Gunnar Mills <gmills@us.ibm.com> Wed Feb 19 19:05:18 2020 +0000
tree 94f8c3aa11b9a217785a886eccd59189e054c66c
parent 1ace1d91e80425eeed482b33e21838acb7f7325a

Add refresh functionality in app header

Clicking refresh in the app header will update the :key
value for the router-view component, and trigger a
component re-render.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I15da6d2d04fc311dfc092fbe840add950180124f

src/components/AppHeader/AppHeader.vue

diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index d411c1f..e155a65 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -20,7 +20,7 @@
               Power
               <status-icon :status="hostStatusIcon" />
             </b-nav-item>
-            <b-nav-item>
+            <b-nav-item @click="refresh">
               Refresh
               <icon-renew />
             </b-nav-item>
@@ -84,6 +84,9 @@
     getEvents() {
       this.$store.dispatch('eventLog/getEventLogData');
     },
+    refresh() {
+      this.$emit('refresh');
+    },
     logout() {
       this.$store.dispatch('authentication/logout');
     }