address comments

Author: Pearl1594

ui/public/locales/en.json

@@ -3066,7 +3066,7 @@
 "message.no.description": "No description entered.",
 "message.offering.internet.protocol.warning": "WARNING: IPv6 supported Networks use static routing and will require upstream routes to be configured manually.",
 "message.offering.ipv6.warning": "Please refer documentation for creating IPv6 enabled Network/VPC offering <a href='http://docs.cloudstack.apache.org/en/latest/plugins/ipv6.html#isolated-network-and-vpc-tier'>IPv6 support in CloudStack - Isolated Networks and VPC Network Tiers</a>",
-"message.oobm.configured": "Successfully configured Out of Band Management for host",
+"message.oobm.configured": "Successfully configured out-of-band management for host",
 "message.ovf.configurations": "OVF configurations available for the selected appliance. Please select the desired value. Incompatible compute offerings will get disabled.",
 "message.path.description": "NFS: exported path from the server. VMFS: /datacenter name/datastore name. SharedMountPoint: path where primary storage is mounted, such as /mnt/primary.",
 "message.please.confirm.remove.ssh.key.pair": "Please confirm that you want to remove this SSH key pair.",

ui/src/views/infra/ConfigureHostOOBM.vue

@@ -81,7 +81,7 @@
         </a-form-item>
       </div>
       <div :span="24" class="action-button">
-        <a-button @click="$emit('close-action')">{{ $t('label.cancel') }}</a-button>
+        <a-button @click="onCloseAction">{{ $t('label.cancel') }}</a-button>
         <a-button type="primary" @click="handleSubmit" ref="submit">{{ $t('label.ok') }}</a-button>
       </div>
     </a-form>
@@ -136,7 +136,7 @@ export default {
       e.preventDefault()
       this.formRef.value.validate().then(() => {
         const values = toRaw(this.form)
-        var params = {
+        const params = {
           hostid: this.resource.id,
           address: values.address,
           port: values.port,
@@ -146,22 +146,22 @@ export default {
         }
 
         api('configureOutOfBandManagement', {}, 'POST', params).then(_ => {
-          this.$message.success(`${this.$t('message.oobm.configured')}`)
-          this.$emit('close-action')
+          this.$message.success(this.$t('message.oobm.configured'))
+          this.$emit('refresh-data')
+          this.onCloseAction()
         }).catch(error => {
           this.$notifyError(error)
         })
       })
+    },
+    onCloseAction () {
+      this.$emit('close-action')
     }
   }
 }
 </script>
 
 <style scoped>
-.reason {
-  padding-top: 20px
-}
-
 .form-layout {
     width: 30vw;