refresh zones in the client view

Author: Daan Hoogland

ui/src/store/modules/user.js

@@ -529,6 +529,24 @@ const user = {
         })
       })
     },
+    RefreshZones ({ commit }) {
+      return new Promise((resolve, reject) => {
+        api('listZones').then(json => {
+          const zones = json.listzonesresponse.zone || []
+          commit('SET_ZONES', zones)
+          resolve(zones)
+        }).catch(error => {
+          reject(error)
+        })
+        api(
+          'listNetworkServiceProviders',
+          { name: 'SecurityGroupProvider', state: 'Enabled' }
+        ).then(response => {
+          const showSecurityGroups = response.listnetworkserviceprovidersresponse.count > 0
+          commit('SET_SHOW_SECURITY_GROUPS', showSecurityGroups)
+        }).catch(ignored => {})
+      })
+    },
     RefreshFeatures ({ commit }) {
       return new Promise((resolve, reject) => {
         api('listCapabilities').then(response => {

ui/src/views/infra/zone/ZoneWizardLaunchZone.vue

@@ -1733,6 +1733,7 @@ export default {
 
       try {
         await this.enableZone(params)
+        await this.$store.dispatch('RefreshZones').catch(() => {})
         await this.$message.success('Success')
         this.loading = false
         this.steps = []