From 243f2ddbd90c71ee32faceef39f2694d2e685caa Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Wed, 11 Dec 2019 02:20:42 +0530
Subject: [PATCH 1/3] backup and recovery UI

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 src/components/view/InfoCard.vue | 10 ++--
 src/config/section/compute.js    | 83 +++++++++++++++++++++++++++-----
 src/config/section/offering.js   | 20 ++++++++
 src/config/section/storage.js    | 52 ++++++++++++++++++++
 src/locales/en.json              |  2 +-
 5 files changed, 151 insertions(+), 16 deletions(-)

diff --git a/src/components/view/InfoCard.vue b/src/components/view/InfoCard.vue
index b8f4ab58d..a25d8f6bd 100644
--- a/src/components/view/InfoCard.vue
+++ b/src/components/view/InfoCard.vue
@@ -29,7 +29,7 @@
           <div class="name">
             <slot name="name">
               <h4>
-                {{ resource.displayname || resource.name }}
+                {{ resource.displayname || resource.name || resource.virtualmachinename }}
                 <console :resource="resource" size="default" v-if="resource.id" />
               </h4>
               <a-tag v-if="resource.instancename">
@@ -154,7 +154,7 @@
               :percent="parseFloat(resource.memoryallocated)" />
           </span>
         </div>
-        <div class="resource-detail-item" v-if="resource.volumes || resource.sizegb">
+        <div class="resource-detail-item" v-if="(resource.volumes && Array.isArray(resource.volumes)) || resource.sizegb">
           <a-icon type="hdd" />
           <span v-if="resource.volumes">{{ (resource.volumes.reduce((total, item) => total += item.size, 0) / (1024 * 1024 * 1024.0)).toFixed(2) }} GB Storage</span>
           <span v-else-if="resource.sizegb">{{ resource.sizegb }}</span>
@@ -253,6 +253,10 @@
           <a-icon type="hdd" />
           <router-link :to="{ path: '/diskoffering/' + resource.diskofferingid }">{{ resource.diskofferingname || resource.diskofferingid }} </router-link>
         </div>
+        <div class="resource-detail-item" v-if="resource.backupofferingid">
+          <a-icon type="cloud-upload" />
+          <router-link :to="{ path: '/backupoffering/' + resource.backupofferingid }">{{ resource.backupofferingname || resource.backupofferingid }} </router-link>
+        </div>
         <div class="resource-detail-item" v-if="resource.networkofferingid">
           <a-icon type="wifi" />
           <router-link :to="{ path: '/networkoffering/' + resource.networkofferingid }">{{ resource.networkofferingname || resource.networkofferingid }} </router-link>
@@ -282,7 +286,7 @@
         </div>
         <div class="resource-detail-item" v-if="resource.zoneid">
           <a-icon type="global" />
-          <router-link :to="{ path: '/zone/' + resource.zoneid }">{{ resource.zonename || resource.zoneid }}</router-link>
+          <router-link :to="{ path: '/zone/' + resource.zoneid }">{{ resource.zonename || resource.zone || resource.zoneid }}</router-link>
         </div>
         <div class="resource-detail-item" v-if="resource.account">
           <a-icon type="user" />
diff --git a/src/config/section/compute.js b/src/config/section/compute.js
index a4241a2d2..7b52bc7a2 100644
--- a/src/config/section/compute.js
+++ b/src/config/section/compute.js
@@ -46,6 +46,10 @@ export default {
         name: 'vmsnapshot',
         title: 'VM Snapshots',
         param: 'virtualmachineid'
+      }, {
+        name: 'backup',
+        title: 'Backups',
+        param: 'virtualmachineid'
       }, {
         name: 'affinitygroup',
         title: 'Affinity Groups',
@@ -112,6 +116,35 @@ export default {
             }
           }
         },
