From 19d58e3c7c4362b6e611ca154f2e387885d18b44 Mon Sep 17 00:00:00 2001
From: Imvedansh <veds17007@gmail.com>
Date: Mon, 24 Mar 2025 22:49:06 +0530
Subject: [PATCH 1/3] testing the feature

---
 ui/src/config/section/infra/hosts.js     | 4 ++--
 ui/src/views/infra/HostEnableDisable.vue | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/config/section/infra/hosts.js b/ui/src/config/section/infra/hosts.js
index 79ec40287fb7..c9147ae9e30c 100644
--- a/ui/src/config/section/infra/hosts.js
+++ b/ui/src/config/section/infra/hosts.js
@@ -111,7 +111,7 @@ export default {
       label: 'label.disable.host',
       message: 'message.confirm.disable.host',
       dataView: true,
-      show: (record) => { return record.resourcestate === 'Enabled' },
+      show: (record) => record.resourcestate === 'Enabled',
       popup: true,
       component: shallowRef(defineAsyncComponent(() => import('@/views/infra/HostEnableDisable')))
     },
@@ -121,7 +121,7 @@ export default {
       label: 'label.enable.host',
       message: 'message.confirm.enable.host',
       dataView: true,
-      show: (record) => { return record.resourcestate === 'Disabled' },
+      show: (record) => record.resourcestate === 'Disabled',
       popup: true,
       component: shallowRef(defineAsyncComponent(() => import('@/views/infra/HostEnableDisable')))
     },
diff --git a/ui/src/views/infra/HostEnableDisable.vue b/ui/src/views/infra/HostEnableDisable.vue
index bc71aa270809..996f57a1a0f4 100644
--- a/ui/src/views/infra/HostEnableDisable.vue
+++ b/ui/src/views/infra/HostEnableDisable.vue
@@ -110,7 +110,12 @@ export default {
         }
         api('updateHost', data).then(_ => {
           this.$emit('close-action')
+          this.$emit('refresh-data')
+        }).catch(err => {
+          this.$message.error(err.message || 'Failed to update host status')
         })
+      }).catch(() => {
+        this.$message.error('Validation failed. Please check the inputs.')
       })
     }
   }

From 2392d719590ad89b9791913e8ceb45a2a8ae375c Mon Sep 17 00:00:00 2001
From: Rene Peinthor <rene.peinthor@linbit.com>
Date: Mon, 10 Mar 2025 16:23:01 +0100
Subject: [PATCH 2/3] Auto update the host status

---
 ui/src/config/section/infra/hosts.js     | 14 ++++++--
 ui/src/views/infra/HostEnableDisable.vue | 42 +++++++++++++++---------
 2 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/ui/src/config/section/infra/hosts.js b/ui/src/config/section/infra/hosts.js
