Routed: UI bug fix and improvements

Author: weizhouapache

ui/src/config/section/network.js

@@ -872,7 +872,14 @@ export default {
       icon: 'partition-outlined',
       permission: ['listASNumbers'],
       show: () => {
-        return ['Admin'].includes(store.getters.userInfo.roletype)
+        if (!store.getters.zones || store.getters.zones.length === 0) {
+          return false
+        }
+        const AdvancedZonesWithRoutedmode = store.getters.zones.filter(zone => zone.routedmodeenabled)
+        if (isAdmin() && (AdvancedZonesWithRoutedmode && AdvancedZonesWithRoutedmode.length > 0)) {
+          return true
+        }
+        return false
       },
       filters: ['all', 'allocatedonly', 'free'],
       columns: ['asnumber', 'allocationstate', 'asnrange', 'associatednetworkname', 'vpcname', 'allocated', 'account', 'domain', 'zonename'],
@@ -1446,7 +1453,11 @@ export default {
         if (!store.getters.zones || store.getters.zones.length === 0) {
           return false
         }
-        return isAdmin()
+        const AdvancedZonesWithRoutedmode = store.getters.zones.filter(zone => zone.routedmodeenabled)
+        if (isAdmin() && (AdvancedZonesWithRoutedmode && AdvancedZonesWithRoutedmode.length > 0)) {
+          return true
+        }
+        return false
       },
       actions: [
         {

ui/src/views/network/CreateIpv4SubnetForNetwork.vue

@@ -150,6 +150,7 @@ export default {
       const params = { showicon: true }
       api('listZones', params).then(json => {
         this.zones = json.listzonesresponse.zone || []
+        this.zones = this.zones.filter(zone => zone.routedmodeenabled)
         this.form.zoneid = this.zones[0].id || ''
         this.fetchParentSubnets(this.form.zoneid)
       }).finally(() => {

ui/src/views/offering/AddNetworkOffering.vue

@@ -740,10 +740,10 @@ export default {
       api('listConfigurations', params).then(json => {
         var value = json?.listconfigurationsresponse?.configuration?.[0].value || null
         this.routedNetworkEnabled = value === 'true'
+        if (!this.routedNetworkEnabled) {
+          this.networkmodes.pop()
+        }
       })
-      if (!this.routedNetworkEnabled) {
-        this.networkmodes.pop()
-      }
     },
     fetchZoneData () {
       const params = {}

ui/src/views/offering/AddVpcOffering.vue

@@ -371,10 +371,10 @@ export default {
       api('listConfigurations', params).then(json => {
         var value = json?.listconfigurationsresponse?.configuration?.[0].value || null
         this.routedNetworkEnabled = value === 'true'
+        if (!this.routedNetworkEnabled) {
+          this.networkmodes.pop()
+        }
       })
-      if (!this.routedNetworkEnabled) {
-        this.networkmodes.pop()
-      }
     },
     fetchDomainData () {
       const params = {}