+        {
+          api: 'attachIso',
+          icon: 'paper-clip',
+          label: 'label.action.attach.iso',
+          dataView: true,
+          args: ['id', 'virtualmachineid'],
+          show: (record) => { return !record.isoid },
+          mapping: {
+            id: {
+              api: 'listIsos'
+            },
+            virtualmachineid: {
+              value: (record, params) => { return record.id }
+            }
+          }
+        },
+        {
+          api: 'detachIso',
+          icon: 'link',
+          label: 'label.action.detach.iso',
+          dataView: true,
+          args: ['virtualmachineid'],
+          show: (record) => { return 'isoid' in record && record.isoid },
+          mapping: {
+            virtualmachineid: {
+              value: (record, params) => { return record.id }
+            }
+          }
+        },
         {
           api: 'createVMSnapshot',
           icon: 'camera',
@@ -126,28 +159,54 @@ export default {
           }
         },
         {
-          api: 'attachIso',
-          icon: 'paper-clip',
-          label: 'label.action.attach.iso',
+          api: 'assignVirtualMachineToBackupOffering',
+          icon: 'folder-add',
+          label: 'Assign VM to Backup Offering',
           dataView: true,
-          args: ['id', 'virtualmachineid'],
-          show: (record) => { return !record.isoid },
+          args: ['virtualmachineid', 'backupofferingid'],
+          show: (record) => { return !record.backupofferingid },
           mapping: {
-            id: {
-              api: 'listIsos'
-            },
             virtualmachineid: {
               value: (record, params) => { return record.id }
             }
           }
         },
         {
-          api: 'detachIso',
-          icon: 'link',
-          label: 'label.action.detach.iso',
+          api: 'createBackup',
+          icon: 'cloud-upload',
+          label: 'Create Backup',
           dataView: true,
           args: ['virtualmachineid'],
-          show: (record) => { return 'isoid' in record && record.isoid },
+          show: (record) => { return record.backupofferingid },
+          mapping: {
+            virtualmachineid: {
+              value: (record, params) => { return record.id }
+            }
+          }
+        },
+        {
+          api: 'createBackupSchedule',
+          icon: 'schedule',
+          label: 'Configure Backup Schedule',
+          dataView: true,
+          args: ['virtualmachineid', 'intervaltype', 'schedule', 'timezone'],
+          show: (record) => { return record.backupofferingid },
+          mapping: {
+            virtualmachineid: {
+              value: (record, params) => { return record.id }
+            },
+            intervaltype: {
+              options: ['HOURLY', 'DAILY', 'WEEKLY', 'MONTHLY']
+            }
+          }
+        },
+        {
+          api: 'removeVirtualMachineFromBackupOffering',
+          icon: 'scissor',
+          label: 'Remove VM from Backup Offering',
+          dataView: true,
+          args: ['virtualmachineid', 'forced'],
+          show: (record) => { return record.backupofferingid },
           mapping: {
             virtualmachineid: {
               value: (record, params) => { return record.id }
diff --git a/src/config/section/offering.js b/src/config/section/offering.js
index 2483d9c78..da8d7a05d 100644
--- a/src/config/section/offering.js
+++ b/src/config/section/offering.js
@@ -116,6 +116,26 @@ export default {
         dataView: true
       }]
     },
+    {
+      name: 'backupoffering',
+      title: 'Backup Offerings',
+      icon: 'cloud-upload',
+      permission: ['listBackupOfferings'],
+      columns: ['name', 'description', 'zoneid'],
+      details: ['name', 'id', 'description', 'externalid', 'zone', 'created'],
+      actions: [{
+        api: 'importBackupOffering',
+        icon: 'plus',
+        label: 'Import Offering',
+        listView: true,
+        args: ['name', 'description', 'zoneid', 'externalid']
+      }, {
+        api: 'deleteBackupOffering:',
+        icon: 'delete',
+        label: 'Delete Offering',
+        dataView: true
+      }]
+    },
     {
       name: 'networkoffering',
       title: 'Network Offerings',
diff --git a/src/config/section/storage.js b/src/config/section/storage.js
index 649e7bedc..2b4dc9db9 100644
--- a/src/config/section/storage.js
+++ b/src/config/section/storage.js
@@ -247,6 +247,58 @@ export default {
           }
         }
       ]
+    },
+    {
+      name: 'backup',
+      title: 'Backups',
+      icon: 'cloud-upload',
+      permission: ['listBackups'],
+      columns: [{ name: (record) => { return record.virtualmachinename } }, 'status', 'type', 'created', 'account', 'zone'],
+      details: ['virtualmachinename', 'id', 'type', 'externalid', 'size', 'virtualsize', 'volumes', 'backupofferingname', 'zone', 'account', 'domain', 'created'],
+      actions: [
+        {
+          api: 'restoreBackup',
+          icon: 'sync',
+          label: 'Restore Backup',
+          dataView: true
+        },
+        {
+          api: 'restoreVolumeFromBackupAndAttachToVM',
+          icon: 'paper-clip',
+          label: 'Restore Volume and Attach',
+          dataView: true,
+          args: ['backupid', 'virtualmachineid', 'volumeid'],
+          mapping: {
+            backupid: {
+              value: (record) => { return record.id }
+            },
+            volumeid: {
+              options: ['todo: handle custom volume ID']
+            }
+          }
+        },
+        {
+          api: 'removeVirtualMachineFromBackupOffering',
+          icon: 'scissor',
+          label: 'Expunge Offering Assignment and Delete Backups',
+          dataView: true,
+          args: ['forced', 'virtualmachineid'],
+          mapping: {
+            forced: {
+              value: (record) => { return true }
+            },
+            virtualmachineid: {
+              value: (record) => { return record.virtualmachineid }
+            }
+          }
+        },
+        {
+          api: 'deleteBackup',
+          icon: 'delete',
+          label: 'Delete Backup',
+          dataView: true
+        }
+      ]
     }
   ]
 }