index c9147ae9e30c..b5880985a9d1 100644
--- a/ui/src/config/section/infra/hosts.js
+++ b/ui/src/config/section/infra/hosts.js
@@ -113,7 +113,12 @@ export default {
       dataView: true,
       show: (record) => record.resourcestate === 'Enabled',
       popup: true,
-      component: shallowRef(defineAsyncComponent(() => import('@/views/infra/HostEnableDisable')))
+      component: shallowRef(defineAsyncComponent(() => import('@/views/infra/HostEnableDisable'))),
+      events: {
+        'refresh-data': () => {
+          store.dispatch('refreshCurrentPage')
+        }
+      }
     },
     {
       api: 'updateHost',
@@ -123,7 +128,12 @@ export default {
       dataView: true,
       show: (record) => record.resourcestate === 'Disabled',
       popup: true,
-      component: shallowRef(defineAsyncComponent(() => import('@/views/infra/HostEnableDisable')))
+      component: shallowRef(defineAsyncComponent(() => import('@/views/infra/HostEnableDisable'))),
+      events: {
+        'refresh-data': () => {
+          store.dispatch('refreshCurrentPage')
+        }
+      }
     },
     {
       api: 'prepareHostForMaintenance',
diff --git a/ui/src/views/infra/HostEnableDisable.vue b/ui/src/views/infra/HostEnableDisable.vue
index 996f57a1a0f4..3c06d0ca98f9 100644
--- a/ui/src/views/infra/HostEnableDisable.vue
+++ b/ui/src/views/infra/HostEnableDisable.vue
@@ -18,7 +18,7 @@
 <template>
   <div class="form-layout">
     <a-form
-      :ref="formRef"
+      ref="formRef"
       :model="form"
       :rules="rules"
       @finish="handleSubmit"
@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import { ref, reactive, toRaw } from 'vue'
+import { reactive, toRaw } from 'vue'
 import { api } from '@/api'
 
 export default {
@@ -78,11 +78,8 @@ export default {
     this.resourcestate = this.resource.resourcestate
     this.allocationstate = this.resourcestate === 'Enabled' ? 'Disable' : 'Enable'
   },
-  beforeCreate () {
-  },
   methods: {
     initForm () {
-      this.formRef = ref()
       this.form = reactive({})
       this.rules = reactive({})
     },
@@ -97,17 +94,19 @@ export default {
       })
     },
     handleSubmit (e) {
-      e.preventDefault()
-      this.formRef.value.validate().then(() => {
+      if (e) {
+        e.preventDefault()
+      }
+      this.$refs.formRef.validate().then(() => {
         const values = toRaw(this.form)
-
-        var data = {
+        const data = {
           allocationstate: this.allocationstate,
           id: this.resource.id
         }
         if (values.reason) {
           data.annotation = values.reason
         }
+<<<<<<< HEAD
         api('updateHost', data).then(_ => {
           this.$emit('close-action')
           this.$emit('refresh-data')
@@ -116,23 +115,34 @@ export default {
         })
       }).catch(() => {
         this.$message.error('Validation failed. Please check the inputs.')
+=======
+        api('updateHost', data)
+          .then(response => {
+            this.$emit('refresh-data')
+            this.$emit('close-action')
+          })
+          .catch(error => {
+            console.error('Error updating host:', error)
+            this.$emit('close-action')
+          })
+      }).catch(error => {
+        console.error('Validation failed:', error)
+>>>>>>> 06ddb1abe6 (Auto update the host status)
       })
     }
   }
 }
-
 </script>
 
 <style scoped>
 .reason {
-  padding-top: 20px
+  padding-top: 20px;
 }
 
 .form-layout {
-    width: 30vw;
-
-    @media (min-width: 500px) {
-      width: 450px;
-    }
+  width: 30vw;
+  @media (min-width: 500px) {
+    width: 450px;
   }
+}
 </style>

From d82fdbb54b88f8b443d24edff007a3a766b63460 Mon Sep 17 00:00:00 2001
From: Imvedansh <veds17007@gmail.com>
Date: Mon, 24 Mar 2025 23:33:31 +0530
Subject: [PATCH 3/3] fixed formating

---
 ui/src/views/infra/HostEnableDisable.vue | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/ui/src/views/infra/HostEnableDisable.vue b/ui/src/views/infra/HostEnableDisable.vue
index 3c06d0ca98f9..59ceb92d18f1 100644
--- a/ui/src/views/infra/HostEnableDisable.vue
+++ b/ui/src/views/infra/HostEnableDisable.vue
@@ -94,9 +94,6 @@ export default {
       })
     },
     handleSubmit (e) {
-      if (e) {
-        e.preventDefault()
-      }
       this.$refs.formRef.validate().then(() => {
         const values = toRaw(this.form)
         const data = {
@@ -106,7 +103,6 @@ export default {
         if (values.reason) {
           data.annotation = values.reason
         }
-<<<<<<< HEAD
         api('updateHost', data).then(_ => {
           this.$emit('close-action')
           this.$emit('refresh-data')
@@ -115,19 +111,6 @@ export default {
         })
       }).catch(() => {
         this.$message.error('Validation failed. Please check the inputs.')
-=======
-        api('updateHost', data)
-          .then(response => {
-            this.$emit('refresh-data')
-            this.$emit('close-action')
-          })
-          .catch(error => {
-            console.error('Error updating host:', error)
-            this.$emit('close-action')
-          })
-      }).catch(error => {
-        console.error('Validation failed:', error)
->>>>>>> 06ddb1abe6 (Auto update the host status)
       })
     }
   }