feat(lite): add forget action on host

Author: Elise-FZI

@xen-orchestra/lite/src/components/host/HostHeader.vue

@@ -20,19 +20,37 @@
         </template>
         <HostPowerStateActions :host />
       </MenuList>
+
+      <MenuList placement="bottom-end">
+        <template #trigger="{ open }">
+          <UiButtonIcon
+            v-tooltip="{
+              placement: 'left',
+              content: t('more-actions'),
+            }"
+            icon="action:more-actions"
+            accent="brand"
+            size="medium"
+            @click="open($event)"
+          />
+        </template>
+        <HostMoreActions :host />
+      </MenuList>
     </template>
   </UiHeadBar>
 </template>
 
 <script lang="ts" setup>
 import type { XenApiHost } from '@/libs/xen-api/xen-api.types.ts'
 import HostPowerStateActions from '@/modules/host/components/actions/HostPowerStateActions.vue'
+import HostMoreActions from '@/modules/host/components/HostMoreActions.vue'
 import { useHostUtils } from '@/modules/host/composables/host-utils.composable.ts'
 import { useHostMetricsStore } from '@/stores/xen-api/host-metrics.store.ts'
 import { usePoolStore } from '@/stores/xen-api/pool.store.ts'
 import VtsIcon from '@core/components/icon/VtsIcon.vue'
 import MenuList from '@core/components/menu/MenuList.vue'
 import VtsObjectIcon from '@core/components/object-icon/VtsObjectIcon.vue'
+import UiButtonIcon from '@core/components/ui/button-icon/UiButtonIcon.vue'
 import UiDropdownButton from '@core/components/ui/dropdown-button/UiDropdownButton.vue'
 import UiHeadBar from '@core/components/ui/head-bar/UiHeadBar.vue'
 import { vTooltip } from '@core/directives/tooltip.directive.ts'

@xen-orchestra/lite/src/components/infra/InfraHostItem.vue

@@ -33,7 +33,7 @@
               @click="open($event)"
             />
           </template>
-          <HostTreeActions :host />
+          <HostMoreActions :host show-change-state-button />
         </MenuList>
       </template>
     </UiTreeItemLabel>
@@ -48,7 +48,7 @@
 <script lang="ts" setup>
 import InfraVmItems from '@/components/infra/InfraVmItems.vue'
 import type { XenApiHost } from '@/libs/xen-api/xen-api.types.ts'
-import HostTreeActions from '@/modules/host/components/actions/HostTreeActions.vue'
+import HostMoreActions from '@/modules/host/components/HostMoreActions.vue'
 import { useHostUtils } from '@/modules/host/composables/host-utils.composable.ts'
 import { useHostStore } from '@/stores/xen-api/host.store.ts'
 import { usePoolStore } from '@/stores/xen-api/pool.store.ts'

@xen-orchestra/lite/src/libs/xen-api/operations/host-operations.ts