diff --git a/src/locales/en.json b/src/locales/en.json
index b2477f5e9..ef9add7ca 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -915,7 +915,7 @@
 "volumegroup": "Volume Group",
 "volumeids": "Volumes to be deleted",
 "volumename": "Volume Name",
-"volumes": "Volumes to be deleted",
+"volumes": "Volumes",
 "volumetotal": "Volume",
 "vpcLimit": "VPC limits",
 "vpcid": "VPC",

From 05b210d8cb402e3e63ddd755d3a0e99b13fcf5ca Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Wed, 25 Mar 2020 17:02:54 +0530
Subject: [PATCH 2/3] fixes

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 src/components/view/InfoCard.vue | 22 ++++++------
 src/config/section/compute.js    | 58 ++++++++++++++++----------------
 src/config/section/offering.js   |  2 +-
 src/locales/en.json              |  2 ++
 4 files changed, 44 insertions(+), 40 deletions(-)

diff --git a/src/components/view/InfoCard.vue b/src/components/view/InfoCard.vue
index 79d55a0be..be2a5fec7 100644
--- a/src/components/view/InfoCard.vue
+++ b/src/components/view/InfoCard.vue
@@ -332,6 +332,17 @@
             <router-link :to="{ path: '/vpc/' + resource.vpcid }">{{ resource.vpcname || resource.vpcid }}</router-link>
           </div>
         </div>
+        <div class="resource-detail-item" v-if="resource.affinitygroup && resource.affinitygroup.length > 0">
+          <div class="resource-detail-item__label">{{ $t('affinitygroup') }}</div>
+          <a-icon type="swap" />
+          <span
+            v-for="(group, index) in resource.affinitygroup"
+            :key="group.id"
+          >
+            <router-link :to="{ path: '/affinitygroup/' + group.id }">{{ group.name }}</router-link>
+            <span v-if="index + 1 < resource.affinitygroup.length">, </span>
+          </span>
+        </div>
         <div class="resource-detail-item" v-if="resource.serviceofferingname && resource.serviceofferingid">
           <div class="resource-detail-item__label">{{ $t('serviceofferingname') }}</div>
           <div class="resource-detail-item__details">
@@ -355,6 +366,7 @@
         </div>
         <div class="resource-detail-item" v-if="resource.backupofferingid">
           <div class="resource-detail-item__label">{{ $t('backupofferingid') }}</div>
+          <a-icon type="cloud-upload" />
           <router-link :to="{ path: '/backupoffering/' + resource.backupofferingid }">{{ resource.backupofferingname || resource.backupofferingid }} </router-link>
         </div>
         <div class="resource-detail-item" v-if="resource.networkofferingid">
@@ -445,16 +457,6 @@
             <a-icon type="calendar" />{{ resource.created }}
           </div>
         </div>
-        <div class="resource-detail-item" v-if="resource.affinitygroup && resource.affinitygroup.length > 0">
-          <a-icon type="swap" />
-          <span
-            v-for="(group, index) in resource.affinitygroup"
-            :key="group.id"
-          >
-            <router-link :to="{ path: '/affinitygroup/' + group.id }">{{ group.name }}</router-link>
-            <span v-if="index + 1 < resource.affinitygroup.length">, </span>
-          </span>
-        </div>
       </div>
 
       <div class="account-center-tags" v-if="$route.meta.related">
diff --git a/src/config/section/compute.js b/src/config/section/compute.js
index 38320310a..6d56fb035 100644
--- a/src/config/section/compute.js
+++ b/src/config/section/compute.js
@@ -116,35 +116,6 @@ export default {
             }
           }
         },
-        {
-          api: 'attachIso',
-          icon: 'paper-clip',
-          label: 'label.action.attach.iso',
-          dataView: true,
-          args: ['id', 'virtualmachineid'],
-          show: (record) => { return !record.isoid },
-          mapping: {
-            id: {
-              api: 'listIsos'
-            },
-            virtualmachineid: {
-              value: (record, params) => { return record.id }
-            }
-          }
-        },
-        {
-          api: 'detachIso',
-          icon: 'link',
-          label: 'label.action.detach.iso',
-          dataView: true,
-          args: ['virtualmachineid'],
-          show: (record) => { return 'isoid' in record && record.isoid },
-          mapping: {
-            virtualmachineid: {
-              value: (record, params) => { return record.id }
-            }
-          }
-        },
         {
           api: 'createVMSnapshot',
           icon: 'camera',
@@ -213,6 +184,35 @@ export default {
             }
           }
         },
