handle deleteDomain as async job and poll job result

Author: Imvedansh

ui/public/locales/en.json

@@ -2970,7 +2970,7 @@
 "message.delete.account.success": "Successfully deleted account",
 "message.delete.account.warning": "Deleting this account will delete all of the instances, volumes and snapshots associated with the account.",
 "message.delete.domain.confirm": "Please confirm that you want to delete this domain by entering the name of the domain below.",
-"message.delete.domain.warning": "Deleting this domain will permanently delete all associated accounts. All active and inactive virtual machines will be powered off and removed. This action cannot be undone.",
+"message.delete.domain.warning": "This domain may contain accounts, users, or sub-domains. All of these must be removed before the domain can be deleted. This action cannot be undone.",
 "message.delete.domain.failed": "Delete domain failed",
 "message.delete.acl.processing": "Removing ACL rule...",
 "message.delete.acl.rule": "Remove ACL rule",

ui/src/views/iam/DomainView.vue

@@ -334,30 +334,36 @@ export default {
       this.showAction = false
     },
     confirmDeleteDomain () {
-      const params = { id: this.deleteDomainResource.id }
+      const domain = this.deleteDomainResource
+      const params = { id: domain.id }
 
-      api('deleteDomain', params)
-        .then(() => {
-          this.$notification.success({
-            message: 'Domain Deleted',
-            description: `Domain ${this.deleteDomainResource.name} has been successfully deleted.`
-          })
-          if (this.$route.params.id === this.deleteDomainResource.id) {
-            this.$router.push({ path: '/domain' })
+      api('deleteDomain', params).then(json => {
+        const jobId = json.deletedomainresponse.jobid
+
+        this.$pollJob({
+          jobId,
+          title: this.$t('label.action.delete.domain'),
+          description: domain.name,
+          loadingMessage: `${this.$t('label.action.delete.domain')} ${domain.name}`,
+          successMessage: `${this.$t('label.action.delete.domain')} ${domain.name}`,
+          catchMessage: this.$t('error.fetching.async.job.result'),
+          successMethod: () => {
+            if (this.$route.params.id === domain.id) {
+              this.$router.push({ path: '/domain' })
+            }
+            this.fetchData()
           }
-          this.fetchData()
-        })
-        .catch(error => {
-          this.$notification.error({
-            message: 'Failed to delete domain',
-            description: error.response?.headers['x-description'] || this.$t('message.request.failed')
-          })
         })
-        .finally(() => {
-          this.showDeleteConfirm = false
-          this.deleteDomainResource = null
-          this.treeDeletedKey = this.deleteDomainResource?.id || null
+      }).catch(error => {
+        this.$notification.error({
+          message: this.$t('message.request.failed'),
+          description: error.response?.headers['x-description'] || this.$t('message.request.failed')
         })
+      }).finally(() => {
+        this.showDeleteConfirm = false
+        this.deleteDomainResource = null
+        this.treeDeletedKey = null
+      })
     },
     forceRerender () {
       this.treeViewKey += 1