ui tweaks

ui/public/locales/en.json

@@ -398,6 +398,7 @@
 "label.backup.offering.assign": "Assign Instance to backup offering",
 "label.backup.offering.remove": "Remove Instance from backup offering",
 "label.backup.offerings": "Backup offerings",
+"label.backup.repository": "Backup Repository",
 "label.backup.restore": "Restore Instance backup",
 "label.backupofferingid": "Backup offering",
 "label.backupofferingname": "Backup offering",

ui/src/components/view/ListResourceTable.vue

@@ -50,6 +50,10 @@
             {{ $toLocaleDate(text) }}
           </template>
 
+          <template v-else-if="column.key === 'size' || column.key === 'virtualsize'">
+            {{ parseFloat(text / (1024.0 * 1024.0 * 1024.0)).toFixed(2) }} GB
+          </template>
+
           <template v-else>
             {{ text }}
           </template>

ui/src/components/view/ListView.vue

@@ -174,7 +174,7 @@
         <router-link v-if="resourceIdToValidLinksMap[record.id]?.volume" :to="{ path: '/volume/' + record.volumeid }">{{ text }}</router-link>
         <span v-else>{{ text }}</span>
       </template>
-      <template v-if="column.key === 'size'">
+      <template v-if="column.key === 'size' || column.key === 'virtualsize'">
         <span v-if="text && $route.path === '/kubernetes'">
           {{ text }}
         </span>

ui/src/config/section/config.js

@@ -131,6 +131,27 @@ export default {
         }
       ]
     },
+    {
+      name: 'backuprepository',
+      title: 'label.backup.repository',
+      icon: 'inbox-outlined',
+      docHelp: 'adminguide/backup_and_recovery.html',
+      permission: ['listBackupRepositories'],
+      searchFilters: ['zoneid'],
+      columns: ['name', 'type', 'address', 'provider', 'zoneid'],
+      details: ['name', 'type', 'address', 'provider', 'zoneid'],
+      actions: [
+        {
+          api: 'addBackupRepository',
+          icon: 'plus-outlined',
+          label: 'label.backup.repository.add',
+          listView: true,
+          args: [
+            'name', 'provider', 'address', 'opts', 'zoneid'
+          ]
+        }
+      ]
+    },
     {
       name: 'hypervisorcapability',
       title: 'label.hypervisor.capabilities',

ui/src/config/section/storage.js

@@ -412,7 +412,7 @@ export default {
       title: 'label.backup',
       icon: 'cloud-upload-outlined',
       permission: ['listBackups'],
-      columns: [{ name: (record) => { return record.virtualmachinename } }, 'status', 'virtualmachinename', 'type', 'created', 'account', 'domain', 'zone'],
+      columns: [{ name: (record) => { return record.virtualmachinename } }, 'status', 'size', 'virtualsize', 'type', 'created', 'account', 'domain', 'zone'],
       details: ['virtualmachinename', 'id', 'type', 'externalid', 'size', 'virtualsize', 'volumes', 'backupofferingname', 'zone', 'account', 'domain', 'created'],
       actions: [
         {

ui/src/views/compute/InstanceTab.vue

@@ -113,8 +113,8 @@
           apiName="listBackups"
           :resource="resource"
           :params="{virtualmachineid: dataResource.id}"
-          :columns="['id', 'status', 'type', 'created']"
-          :routerlinks="(record) => { return { id: '/backup/' + record.id } }"
+          :columns="['created', 'status', 'type', 'size', 'virtualsize']"
+          :routerlinks="(record) => { return { created: '/backup/' + record.id } }"
           :showSearch="false"/>
       </a-tab-pane>
       <a-tab-pane :tab="$t('label.securitygroups')" key="securitygroups" v-if="dataResource.securitygroup && dataResource.securitygroup.length > 0">