add create backup offering support to the GUI

Author: JoaoJandre

ui/public/locales/en.json

@@ -395,6 +395,8 @@
 "label.allocatedonly": "Allocated",
 "label.allocationstate": "Allocation state",
 "label.allow": "Allow",
+"label.allowextractfile": "Allow extract file",
+"label.allowquickrestore": "Allow quick restore",
 "label.allowedroletypes": "Allowed Role Types",
 "label.allow.duplicate.macaddresses": "Allow duplicate MAC addresses",
 "label.allowuserdrivenbackups": "Allow User driven backups",
@@ -462,6 +464,7 @@
 "label.backups": "Backups",
 "label.backup.attach.restore": "Restore and attach backup volume",
 "label.backup.configure.schedule": "Configure Backup Schedule",
+"label.backupchainsize": "Backup chain size",
 "label.backup.offering.assign": "Assign Instance to backup offering",
 "label.backup.offering.remove": "Remove Instance from backup offering",
 "label.backup.offerings": "Backup Offerings",
@@ -609,7 +612,9 @@
 "label.community": "Community",
 "label.complete": "Complete",
 "label.completed": "Completed",
+"label.compress": "Compress",
 "label.compressionstatus": "Compression status",
+"label.compressionlibrary": "Compression library",
 "label.compute": "Compute",
 "label.compute.offerings": "Compute Offerings",
 "label.compute.offering.for.sharedfs.instance": "Compute Offering for Instance",
@@ -696,6 +701,7 @@
 "label.create.account": "Create Account",
 "label.create.asnrange": "Create AS Range",
 "label.create.backup": "Start Backup",
+"label.create.backup.offering": "Create Backup Offering",
 "label.create.extension": "Create Extension",
 "label.create.sharedfs": "Create Shared FileSystem",
 "label.create.network": "Create new Network",
@@ -2725,8 +2731,10 @@
 "label.utilization": "Utilization",
 "label.uuid": "ID",
 "label.value": "Value",
+"label.validate": "Validate",
 "label.validationformat": "Validation Format",
 "label.validationstatus": "Validation status",
+"label.validationsteps": "Validation steps",
 "label.valueoptions": "Values Options",
 "label.vcenter": "VMware datacenter vCenter",
 "label.vcenter.datacenter": "vCenter datacenter",

ui/public/locales/pt_BR.json

@@ -434,6 +434,7 @@
 "label.backup.storage": "Armazenamento de backup",
 "label.backupstoragelimit": "Limite de armazenamento de backup (GiB)",
 "label.backup.configure.schedule": "Configurar Agendamento de Backup",
+"label.backupchainsize": "Tamanho da cadeia de backup",
 "label.backup.offering.assign": "Atribuir VM a oferta de backup",
 "label.backup.offering.remove": "Remover VM de oferta de backup",
 "label.backup.offerings": "Ofertas de backup",
@@ -549,7 +550,9 @@
 "label.communities": "Comunidades",
 "label.community": "Comunidade",
 "label.complete": "Complete",
+"label.compress": "Comprimir",
 "label.compressionstatus": "Estado de compress\u00e3o",
+"label.compressionlibrary": "Biblioteca de compress\u00e3o",
 "label.compute": "Computa\u00e7\u00e3o",
 "label.compute.offerings": "Oferta de computa\u00e7\u00e3o",
 "label.compute.offering.for.sharedfs.instance": "Oferta de computa\u00e7\u00e3o para Inst\u00e2ncia",
@@ -627,6 +630,7 @@
 "label.create.account": "Criar conta",
 "label.create.asnrange": "Criar faixa de número AS",
 "label.create.backup": "Iniciar backup",
+"label.create.backup.offering": "Criar oferta de backup",
 "label.create.bucket": "Criar Bucket",
 "label.create.instance": "Criar inst\u00e2ncia na nuvem",
 "label.create.instance.from.backup": "Criar nova inst\u00e2ncia a partir de backup",
@@ -2471,7 +2475,9 @@
 "label.utilization": "Utiliza\u00e7\u00e3o",
 "label.uuid": "ID",
 "label.value": "Valor",
+"label.validate": "Validar",
 "label.validationstatus": "Estado de valida\u00E7\u00E3o",
+"label.validationsteps": "Passos de valida\u00E7\u00E3o",
 "label.vcenter": "vcenter",
 "label.vcenter.datacenter": "Datacenter vCenter",
 "label.vcenter.datastore": "Datastore vCenter",

ui/src/components/view/DetailsTab.vue

@@ -207,6 +207,19 @@
           </div>
         </div>
       </a-list-item>
+      <div v-else-if="item === 'backupofferingdetails'">
+        <a-list-item
+          v-for="(value, key) in dataResource[item]"
+          :key="key">
+          <div>
+            <strong>{{ $t('label.' + String(key).toLowerCase()) }}</strong>
+            <br/>
+            <div>
+              {{ value }}
+            </div>
+          </div>
+        </a-list-item>
+      </div>
       <external-configuration-details
         v-else-if="item === 'externaldetails' && (['host', 'computeoffering'].includes($route.meta.name) || (['cluster'].includes($route.meta.name) && dataResource.extensionid))"
         :resource="dataResource" />
@@ -270,7 +283,7 @@ export default {
   },
   computed: {
     customDisplayItems () {
-      var items = ['ip4routes', 'ip6routes', 'privatemtu', 'publicmtu', 'provider', 'details', 'parameters']
+      var items = ['ip4routes', 'ip6routes', 'privatemtu', 'publicmtu', 'provider', 'details', 'parameters', 'backupofferingdetails']
       if (this.$route.meta.name === 'webhookdeliveries') {
         items.push('startdate')
         items.push('enddate')

ui/src/config/section/offering.js

@@ -367,7 +367,7 @@ export default {
       permission: ['listBackupOfferings'],
       searchFilters: ['zoneid', 'domainid'],
       columns: ['name', 'description', 'domain', 'zonename'],
-      details: ['name', 'id', 'description', 'externalid', 'domain', 'zone', 'allowuserdrivenbackups', 'created'],
+      details: ['name', 'id', 'description', 'externalid', 'domain', 'zone', 'allowuserdrivenbackups', 'created', 'backupofferingdetails'],
       related: [{
         name: 'vm',
         title: 'label.instances',
@@ -393,6 +393,13 @@ export default {
         listView: true,
         popup: true,
         component: shallowRef(defineAsyncComponent(() => import('@/views/offering/ImportBackupOffering.vue')))
+      }, {
+        api: 'createBackupOffering',
+        icon: 'plus-outlined',
+        label: 'label.create.backup.offering',
+        listView: true,
+        popup: true,
+        component: shallowRef(defineAsyncComponent(() => import('@/views/offering/CreateBackupOffering.vue')))
       }, {
         api: 'updateBackupOffering',
         icon: 'edit-outlined',