bfg-common 1.4.866 → 1.4.868

package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts

@@ -0,0 +1,116 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization,
+  isScheduledTasks: boolean
+): UI_I_WizardStep[] => {
+  let result: UI_I_WizardStep[] = [
+    {
+      id: 0,
+      stepName: '',
+      title: localization.common.schedulingOptions,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      fields: {},
+      testId: 'new-roles-scheduling-options',
+    },
+    {
+      id: 1,
+      stepName: '',
+      title: localization.common.selectName,
+      subTitle: localization.common.specifyUniqueName,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-name',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 2,
+      stepName: '',
+      title: localization.common.selectStorage,
+      subTitle: localization.common.selectStorageConfigurationDiskFiles,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-storage',
+      fields: {
+        storage: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 3,
+      stepName: '',
+      title: localization.common.customizeHardware,
+      subTitle: localization.common.configureVirtualMachineHardware,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-customize-hardware',
+      fields: {
+        customizeHardware: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 4,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-ready-complete',
+      fields: {},
+    },
+  ]
+
+  if (!isScheduledTasks) {
+    result.shift()
+    result[0].status = UI_E_WIZARD_STATUS.SELECTED
+    result = result.map((item) => {
+      item.id--
+      return item
+    })
+  }
+
+  return result
+}
+
+export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
+  const resultWithOutScheduledTasks = [0, 1, 2, 3]
+  const resultWithScheduledTasks = [0, 1, 2, 3, 4]
+
+  return isScheduledTasks
+    ? [resultWithScheduledTasks]
+    : [resultWithOutScheduledTasks]
+}
+export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
+  const resultWithOutScheduledTasks = {
+    selectName: 0,
+    selectStorage: 1,
+    customizeHardware: 2,
+    readyComplete: 3,
+  }
+  const resultWithScheduledTasks = {
+    scheduledTasks: 0,
+    selectName: 1,
+    selectStorage: 2,
+    customizeHardware: 3,
+    readyComplete: 4,
+  }
+
+  return isScheduledTasks
+    ? resultWithScheduledTasks
+    : resultWithOutScheduledTasks
+}

package/components/common/vm/actions/clone/toTemplate/lib/models/interfaces.ts

@@ -0,0 +1,14 @@
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+
+export interface UI_I_VmForm {
+  name: string
+  storage: UI_I_DatastoreTableItem | null
+}
+
+export interface I_DynamicSteps {
+  selectName: number
+  selectStorage: number
+  customizeHardware: number
+  readyComplete: number
+  scheduledTasks?: number
+}

package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue

@@ -39,6 +39,7 @@
     :project="props.project"
     :nav-items="navItems"
     :errors="errors"
+    :compute-resource="props.computeResource"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data="emits('send-data', $event)"
     @next="emits('next')"
@@ -93,6 +94,7 @@
     :project="props.project"
     :nav-items="navItems"
     :errors="errors"
+    :compute-resource="props.computeResource"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data="emits('send-data', $event)"
     @next="emits('next')"
@@ -137,6 +139,7 @@ import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { navItemsFunc } from '~/components/common/vm/actions/common/customizeHardware/lib/config/navItems'
 
 const vmName = defineModel<string>('vmName', { required: true })
