add tungsten network service provider & hidden tabs

ui/src/components/view/ListView.vue

@@ -103,6 +103,10 @@
           <router-link :to="{ path: $route.path + '/' + record.id }" v-if="record.id">{{ $t(text.toLowerCase()) }}</router-link>
           <router-link :to="{ path: $route.path + '/' + record.name }" v-else>{{ $t(text.toLowerCase()) }}</router-link>
         </span>
+        <span v-else-if="isTungstenPath()">
+          <router-link :to="{ path: $route.path + '/' + record.id }" v-if="record.id">{{ $t(text.toLowerCase()) }}</router-link>
+          <router-link :to="{ path: $route.path, query: { zoneid: $route.query.zoneid } }" v-else>{{ $t(text.toLowerCase()) }}</router-link>
+        </span>
         <span v-else>
           <router-link :to="{ path: $route.path + '/' + record.id }" v-if="record.id && $route.path !== '/ssh'">{{ text }}</router-link>
           <router-link :to="{ path: $route.path + '/' + record.name }" v-else>{{ text }}</router-link>
@@ -471,6 +475,10 @@ export default {
     }
   },
   methods: {
+    isTungstenPath () {
+      return ['/tungstennetworkroutertable', '/tungstenpolicy', '/tungsteninterfaceroutertable',
+        '/tungstenpolicyset', '/tungstenroutingpolicy', '/firewallrule'].includes(this.$route.path)
+    },
     quickViewEnabled () {
       return new RegExp(['/vm', '/kubernetes', '/ssh', '/vmgroup', '/affinitygroup',
         '/volume', '/snapshot', '/vmsnapshot', '/backup',

ui/src/components/widgets/Breadcrumb.vue

@@ -19,13 +19,18 @@
   <a-breadcrumb class="breadcrumb">
     <a-breadcrumb-item v-for="(item, index) in breadList" :key="index">
       <router-link
-        v-if="item && item.name && !item.meta.disabledListView"
+        v-if="item && item.name && !tungstenPaths.includes(item.path)"
         :to="{ path: item.path === '' ? '/' : item.path }"
       >
         <a-icon v-if="index == 0" :type="item.meta.icon" style="font-size: 16px" @click="resetToMainView" />
         {{ $t(item.meta.title) }}
       </router-link>
-      <span v-else-if="item.meta.disabledListView">{{ $t(item.meta.title) }}</span>
+      <router-link
+        v-else-if="tungstenPaths.includes(item.path)"
+        :to="{ path: item.path === '' ? '/' : item.path, query: { zoneid: $route.query.zoneid } }">
+        <a-icon v-if="index == 0" :type="item.meta.icon" style="font-size: 16px" @click="resetToMainView" />
+        {{ $t(item.meta.title) }}
+      </router-link>
       <span v-else-if="$route.params.id">
         <label
           v-if="'name' in resource &&
@@ -76,7 +81,9 @@ export default {
   data () {
     return {
       name: '',
-      breadList: []
+      breadList: [],
+      tungstenPaths: ['/tungstennetworkroutertable', '/tungstenpolicy', '/tungsteninterfaceroutertable',
+        '/tungstenpolicyset', '/tungstenroutingpolicy', '/firewallrule']
     }
   },
   created () {

ui/src/config/router.js

@@ -48,8 +48,7 @@ function generateRouterMap (section) {
       icon: section.icon,
       docHelp: Vue.prototype.$applyDocHelpMappings(section.docHelp),
       searchFilters: section.searchFilters,
-      related: section.related,
-      disabledListView: section.disabledListView
+      related: section.related
     },
     component: RouteView
   }
@@ -81,8 +80,7 @@ function generateRouterMap (section) {
           searchFilters: child.searchFilters,
           related: child.related,
           actions: child.actions,
-          tabs: child.tabs,
-          disabledListView: child.disabledListView
+          tabs: child.tabs
         },
         component: component,
         hideChildrenInMenu: true,

ui/src/config/section/network.js

@@ -74,15 +74,15 @@ export default {
       }, {
         name: 'tungsten.router.table',
         component: () => import('@/views/network/tungsten/NetworkRouterTableTab.vue'),
-        show: (record) => { return 'listTungstenFabricNetworkRouteTable' in store.getters.apis }
+        show: (record) => { return 'listTungstenFabricNetworkRouteTable' in store.getters.apis && record.broadcastdomaintype === 'Tungsten' }
       }, {
         name: 'tungsten.routing.polices',
         component: () => import('@/views/network/tungsten/NetworkRoutingPolicyTab.vue'),
-        show: (record) => { return 'listTungstenFabricRoutingPolicy' in store.getters.apis }
+        show: (record) => { return 'listTungstenFabricRoutingPolicy' in store.getters.apis && record.broadcastdomaintype === 'Tungsten' }
       }, {
         name: 'tungsten.logical.router',
         component: () => import('@/views/network/tungsten/LogicalRouterTab.vue'),
-        show: (record) => { return 'listTungstenFabricLogicalRouter' in store.getters.apis }
+        show: (record) => { return 'listTungstenFabricLogicalRouter' in store.getters.apis && record.broadcastdomaintype === 'Tungsten' }
       }, {
         name: 'comments',
         component: () => import('@/components/view/AnnotationsTab.vue')
@@ -726,8 +726,8 @@ export default {
       title: 'label.tungsten.network.router.table',
       icon: tungsten,
       hidden: true,
-      disabledListView: true,
       permission: ['listTungstenFabricNetworkRouteTable'],
+      columns: ['name'],
       details: ['uuid', 'name'],
       tabs: [
         {
@@ -754,8 +754,8 @@ export default {
       title: 'label.tungsten.interface.router.table',
       icon: tungsten,
       hidden: true,
-      disabledListView: true,
       permission: ['listTungstenFabricInterfaceRouteTable'],
+      columns: ['name'],
       details: ['uuid', 'name'],
       tabs: [
         {
@@ -782,8 +782,8 @@ export default {
       title: 'label.network.policy',
       icon: tungsten,
       hidden: true,
-      disabledListView: true,
       permission: ['listTungstenFabricPolicy'],
+      columns: ['name'],
       details: ['name'],
       tabs: [
         {
@@ -831,8 +831,8 @@ export default {
       title: 'label.application.policy.set',
       icon: tungsten,
       hidden: true,
-      disabledListView: true,
       permission: ['listTungstenFabricApplicationPolicySet'],
+      columns: ['name'],
       details: ['name'],
       tabs: [
         {
@@ -866,8 +866,8 @@ export default {
       title: 'label.routing.policy',
       icon: tungsten,
       hidden: true,
-      disabledListView: true,
       permission: ['listTungstenFabricRoutingPolicy'],
+      columns: ['name'],
       details: ['uuid', 'name'],
       tabs: [
         {
@@ -885,8 +885,8 @@ export default {
       title: 'label.routing.policy',
       icon: tungsten,
       hidden: true,
-      disabledListView: true,
       permission: ['listTungstenFabricFirewallPolicy'],
+      columns: ['name'],
       details: ['uuid', 'name'],
       tabs: [
         {

ui/src/views/compute/InstanceTab.vue

@@ -484,6 +484,7 @@ export default {
   created () {
     this.vm = this.resource
     this.fetchData()
+    console.log(this.resource)
   },
   watch: {
     resource: function (newItem, oldItem) {

ui/src/views/infra/network/ServiceProvidersTab.vue

@@ -1110,6 +1110,22 @@ export default {
               columns: ['name', 'state', 'hostname', 'zonename']
             }
           ]
+        },
+        {
+          title: 'Tungsten',
+          details: ['name', 'state', 'id', 'physicalnetworkid', 'servicelist'],
+          lists: [
+            {
+              title: 'label.tungsten.fabric.provider',
+              api: 'listTungstenFabricProviders',
+              mapping: {
+                zoneid: {
+                  value: (record) => { return record.zoneid }
+                }
+              },
+              columns: ['name', 'tungstenproviderhostname', 'tungstenproviderport', 'tungstengateway', 'tungstenprovidervrouterport', 'tungstenproviderintrospectport']
+            }
+          ]
         }
       ]
     }

ui/src/views/infra/network/providers/ProviderItem.vue

@@ -141,10 +141,12 @@ export default {
         return
       }
 
+      console.log(123)
+
       const params = {}
       if (args.mapping) {
         Object.keys(args.mapping).map(key => {
-          params[key] = 'value' in args.mapping[key]?.value(this.resource) || null
+          params[key] = args.mapping[key]?.value(this.resource) || null
         })
       }
       params.page = this.page

ui/src/views/network/tungsten/RoutingPolicyTerms.vue

@@ -100,7 +100,16 @@
           </a-select>
         </template>
         <template slot="termvalue" slot-scope="text, record, index">
-          <a-input :value="text" @change="e => onCellChange(index, 'termvalue', e.target.value)" />
+          <a-input
+            v-if="prefixList[index].termtype !== 'action'"
+            :value="text"
+            @change="e => onCellChange(index, 'termvalue', e.target.value)" />
+          <a-select v-else value="default" @change="value => onCellChange(index, 'termvalue', value)">
+            <a-select-option value="default">default</a-select-option>
+            <a-select-option value="accept">accept</a-select-option>
+            <a-select-option value="reject">reject</a-select-option>
+            <a-select-option value="next">next</a-select-option>
+          </a-select>
         </template>
         <template slot="action" slot-scope="text, record, index">
           <tooltip-button