@@ -16,6 +16,8 @@ export function createHostOperations(xenApi: XenApi) {
 
   const shutdown = (hostRef: HostRef) => xenApi.call('host.shutdown', [hostRef])
 
+  const destroy = (hostRef: HostRef) => xenApi.call('host.destroy', [hostRef])
+
   const clearHost = async (hostRef: HostRef, force: boolean) => {
     await disable(hostRef)
 
@@ -33,6 +35,8 @@ export function createHostOperations(xenApi: XenApi) {
 
   return {
     powerOn,
+    shutdown,
+    destroy,
     cleanReboot: async (hostRef: HostRef, forceReboot: boolean) => {
       await clearHost(hostRef, forceReboot)
 

…t/components/actions/HostTreeActions.vue …ules/host/components/HostMoreActions.vue@xen-orchestra/lite/src/modules/host/components/actions/HostTreeActions.vue renamed to @xen-orchestra/lite/src/modules/host/components/HostMoreActions.vue @xen-orchestra/lite/src/modules/host/components/actions/HostTreeActions.vue renamed to @xen-orchestra/lite/src/modules/host/components/HostMoreActions.vue

@@ -1,24 +1,27 @@
 <template>
-  <MenuItem icon="action:change-state" class="change-state">
+  <MenuItem v-if="showChangeStateButton" icon="action:change-state" class="change-state">
     {{ t('action:change-state') }}
     <template #submenu>
       <HostPowerStateActions :host />
     </template>
   </MenuItem>
+  <HostForgetButton :host />
   <VtsDivider type="stretch" />
   <HostDownloadButton :host-opaque-ref="host.$ref" />
 </template>
 
 <script setup lang="ts">
 import type { XenApiHost } from '@/libs/xen-api/xen-api.types.ts'
 import HostDownloadButton from '@/modules/host/components/actions/download/HostDownloadButton.vue'
+import HostForgetButton from '@/modules/host/components/actions/forget/HostForgetButton.vue'
 import HostPowerStateActions from '@/modules/host/components/actions/HostPowerStateActions.vue'
 import VtsDivider from '@core/components/divider/VtsDivider.vue'
 import MenuItem from '@core/components/menu/MenuItem.vue'
 import { useI18n } from 'vue-i18n'
 
 defineProps<{
   host: XenApiHost
+  showChangeStateButton?: boolean
 }>()
 
 const { t } = useI18n()

@xen-orchestra/lite/src/modules/host/components/actions/forget/HostForgetButton.vue

@@ -0,0 +1,59 @@
+<template>
+  <MenuItem
+    v-tooltip="!canForgetHost && forgetHostErrorMessage"
+    :busy="isForgettingHost"
+    class="host-forget-button"
+    :disabled="!canForgetHost"
+    icon="action:forget"
+    @click="forgetHost()"
+  >
+    {{ t('action:forget') }}
+  </MenuItem>
+</template>
+
+<script lang="ts" setup>
+import type { XenApiHost } from '@/libs/xen-api/xen-api.types.ts'
+import { useHostForgetJob } from '@/modules/host/jobs/host-forget.job.ts'
+import MenuItem from '@core/components/menu/MenuItem.vue'
+import { useActionModal } from '@core/composables/modals/use-action-modal.ts'
+import { vTooltip } from '@core/directives/tooltip.directive.ts'
+import { useI18n } from 'vue-i18n'
+
+const { host } = defineProps<{
+  host: XenApiHost
+}>()
+
+const { t } = useI18n()
+
+const { open: openActionModal } = useActionModal()
+
+const {
+  run,
+  canRun: canForgetHost,
+  isRunning: isForgettingHost,
+  errorMessage: forgetHostErrorMessage,
+} = useHostForgetJob(() => host)
+
+function forgetHost() {
+  return openActionModal({
+    props: {
+      accent: 'danger',
+      action: 'forget',
+      object: 'host',
+      hostName: host.name_label,
+      icon: 'status:danger-circle',
+    },
+    events: {
+      onConfirm: async () => {
+        void run()
+      },
+    },
+  })
+}
+</script>
+
+<style lang="postcss" scoped>
+.host-forget-button {
+  color: var(--color-danger-item-base);
+}
+</style>

@xen-orchestra/lite/src/modules/host/jobs/host-forget.job.ts

@@ -0,0 +1,29 @@
+import { hostArg } from '@/modules/host/jobs/host-args.ts'
+import { useHostMetricsStore } from '@/stores/xen-api/host-metrics.store.ts'
+import { useXenApiStore } from '@/stores/xen-api.store.ts'
+import { defineJob, JobError, JobRunningError } from '@core/packages/job'
+import { useI18n } from 'vue-i18n'
+
+export const useHostForgetJob = defineJob('host.forget', [hostArg], () => {
+  const xapi = useXenApiStore().getXapi()
+  const { t } = useI18n()
+  const { isHostHalted } = useHostMetricsStore().subscribe()
+
+  return {
+    run: host => xapi.host.destroy(host.$ref),
+
+    validate: (isRunning, host) => {
+      if (host === undefined) {
+        throw new JobError(t('job:host-forget:missing-host'))
+      }
+
+      if (!isHostHalted(host)) {
+        throw new JobError(t('job:host-forget:bad-power-state'))
+      }
+
+      if (isRunning) {
+        throw new JobRunningError(t('job:host-forget:in-progress'))
+      }
+    },
+  }
+})