Minor fixes

Author: davidjumani

src/components/view/ListApiView.vue src/components/view/ListResourceTable.vuesrc/components/view/ListApiView.vue renamed to src/components/view/ListResourceTable.vue

@@ -23,10 +23,11 @@
     :rowKey="item => item.id"
     :loading="loading"
     :pagination="false" >
-    <template v-if="routerLink" :slot="routerLink.name" slot-scope="text, item">
-      <router-link :to="{ path: routerLink.prefix + item.id }" v-if="routerLink">{{ text }}</router-link>
+
+    <span v-for="(column, index) in columns" :key="index" :slot="column" slot-scope="text, item">
+      <router-link v-if="routerlinks(item)[column]" :to="{ path: routerlinks(item)[column] }" >{{ text }}</router-link>
       <span v-else>{{ text }}</span>
-    </template>
+    </span>
     <template slot="state" slot-scope="text">
       <status :text="text ? text : ''" />{{ text }}
     </template>
@@ -38,7 +39,7 @@ import { api } from '@/api'
 import Status from '@/components/widgets/Status'
 
 export default {
-  name: 'ListApiView',
+  name: 'ListResourceTable',
   components: {
     Status
   },
@@ -47,9 +48,9 @@ export default {
       type: String,
       required: true
     },
-    routerLink: {
-      type: Object,
-      default: () => {}
+    routerlinks: {
+      type: Function,
+      default: () => []
     },
     params: {
       type: Object,

src/views/compute/InstanceTab.vue

@@ -119,18 +119,18 @@
         <DetailSettings :resource="resource" :loading="loading" />
       </a-tab-pane>
       <a-tab-pane :tab="$t('label.vm.snapshots')" key="snapshots" v-if="'listVMSnapshot' in $store.getters.apis">
-        <ListApiView
+        <ListResourceTable
           apiName="listVMSnapshot"
           :params="{virtualmachineid: this.resource.id}"
           :columns="['name', 'type', 'state', 'created']"
-          :routerLink="{name: 'name', prefix: '/vmsnapshot/'}"/>
+          :routerlinks="(record) => { return { name: '/vmsnapshot/' + record.id } }"/>
       </a-tab-pane>
       <a-tab-pane :tab="$t('label.backup')" key="backups" v-if="'listBackups' in $store.getters.apis">
-        <ListApiView
+        <ListResourceTable
           apiName="listBackups"
           :params="{virtualmachineid: this.resource.id}"
           :columns="['id', 'type', 'status', 'created']"
-          :routerLink="{name: 'id', prefix: '/backup/'}"/>
+          :routerlinks="(record) => { return { id: '/backup/' + record.id } }"/>
       </a-tab-pane>
     </a-tabs>
 
@@ -217,7 +217,7 @@ import Status from '@/components/widgets/Status'
 import DetailsTab from '@/components/view/DetailsTab'
 import DetailSettings from '@/components/view/DetailSettings'
 import NicsTable from '@/views/network/NicsTable'
-import ListApiView from '@/components/view/ListApiView'
+import ListResourceTable from '@/components/view/ListResourceTable'
 
 export default {
   name: 'InstanceTab',
@@ -227,7 +227,7 @@ export default {
     DetailSettings,
     NicsTable,
     Status,
-    ListApiView
+    ListResourceTable
   },
   mixins: [mixinDevice],
   props: {