+        {
+          api: 'attachIso',
+          icon: 'paper-clip',
+          label: 'label.action.attach.iso',
+          dataView: true,
+          args: ['id', 'virtualmachineid'],
+          show: (record) => { return !record.isoid },
+          mapping: {
+            id: {
+              api: 'listIsos'
+            },
+            virtualmachineid: {
+              value: (record, params) => { return record.id }
+            }
+          }
+        },
+        {
+          api: 'detachIso',
+          icon: 'link',
+          label: 'label.action.detach.iso',
+          dataView: true,
+          args: ['virtualmachineid'],
+          show: (record) => { return 'isoid' in record && record.isoid },
+          mapping: {
+            virtualmachineid: {
+              value: (record, params) => { return record.id }
+            }
+          }
+        },
         {
           api: 'updateVMAffinityGroup',
           icon: 'swap',
diff --git a/src/config/section/offering.js b/src/config/section/offering.js
index c8b341dfd..263b467db 100644
--- a/src/config/section/offering.js
+++ b/src/config/section/offering.js
@@ -146,7 +146,7 @@ export default {
         listView: true,
         args: ['name', 'description', 'zoneid', 'externalid']
       }, {
-        api: 'deleteBackupOffering:',
+        api: 'deleteBackupOffering',
         icon: 'delete',
         label: 'Delete Offering',
         dataView: true
diff --git a/src/locales/en.json b/src/locales/en.json
index 686652e2d..3301eab18 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -74,6 +74,7 @@
 "add-scaleUpcondition": "Add",
 "address": "Address",
 "admin": "Domain Admin",
+"affinitygroup": "Affinity Group",
 "agentPassword": "Agent Password",
 "agentPort": "Agent Port",
 "agentUsername": "Agent Username",
@@ -95,6 +96,7 @@
 "baremetalCpuCores": "# of CPU Cores",
 "baremetalMAC": "Host MAC",
 "baremetalMemory": "Memory (in MB)",
+"backupofferingid": "Backup Offering",
 "bcfdeviceid": "ID",
 "bladeid": "Blade ID",
 "bootable": "Bootable",

From bfc0f770ca56127a03cd743f997fa41e19810b5e Mon Sep 17 00:00:00 2001
From: Rohit Yadav <rohit.yadav@shapeblue.com>
Date: Wed, 25 Mar 2020 17:18:09 +0530
Subject: [PATCH 3/3] fixes

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 src/components/view/DetailsTab.vue | 5 +++++
 src/components/view/InfoCard.vue   | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/view/DetailsTab.vue b/src/components/view/DetailsTab.vue
index 806bbb87f..418f4ef60 100644
--- a/src/components/view/DetailsTab.vue
+++ b/src/components/view/DetailsTab.vue
@@ -28,6 +28,11 @@
             {{ service.name }} : {{ service.provider[0].name }}
           </div>
         </div>
+        <div v-else-if="$route.meta.name === 'backup' && item === 'volumes'">
+          <div v-for="(volume, idx) in JSON.parse(resource[item])" :key="idx">
+            <router-link :to="{ path: '/volume/' + volume.uuid }">{{ volume.type }} - {{ volume.path }}</router-link> ({{ parseFloat(volume.size / (1024.0 * 1024.0 * 1024.0)).toFixed(1) }} GB)
+          </div>
+        </div>
         <div v-else>
           {{ resource[item] }}
         </div>
diff --git a/src/components/view/InfoCard.vue b/src/components/view/InfoCard.vue
index be2a5fec7..516188f7f 100644
--- a/src/components/view/InfoCard.vue
+++ b/src/components/view/InfoCard.vue
@@ -214,8 +214,8 @@
           <div class="resource-detail-item__label">{{ $t('disksize') }}</div>
           <div class="resource-detail-item__details">
             <a-icon type="hdd" />
-            <span style="width: 100%;" v-if="resource.volumes">{{ (resource.volumes.reduce((total, item) => total += item.size, 0) / (1024 * 1024 * 1024.0)).toFixed(2) }} GB Storage</span>
-            <span style="width: 100%;" v-else-if="resource.sizegb">{{ resource.sizegb }}</span>
+            <span style="width: 100%;" v-if="$route.meta.name === 'vm' && resource.volumes">{{ (resource.volumes.reduce((total, item) => total += item.size, 0) / (1024 * 1024 * 1024.0)).toFixed(2) }} GB Storage</span>
+            <span style="width: 100%;" v-else-if="resource.sizegb || resource.size">{{ resource.sizegb || (resource.size/1024.0) }}</span>
           </div>
           <div style="margin-left: 25px; margin-top: 5px" v-if="resource.diskkbsread && resource.diskkbswrite && resource.diskioread && resource.diskiowrite">
             <a-tag style="margin-bottom: 5px;">Read {{ toSize(resource.diskkbsread) }}</a-tag>