Add UI support to clone disk and network offering

Author: Pearl1594

ui/public/locales/en.json

@@ -250,6 +250,7 @@
 "label.activate.project": "Activate project",
 "label.activeviewersessions": "Active sessions",
 "label.add": "Add",
+"label.addservices": "Add Services",
 "label.add.account": "Add Account",
 "label.add.acl.rule": "Add ACL rule",
 "label.add.acl": "Add ACL",
@@ -559,6 +560,8 @@
 "label.clear.notification": "Clear notification",
 "label.clientid": "Provider Client ID",
 "label.clone.compute.offering": "Clone Compute Offering",
+"label.clone.disk.offering": "Clone Disk Offering",
+"label.clone.network.offering": "Clone Network Offering",
 "label.clone.system.service.offering": "Clone System Service Offering",
 "label.close": "Close",
 "label.cloud.managed": "CloudManaged",
@@ -930,6 +933,7 @@
 "label.domains": "Domains",
 "label.done": "Done",
 "label.down": "Down",
+"label.dropservices": "Drop Services",
 "label.download": "Download",
 "label.download.csv": "Download CSV",
 "label.download.kubeconfig.cluster": "Download kubeconfig for the cluster <br><br> The <code><b>kubectl</b></code> command-line tool uses kubeconfig files to find the information it needs to choose a cluster and communicate with the API server of a cluster.",
@@ -3337,6 +3341,8 @@
 "message.disable.webhook.ssl.verification": "Disabling SSL verification is not recommended",
 "message.discovering.feature": "Discovering features, please wait...",
 "message.disk.offering.created": "Disk offering created:",
+"message.success.clone.disk.offering": "Successfully cloned disk offering:",
+"message.success.clone.network.offering": "Successfully cloned network offering:",
 "message.disk.usage.info.data.points": "Each data point represents the difference in read/write data since the last data point.",
 "message.disk.usage.info.sum.of.disks": "The disk usage shown is made up of the sum of read/write data from all the disks in the Instance.",
 "message.download.volume": "Please click the link to download the volume:<p><a href=\"#\">00000</a>",

ui/src/components/CheckBoxSelectPair.vue

@@ -74,6 +74,10 @@ export default {
       type: Boolean,
       default: false
     },
+    defaultSelectValue: {
+      type: String,
+      default: null
+    },
     selectOptions: {
       type: Array,
       required: true
@@ -100,6 +104,9 @@ export default {
   },
   created () {
     this.checked = this.defaultCheckBoxValue
+    if (this.defaultSelectValue) {
+      this.selectedOption = this.defaultSelectValue
+    }
   },
   watch: {
     selectOptions () {

ui/src/config/section/offering.js

@@ -349,6 +349,14 @@ export default {
         },
         show: (record) => { return record.state === 'Active' },
         groupMap: (selection) => { return selection.map(x => { return { id: x, state: 'Inactive' } }) }
+      }, {
+        api: 'cloneDiskOffering',
+        icon: 'copy-outlined',
+        label: 'label.clone.disk.offering',
+        docHelp: 'adminguide/service_offerings.html#creating-a-new-disk-offering',
+        dataView: true,
+        popup: true,
+        component: shallowRef(defineAsyncComponent(() => import('@/views/offering/CloneDiskOffering.vue')))
       }]
     },
     {
@@ -504,6 +512,14 @@ export default {
         dataView: true,
         popup: true,
         component: shallowRef(defineAsyncComponent(() => import('@/views/offering/UpdateOfferingAccess.vue')))
+      }, {
+        api: 'cloneNetworkOffering',
+        icon: 'copy-outlined',
+        label: 'label.clone.network.offering',
+        docHelp: 'adminguide/networking.html#creating-a-new-network-offering',
+        dataView: true,
+        popup: true,
+        component: shallowRef(defineAsyncComponent(() => import('@/views/offering/CloneNetworkOffering.vue')))
       }, {
         api: 'deleteNetworkOffering',
         icon: 'delete-outlined',