ui: Fix async poll job (#5221)

ui/src/views/compute/MigrateVMStorage.vue

@@ -173,13 +173,9 @@ export default {
         } else {
           jobId = response.migratevirtualmachine.jobid
         }
-        this.$store.dispatch('AddAsyncJob', {
-          title: `${this.$t('label.migrating')} ${this.resource.name}`,
-          jobid: jobId,
-          description: this.resource.name,
-          status: 'progress'
-        })
         this.$pollJob({
+          title: `${this.$t('label.migrating')} ${this.resource.name}`,
+          description: this.resource.name,
           jobId: jobId,
           successMessage: `${this.$t('message.success.migrating')} ${this.resource.name}`,
           successMethod: () => {

ui/src/views/network/EgressRulesTab.vue

@@ -288,15 +288,10 @@ export default {
       this.loading = true
       api('deleteEgressFirewallRule', { id: rule.id }).then(response => {
         const jobId = response.deleteegressfirewallruleresponse.jobid
-        this.$store.dispatch('AddAsyncJob', {
-          title: this.$t('label.action.delete.egress.firewall'),
-          jobid: jobId,
-          description: rule.id,
-          status: 'progress',
-          bulkAction: this.selectedItems.length > 0 && this.showGroupActionModal
-        })
         eventBus.$emit('update-job-details', jobId, null)
         this.$pollJob({
+          title: this.$t('label.action.delete.egress.firewall'),
+          description: rule.id,
           jobId: jobId,
           successMessage: this.$t('message.success.remove.egress.rule'),
           successMethod: () => {

ui/src/views/network/FirewallRules.vue

@@ -331,15 +331,10 @@ export default {
       this.loading = true
       api('deleteFirewallRule', { id: rule.id }).then(response => {
         const jobId = response.deletefirewallruleresponse.jobid
-        this.$store.dispatch('AddAsyncJob', {
-          title: this.$t('label.action.delete.firewall'),
-          jobid: jobId,
-          description: rule.id,
-          status: 'progress',
-          bulkAction: this.selectedItems.length > 0 && this.showGroupActionModal
-        })
         eventBus.$emit('update-job-details', jobId, null)
         this.$pollJob({
+          title: this.$t('label.action.delete.firewall'),
+          description: rule.id,
           jobId: jobId,
           successMessage: this.$t('message.success.remove.firewall.rule'),
           successMethod: () => {

ui/src/views/network/IpAddressesTab.vue

@@ -389,15 +389,10 @@ export default {
         id: ip.id
       }).then(response => {
         const jobId = response.disassociateipaddressresponse.jobid
-        this.$store.dispatch('AddAsyncJob', {
-          title: this.$t('label.action.release.ip'),
-          jobid: jobId,
-          description: ip.id,
-          status: 'progress',
-          bulkAction: this.selectedItems.length > 0 && this.showGroupActionModal
-        })
         eventBus.$emit('update-job-details', jobId, null)
         this.$pollJob({
+          title: this.$t('label.action.release.ip'),
+          description: ip.id,
           jobId: jobId,
           successMessage: this.$t('message.success.release.ip'),
           successMethod: () => {

ui/src/views/network/LoadBalancing.vue

@@ -1023,15 +1023,10 @@ export default {
         id: rule.id
       }).then(response => {
         const jobId = response.deleteloadbalancerruleresponse.jobid
-        this.$store.dispatch('AddAsyncJob', {
-          title: this.$t('label.action.delete.load.balancer'),
-          jobid: jobId,
-          description: rule.id,
-          status: 'progress',
-          bulkAction: this.selectedItems.length > 0 && this.showGroupActionModal
-        })
         eventBus.$emit('update-job-details', jobId, null)
         this.$pollJob({
+          title: this.$t('label.action.delete.load.balancer'),
+          description: rule.id,
           jobId: jobId,
           successMessage: this.$t('message.success.remove.rule'),
           successMethod: () => {

ui/src/views/network/PortForwarding.vue

@@ -523,15 +523,10 @@ export default {
       this.loading = true
       api('deletePortForwardingRule', { id: rule.id }).then(response => {
         const jobId = response.deleteportforwardingruleresponse.jobid
-        this.$store.dispatch('AddAsyncJob', {
-          title: this.$t('label.portforwarding.rule'),
-          jobid: jobId,
-          description: rule.id,
-          status: 'progress',
-          bulkAction: this.selectedItems.length > 0 && this.showGroupActionModal
-        })
         eventBus.$emit('update-job-details', jobId, null)
         this.$pollJob({
+          title: this.$t('label.portforwarding.rule'),
+          description: rule.id,
           jobId: jobId,
           successMessage: this.$t('message.success.remove.port.forward'),
           successMethod: () => {