@@ -178,6 +181,7 @@ const props = defineProps<{
   passthroughDevices?: UI_I_PciDevice[]
   mediatedDevices?: UI_I_MediatedDevice[]
   project?: UI_T_Project
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue

@@ -45,6 +45,7 @@
         :mediated-devices="props.mediatedDevices"
         :project="props.project"
         :guest-machine-type="guestMachineType"
+        :computeResource="props.computeResource"
         @send-data="emits('send-data-virtual-hardware-method', $event)"
         @get-storage="emits('get-storage', $event)"
         @get-folders-or-files="emits('get-folders-or-files', $event)"
@@ -107,6 +108,7 @@ import type {
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { navItemsNewViewFunc } from '~/components/common/vm/actions/common/customizeHardware/lib/config/navItems'
 
 const vmName = defineModel<string>('vmName', { required: true })
@@ -162,6 +164,7 @@ const props = defineProps<{
   mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue

@@ -38,6 +38,7 @@
         :mediated-devices="props.mediatedDevices"
         :project="props.project"
         :guest-machine-type="guestMachineType"
+        :compute-resource="props.computeResource"
         @send-data="emits('send-data-virtual-hardware-method', $event)"
         @get-storage="emits('get-storage', $event)"
         @get-folders-or-files="emits('get-folders-or-files', $event)"
@@ -98,6 +99,7 @@ import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
 const vmName = defineModel<string>('vmName', { required: true })
 const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
@@ -152,6 +154,7 @@ const props = defineProps<{
   mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue

@@ -39,6 +39,7 @@
     :passthrough-devices="passthroughDevices"
     :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
+    :compute-resource="props.computeResource"
     @add-device="onAddDevice"
     @get-storage="emits('get-storage', $event)"
     @remove-network="onRemoveNetwork"
@@ -106,6 +107,7 @@
     :passthrough-devices="passthroughDevices"
     :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
+    :compute-resource="props.computeResource"
     @add-device="onAddDevice"
     @get-storage="emits('get-storage', $event)"
     @remove-network="onRemoveNetwork"
@@ -173,6 +175,7 @@ import type {
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import { dropdownItemsFunc } from './lib/config/dropdownItems'
+import type {UI_I_TreeNode} from "~/components/common/recursionTree/lib/models/interfaces";
 
 const props = defineProps<{
   storage: UI_I_DatastoreTableItem | null
@@ -201,6 +204,7 @@ const props = defineProps<{
   mediatedDevices?: UI_I_MediatedDevice[]
   project: UI_T_Project
   guestMachineType?: UI_I_OptionItem | null
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataVirtualHardware): void

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="virtual-hardware">
     <div class="action-wrap">
-      <span class="device-count">{{deviceCountText}}</span>
+      <span class="device-count">{{ deviceCountText }}</span>
 
       <div>
         <button
           id="add-device-dropdown"
-          :class="['pointer', {active: isShowAddDeviceDropdown}]"
+          :class="['pointer', { active: isShowAddDeviceDropdown }]"
           data-id="add-device-dropdown"
           @click="isShowAddDeviceDropdown = !isShowAddDeviceDropdown"
         >
           <ui-icon name="plus" width="18" height="18" />
           <span>
-          {{ addNewDeviceText }}
-        </span>
+            {{ addNewDeviceText }}
+          </span>
         </button>
         <ui-dropdown
           :items="dropdownItems"
@@ -65,6 +65,7 @@
           :is-edit="props.isEdit"
           :state="props.state"
           :guest-machine-type="props.guestMachineType"
+          :compute-resource="props.computeResource"
           @remove="emits('remove-hard-disk', [props.hardDisksIndex[key], item])"
           @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"
           @send-data="
@@ -115,6 +116,7 @@
           :is-edit="props.isEdit"
           :state="props.state"
           :guest-machine-type="props.guestMachineType"
+          :compute-resource="props.computeResource"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
           @get-storage="emits('get-storage', $event)"
           @get-folders-or-files="emits('get-folders-or-files', $event)"
@@ -222,9 +224,11 @@ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
-  API_UI_I_VmEditMemory, UI_I_MediatedDevice,
+  API_UI_I_VmEditMemory,
+  UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { dropdownItemsNewFunc } from './lib/config/dropdownItems'
 
 const cpuInvalid = defineModel<boolean>('cpuInvalid', { required: true })
@@ -269,6 +273,7 @@ const props = defineProps<{
   passthroughDevices?: UI_I_PciDevice[]
   mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'add-device', value: { value: number }): void
@@ -353,10 +358,10 @@ const onAddDevice = (data: number): void => {
 
 <style>
 :root {
-  --vm-wizard-block-view-bg-color: #fafafa
+  --vm-wizard-block-view-bg-color: #fafafa;
 }
 :root.dark-theme {
-  --vm-wizard-block-view-bg-color: transparent
+  --vm-wizard-block-view-bg-color: transparent;
 }
 </style>
 
@@ -372,7 +377,7 @@ const onAddDevice = (data: number): void => {
       font-size: 13px;
       font-weight: 500;
       line-height: 15.73px;
-      color: #9DA6AD;
+      color: #9da6ad;
     }
 
     #add-device-dropdown {
@@ -389,8 +394,8 @@ const onAddDevice = (data: number): void => {
       line-height: 15.73px;
 
       &.active {
-        color: #008FD6;
-        border-color: #008FD6;
+        color: #008fd6;
+        border-color: #008fd6;
       }
     }
   }

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue

@@ -46,10 +46,18 @@
           :is-edit="props.isEdit"
           :state="props.state"
           :guest-machine-type="props.guestMachineType"
+          :compute-resource="props.computeResource"
           @remove="emits('remove-hard-disk', [props.hardDisksIndex[key], item])"
           @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"
-          @send-data="emits('send-data-new-hard-disk-method', [$event, props.hardDisksIndex[key]])"
-          @invalid="emits('set-invalid-hard-disk', [$event, props.hardDisksIndex[key]])"
+          @send-data="
+            emits('send-data-new-hard-disk-method', [
+              $event,
+              props.hardDisksIndex[key],
+            ])
+          "
+          @invalid="
+            emits('set-invalid-hard-disk', [$event, props.hardDisksIndex[key]])
+          "
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-new-network
@@ -64,8 +72,15 @@
           :state="props.state"
           :project="props.project"
           @remove="emits('remove-network', props.networksIndex[key])"
-          @send-data="emits('send-data-new-network-method', [$event, props.networksIndex[key]])"
-          @invalid="emits('set-invalid-network', [$event, props.networksIndex[key]])"
+          @send-data="
+            emits('send-data-new-network-method', [
+              $event,
+              props.networksIndex[key],
+            ])
+          "
+          @invalid="
+            emits('set-invalid-network', [$event, props.networksIndex[key]])
+          "
           @remove-error-by-title="emits('remove-error-by-title', $event)"
           @get-networks-table="emits('get-networks-table', $event)"
         />
@@ -82,15 +97,23 @@
           :is-edit="props.isEdit"
           :state="props.state"
           :guest-machine-type="props.guestMachineType"
+          :compute-resource="props.computeResource"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
           @get-storage="emits('get-storage', $event)"
           @get-folders-or-files="emits('get-folders-or-files', $event)"
           @get-active-device-child="emits('get-active-device-child', $event)"
           @show-datastore-child="emits('show-datastore-child', $event)"
-          @remove="emits('remove-cd-dvd-drive', [props.cdDvdDrivesIndex[key], item])"
-          @roll-back="emits('roll-back-cd-dvd-drive', props.cdDvdDrivesIndex[key])"
+          @remove="
+            emits('remove-cd-dvd-drive', [props.cdDvdDrivesIndex[key], item])
+          "
+          @roll-back="
+            emits('roll-back-cd-dvd-drive', props.cdDvdDrivesIndex[key])
+          "
           @send-data="
-            emits('send-data-new-cd-dvd-drive-method', [$event, props.cdDvdDrivesIndex[key]])
+            emits('send-data-new-cd-dvd-drive-method', [
+              $event,
+              props.cdDvdDrivesIndex[key],
+            ])
           "
         />
         <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller
@@ -113,9 +136,17 @@
             :state="props.state"
             @remove="emits('remove-pci-device', props.pciDevicesIndex[key])"
             @send-data="
-              emits('send-data-pci-devices-method', [$event, props.pciDevicesIndex[key]])
+              emits('send-data-pci-devices-method', [
+                $event,
+                props.pciDevicesIndex[key],
+              ])
+            "
+            @invalid="
+              emits('set-invalid-pci-device', [
+                $event,
+                props.pciDevicesIndex[key],
+              ])
             "
-            @invalid="emits('set-invalid-pci-device', [$event, props.pciDevicesIndex[key]])"
             @remove-error-by-title="emits('remove-error-by-title', $event)"
           />
         </template>
@@ -179,13 +210,17 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   API_UI_I_VmEditCpu,
-  API_UI_I_VmEditMemory, UI_I_MediatedDevice,
+  API_UI_I_VmEditMemory,
+  UI_I_MediatedDevice,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
-const cpuInvalid = defineModel<boolean>('cpuInvalid', {required: true})
-const memoryInvalid = defineModel<boolean>('memoryInvalid', {required: true})
-const videoCardInvalid = defineModel<boolean>('videoCardInvalid', {required: true})
+const cpuInvalid = defineModel<boolean>('cpuInvalid', { required: true })
+const memoryInvalid = defineModel<boolean>('memoryInvalid', { required: true })
+const videoCardInvalid = defineModel<boolean>('videoCardInvalid', {
+  required: true,
+})
 
 const props = defineProps<{
   nodes: UI_I_FileTreeNode[]
@@ -223,6 +258,7 @@ const props = defineProps<{
   passthroughDevices?: UI_I_PciDevice[]
   mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'add-device', value: UI_I_DropdownTreeItemChild): void
@@ -235,7 +271,10 @@ const emits = defineEmits<{
   (event: 'add-exist-hard-disk', value: UI_I_FileTreeNode): void
   (event: 'roll-back-hard-disk', value: number): void
   (event: 'set-invalid-network', value: [boolean, number]): void
-  (event: 'remove-cd-dvd-drive', value: [number, UI_I_SendDataNewCdDvdDrive]): void
+  (
+    event: 'remove-cd-dvd-drive',
+    value: [number, UI_I_SendDataNewCdDvdDrive]
+  ): void
   (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
   (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
   (event: 'send-data-cpu-method', value: UI_I_SendDataCpu): void
@@ -246,15 +285,26 @@ const emits = defineEmits<{
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
   (event: 'send-data-memory-method', value: UI_I_SendDataMemory): void
   (event: 'send-data-video-card-method', value: UI_I_SendDataVideoCard): void
-  (event: 'send-data-new-network-method', value: [UI_I_SendDataNewNetwork, number]): void
-  (event: 'send-data-pci-devices-method', value: [UI_I_SendDataNewPciDevice, number]): void
-  (event: 'send-data-new-hard-disk-method', value: [UI_I_SendDataNewHardDisk, number]): void
-  (event: 'send-data-new-cd-dvd-drive-method', value: [UI_I_SendDataNewCdDvdDrive, number]): void
+  (
+    event: 'send-data-new-network-method',
+    value: [UI_I_SendDataNewNetwork, number]
+  ): void
+  (
+    event: 'send-data-pci-devices-method',
+    value: [UI_I_SendDataNewPciDevice, number]
+  ): void
+  (
+    event: 'send-data-new-hard-disk-method',
+    value: [UI_I_SendDataNewHardDisk, number]
+  ): void
+  (
+    event: 'send-data-new-cd-dvd-drive-method',
+    value: [UI_I_SendDataNewCdDvdDrive, number]
+  ): void
   (event: 'send-data-new-usb-controller-method', value: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-
 </script>
 
 <style scoped lang="scss">

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue

@@ -32,6 +32,7 @@
 <script setup lang="ts">
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
 
 const bus = defineModel<string>('bus')
@@ -45,6 +46,7 @@ const props = defineProps<{
   shortOptions?: boolean
   helpText?: string
   guestMachineType?: UI_I_OptionItem | null
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'remove-error-by-title', value: string): void
@@ -57,18 +59,19 @@ const helpId = ref<string>(`bus-field-help-icon${useUniqueId()}`)
 
 const busOptions = ref<UI_I_OptionItem[]>([])
 watch(
-  () => props.guestMachineType,
+  [() => props.guestMachineType, () => props.computeResource],
   () => {
     if (props.guestMachineType) {
       busOptions.value = capabilities.bus[props.guestMachineType.value]
       if (props.shortOptions) {
         busOptions.value = capabilities.cdromBus[props.guestMachineType.value]
       }
-
-      const hasSelected = busOptions.value.some(
-        (option) => option.value === bus.value
-      )
-      if (!hasSelected) bus.value = busOptions.value[0].value
+      if (busOptions.value) {
+        const hasSelected = busOptions.value.some(
+          (option) => option.value === bus.value
+        )
+        if (!hasSelected) bus.value = busOptions.value[0].value
+      }
     }
   },
   { immediate: true, deep: true }
@@ -93,5 +96,4 @@ const onRemoveValidationError = (): void => {
 const isShowHelp = ref<boolean>(false)
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue

@@ -20,6 +20,7 @@
     :file-types="fileTypes"
     :is-running="isRunning"
     :guest-machine-type="guestMachineType"
+    :compute-resource="props.computeResource"
     @remove="emits('remove')"
     @roll-back="emits('roll-back')"
     @remove-error-by-title="emits('remove-error-by-title', $event)"
@@ -52,6 +53,7 @@
     :file-types="fileTypes"
     :is-running="isRunning"
     :guest-machine-type="guestMachineType"
+    :compute-resource="props.computeResource"
     @remove="emits('remove')"
     @roll-back="emits('roll-back')"
     @remove-error-by-title="emits('remove-error-by-title', $event)"
@@ -62,7 +64,7 @@
     @change-cd-dvd-drive="changeCdDvdDrive"
     @select-file="onSelectFile"
     @hide-file-modal="onHideFileModal"
-    />
+  />
 </template>
 
 <script lang="ts" setup>
@@ -78,6 +80,7 @@ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
 import type { UI_T_CdDvdType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { cdDvdDriveOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/options'
 import { fileTypesFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/fileTypes'
 
@@ -93,6 +96,7 @@ const props = defineProps<{
   disabled: boolean
   state?: string | number
   guestMachineType?: UI_I_OptionItem | null
+  computeResource?: UI_I_TreeNode | null
 }>()
 
 const emits = defineEmits<{

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue

@@ -62,6 +62,7 @@
         short-options
         component-type="disk_devices"
         :guest-machine-type="props.guestMachineType"
+        :compute-resource="props.computeResource"
         @remove-error-by-title="emits('remove-error-by-title', $event)"
       />
     </template>
@@ -92,6 +93,7 @@ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
 import type { UI_T_CdDvdType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
 const deleteFilesFromDatastore = defineModel<boolean>(
   'deleteFilesFromDatastore',
@@ -121,6 +123,7 @@ const props = defineProps<{
   fileTypes: UI_I_OptionItem[]
   isRunning: boolean
   guestMachineType?: UI_I_OptionItem | null
+  computeResource?: UI_I_TreeNode | null
 }>()
 
 const emits = defineEmits<{

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue

@@ -81,6 +81,7 @@
           short-options
           component-type="disk_devices"
           :guest-machine-type="props.guestMachineType"
+          :compute-resource="props.computeResource"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />
       </template>
@@ -115,6 +116,7 @@ import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
 import type { UI_T_CdDvdType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
 const deleteFilesFromDatastore = defineModel<boolean>(
   'deleteFilesFromDatastore',
@@ -144,6 +146,7 @@ const props = defineProps<{
   fileTypes: UI_I_OptionItem[]
   isRunning: boolean
   guestMachineType?: UI_I_OptionItem | null
+  computeResource?: UI_I_TreeNode | null
 }>()
 
 const emits = defineEmits<{

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue

@@ -32,6 +32,7 @@
     :hard-disk="props.hardDisk"
     :guest-machine-type="props.guestMachineType"
     :is-new-type="isNewType"
+    :compute-resource="props.computeResource"
     @remove="emits('remove')"
     @roll-back="emits('roll-back')"
     @validate-size="onValidateSize"
@@ -71,6 +72,7 @@
     :hard-disk="props.hardDisk"
     :guest-machine-type="props.guestMachineType"
     :is-new-type="isNewType"
+    :compute-resource="props.computeResource"
     @remove="emits('remove')"
     @roll-back="emits('roll-back')"
     @validate-size="onValidateSize"
@@ -90,6 +92,7 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import { binaryOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/binaryOptions'
 
 const props = defineProps<{
@@ -103,6 +106,7 @@ const props = defineProps<{
   isEdit: boolean
   state?: string | number
   guestMachineType?: UI_I_OptionItem | null
+  computeResource?: UI_I_TreeNode | null
 }>()
 const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataNewHardDisk): void