bfg-common 1.5.573 → 1.5.575

package/components/common/vm/actions/add/Add.vue

@@ -1,8 +1,7 @@
 <template>
   <common-vm-actions-add-new
     v-if="isNewView"
-    v-model="model"
-    v-model:computed-resource="computeResource"
+    v-model:vm-form="vmForm"
     v-model:selected-create-type="selectedCreateType"
     v-model:is-power-on-by-default="isPowerOnByDefault"
     :project="props.project"
@@ -32,6 +31,10 @@
     :guestOsFamilies="guestOsFamilies"
     :guestOsVersions="guestOsVersions"
     :machineTypes="machineTypes"
+    :virtual-hardware-hard-disks-local="virtualHardwareHardDisksLocal"
+    :virtual-hardware-cd-dvd-drives-local="virtualHardwareCdDvdDrivesLocal"
+    :virtual-hardware-networks-local="virtualHardwareNetworksLocal"
+    :max-cpus="maxCpus"
     :max-memory="maxMemory"
     :cpu-models="cpuModels"
     :selected-nav-item="selectedNavItem"
@@ -69,13 +72,14 @@
     @change-storage="onChangeStorage"
     @change-select-options="onChangeSelectOptions"
     @change-compatibility="onChangeCompatibility"
+    @change-boot-order="onChangeBootOrder"
+    @change-customize-hardware="onChangeCustomizeHardware"
     @finish="onFinish"
     @hide="onHideModal"
   />
   <common-vm-actions-add-old
     v-else
-    v-model="model"
-    v-model:compute-resource="computeResource"
+    v-model:vm-form="vmForm"
     v-model:selected-create-type="selectedCreateType"
     v-model:is-power-on-by-default="isPowerOnByDefault"
     :project="props.project"
@@ -105,6 +109,10 @@
     :guestOsFamilies="guestOsFamilies"
     :guestOsVersions="guestOsVersions"
     :machineTypes="machineTypes"
+    :virtual-hardware-hard-disks-local="virtualHardwareHardDisksLocal"
+    :virtual-hardware-cd-dvd-drives-local="virtualHardwareCdDvdDrivesLocal"
+    :virtual-hardware-networks-local="virtualHardwareNetworksLocal"
+    :max-cpus="maxCpus"
     :max-memory="maxMemory"
     :cpu-models="cpuModels"
     :selected-nav-item="selectedNavItem"
@@ -140,6 +148,8 @@
     @change-storage="onChangeStorage"
     @change-select-options="onChangeSelectOptions"
     @change-compatibility="onChangeCompatibility"
+    @change-boot-order="onChangeBootOrder"
+    @change-customize-hardware="onChangeCustomizeHardware"
     @finish="onFinish"
     @hide="onHideModal"
   />
@@ -175,11 +185,19 @@ import type {
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import type {
   UI_I_Capabilities,
-  UI_I_CreateVmData,
   UI_I_VmForm,
-  // UI_I_VmFormCash,
+  UI_I_VmFormCash,
 } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
+import type {
+  UI_I_SendDataCpu,
+  UI_I_SendDataMemory,
+  UI_I_SendDataNewCdDvdDrive,
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewNetwork,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
@@ -195,8 +213,6 @@ import {
 } from '~/components/common/vm/actions/add/lib/config/steps'
 import { mapCapabilities } from '~/components/common/vm/actions/common/lib/utils/capabilities'
 
-const model = defineModel<UI_I_CreateVmData>({ required: true })
-
 const props = withDefaults(
   defineProps<{
     project: UI_T_Project
@@ -251,6 +267,7 @@ const emits = defineEmits<{
   (event: 'remove-error-by-title', value: string): void
   (event: 'get-networks-table', value: UI_I_TablePayload): void
   (event: 'get-pci-devices'): void
+  (event: 'get-pci-devices'): void
   (event: 'hide'): void
   (event: 'select-template', value: string): void
   (
@@ -495,7 +512,9 @@ const onCheckName = async (
   })
 }
 const compatibilityText = computed<[UI_T_CompatibilityStatus, string]>(() => {
-  if (!computeResource.value)
+  const { computeResource } = vmForm.value
+
+  if (!computeResource)
     return [
       'none',
       localization.value.vmWizard.noDestinationComputeResourceSelected,
@@ -506,23 +525,21 @@ const compatibilityText = computed<[UI_T_CompatibilityStatus, string]>(() => {
     localization.value.common.compatibilityChecksSucceeded,
   ]
 
-  if (
-    !['cluster', 'host', 'resource_pool'].includes(computeResource.value?.type)
-  ) {
+  if (!['cluster', 'host', 'resource_pool'].includes(computeResource?.type)) {
     res = [
       'error',
       localization.value.common.selectValidClusterOrHostDestination,
     ]
   }
-  if (computeResource.value?.type === 'cluster') {
-    const hasHost = !!computeResource.value.nodes.length
+  if (computeResource?.type === 'cluster') {
+    const hasHost = !!computeResource.nodes.length
     if (!hasHost) {
       res = ['error', localization.value.common.clusterNotContainAnyHosts]
     }
   }
 
-  if (computeResource.value?.type === 'host') {
-    if (computeResource.value.state === 'Error') {
+  if (computeResource?.type === 'host') {
+    if (computeResource.state === 'Error') {
       // TODO check Maintenance Mode
       res = [
         'error',
@@ -539,13 +556,14 @@ const checkComputeResource = (
 ): UI_I_ValidationReturn => {
   let stepHasError = false
 
+  const { computeResource } = vmForm.value
+
   if (
-    !computeResource.value ||
+    !computeResource ||
     // compatibilityText.value[0] !== 1 ||
-    computeResource.value.type === 'datacenter' ||
-    computeResource.value.type === 'folder' ||
-    (computeResource.value.type === 'cluster' &&
-      !computeResource.value.nodes.length)
+    computeResource.type === 'datacenter' ||
+    computeResource.type === 'folder' ||
+    (computeResource.type === 'cluster' && !computeResource.nodes.length)
   ) {
     computeResourceAlert.value = [
       localization.value.common.specifyValidClusterOrHostDestination,
@@ -686,15 +704,22 @@ const checkCustomizeHardwareForTemplate = async (
   })
 }
 
-const computeResource = ref<UI_I_TreeNode | null>(props.computeResource)
+const storageIdCash = ref<string | null>(null)
 const vmForm = ref<UI_I_VmForm>({
+  name: '',
+  compatibility: '',
+  guestMachineType: null,
+  guestOsFamily: null,
+  guestOsVersion: null,
+  computeResource: props.computeResource,
+  storage: null,
   locationPath: '',
   dataCenter: null,
 })
 
 const isLoadingComputeTree = ref<boolean>(false)
-const onChangeName = (_name: string, node: UI_I_TreeNode | null): void => {
-  // vmForm.value.name = name // TODO уже нету смысла
+const onChangeName = (name: string, node: UI_I_TreeNode | null): void => {
+  vmForm.value.name = name // TODO уже нету смысла
   if (isSphere.value) {
     vmForm.value.locationPath = node.id
     vmForm.value.dataCenter = $recursion.findParentByValue(
@@ -712,43 +737,75 @@ const onChangeName = (_name: string, node: UI_I_TreeNode | null): void => {
     })
   }
 }
-// // Для сферы
+// Для сферы
 const computeResourcePath = ref<string>('')
+const onSelectComputeResourceTree = (node: UI_I_TreeNode): void => {
+  emits('select-compute-resource-tree', node)
+  computeResourcePath.value = node.id
+}
 watch(
-  computeResource,
+  () => vmForm.value.computeResource,
   (newValue, oldValue) => {
     if (newValue && newValue.id !== oldValue?.id) {
       onSelectComputeResourceTree(newValue)
     }
   },
-  { deep: true }
+  { deep: true, immediate: true }
 )
-const onSelectComputeResourceTree = (node: UI_I_TreeNode): void => {
-  emits('select-compute-resource-tree', node)
-  computeResourcePath.value = node.id
-}
+
 const onChangeStorage = (storage: UI_I_DatastoreTableItem | null): void => {
   if (!storage) return
 
-  // vmForm.value.storage = storage
-  model.value.storage = storage
+  vmForm.value.storage = storage
+  storageIdCash.value = storage.id
 }
 const compatibilityInfo = ref<string>('')
 const onChangeCompatibility = (compatibility: UI_I_OptionItem): void => {
-  // vmForm.value.compatibility = compatibility.value
-  model.value.compatibility = compatibility.value
+  vmForm.value.compatibility = compatibility.value
 
   const version = compatibility.value.split('-')[1]
   compatibilityInfo.value = `${localization.value.common.compatibility}: ${compatibility.text} (${localization.value.common.vmVersion} ${version})`
 }
+const customizeHardware = ref<UI_I_SendDataCustomizeHardware | null>(null)
+const onChangeCustomizeHardware = (
+  data: UI_I_SendDataCustomizeHardware
+): void => {
+  customizeHardware.value = data
+}
+
+const virtualHardwareHardDisksLocal = computed<
+  UI_I_SendDataNewHardDisk[] | null
+>(() => customizeHardware.value?.virtualHardware?.hardDisks || null)
+const virtualHardwareNetworksLocal = computed<UI_I_SendDataNewNetwork[] | null>(
+  () => customizeHardware.value?.virtualHardware?.networks || null
+)
+const virtualHardwareCdDvdDrivesLocal = computed<
+  UI_I_SendDataNewCdDvdDrive[] | null
+>(() => customizeHardware.value?.virtualHardware?.cdDvdDrives || null)
+
+const virtualHardwareCpu = computed<UI_I_SendDataCpu | null>(
+  () => customizeHardware.value?.virtualHardware?.cpu || null
+)
+const virtualHardwareMemory = computed<UI_I_SendDataMemory | null>(
+  () => customizeHardware.value?.virtualHardware?.memory || null
+)
+const virtualHardwareHardDisks = ref<UI_I_SendDataNewHardDisk[] | null>(null)
+const virtualHardwareCdDvdDrives = ref<UI_I_SendDataNewCdDvdDrive[] | null>(
+  null
+)
+const virtualHardwareNetworks = ref<UI_I_SendDataNewNetwork[] | null>(null)
+const onChangeBootOrder = (data: UI_T_ChangeBootOrder): void => {
+  virtualHardwareHardDisks.value = data[0]
+  virtualHardwareCdDvdDrives.value = data[1]
+  virtualHardwareNetworks.value = data[2]
+}
 
 const isPowerOnByDefault = ref<boolean>(true)
 
 watch(
   () => props.vmNameInWizard,
   (newValue) => {
-    // vmForm.value.name = newValue
-    model.value.name = newValue
+    vmForm.value.name = newValue
   }
 )
 
@@ -760,7 +817,13 @@ const validateSendData = async (
   isLoading.value = true
 
   const data = await props.validateSendDataFunc(
-    model.value,
+    vmForm.value,
+    virtualHardwareCpu.value,
+    virtualHardwareMemory.value,
+    customizeHardware.value,
+    virtualHardwareNetworks.value,
+    virtualHardwareHardDisks.value,
+    virtualHardwareCdDvdDrives.value,
     isPowerOnByDefault.value,
     localization.value,
     vmForm.value.locationPath, // для сферы
@@ -787,7 +850,13 @@ const onFinish = (): void => {
   wizard.setLoader(false)
   props
     .finishFunc(
-      model.value,
+      vmForm.value,
+      virtualHardwareCpu.value,
+      virtualHardwareMemory.value,
+      customizeHardware.value,
+      virtualHardwareNetworks.value,
+      virtualHardwareHardDisks.value,
+      virtualHardwareCdDvdDrives.value,
       isPowerOnByDefault.value,
       localization.value,
       vmForm.value.locationPath, // для сферы
@@ -819,7 +888,7 @@ const guestOsVersions = ref<UI_I_ArbitraryObject<UI_I_OptionItem[]>>(
 )
 const machineTypes = ref<UI_I_OptionItem[]>(capabilities.value.machineTypes)
 const cpuModels = ref<UI_I_OptionItem[]>(capabilities.value.cpuModels)
-model.value.cpu.max_vcpus = capabilities.value.maxCpus
+const maxCpus = ref<number>(capabilities.value.maxCpus)
 const maxMemory = ref<number>(capabilities.value.maxMemory)
 
 const selectedTemplate = ref<string>('')
@@ -854,18 +923,24 @@ watch(
   () => props.vmtSettings,
   (newValue) => {
     if (newValue) {
-      // vmForm.value.name = newValue.name
-      // vmForm.value.compatibility =
-      //   newValue.compatibility || vmForm.value.compatibility
-      // vmForm.value.storage = newValue.storage
-      // TODO remove
-      model.value.name = newValue.name
-      model.value.compatibility =
-        newValue.compatibility || model.value.compatibility
-      model.value.storage = newValue.storage
-      // TODO remove end
-
-      capabilities.value.maxCpus = newValue.cpu.max_vcpus
+      vmForm.value.name = newValue.name
+      vmForm.value.compatibility =
+        newValue.compatibility || vmForm.value.compatibility
+      vmForm.value.storage = newValue.storage
+      if (customizeHardware.value?.virtualHardware) {
+        customizeHardware.value.virtualHardware.cdDvdDrives =
+          newValue.cdDvdDrives
+        customizeHardware.value.virtualHardware.hardDisks = newValue.hardDisks
+        customizeHardware.value.virtualHardware.networks = newValue.networks
+        customizeHardware.value.virtualHardware.cpu = newValue.cpu
+        customizeHardware.value.virtualHardware.memory = newValue.memory
+        customizeHardware.value.virtualHardware.videoCard = newValue.videoCard
+        customizeHardware.value.virtualHardware.usbController =
+          newValue.usbController
+        customizeHardware.value.virtualHardware.pciDevices = newValue.pciDevices
+        customizeHardware.value.vmOptions = newValue.options
+      }
+      maxCpus.value = newValue.cpu.max_vcpus
       cpuModels.value = newValue.cpu.model
       isPowerOnByDefault.value = false
     }

package/components/common/vm/actions/add/New.vue

@@ -66,7 +66,7 @@
         </template>
         <template #content>
           <common-wizards-common-steps-name
-            v-model:name="model.name"
+            v-model:name="vmForm.name"
             v-model:location="location"
             :show="
               selectedStep.id === dynamicSteps.selectName ||
@@ -118,7 +118,7 @@
           <common-wizards-common-steps-compute-resource
             v-if="props.isSphere"
             v-show="selectedStep.id === dynamicSteps.selectComputeResource"
-            v-model="computeResource"
+            v-model="vmForm.computeResource"
             :node="computeResourceTreeLocal"
             :alert-messages="props.computeResourceAlert"
             :is-loading="props.isLoadingComputeTree"
@@ -227,9 +227,9 @@
         <template #content>
           <div class="select-block-wrap overflow-auto pb-4">
             <common-vm-actions-common-select-os
-              v-model:guest-os-family="model.guest_os_family"
-              v-model:guest-os-version="model.guest_os_version"
-              v-model:machine-type="model.machine_type"
+              v-model:machine-type="vmForm.guestMachineType"
+              v-model:guest-os-family="vmForm.guestOsFamily"
+              v-model:guest-os-version="vmForm.guestOsVersion"
               :families-options="props.guestOsFamilies"
               :versions-options="props.guestOsVersions"
               :machine-types-options="props.machineTypes"
@@ -250,11 +250,21 @@
         <template #content>
           <div class="select-block-wrap customize-hardware flex flex-col">
             <common-vm-actions-common-customize-hardware
-              v-model="model"
               :project="props.project"
               :is-vmt="props.isVmt"
-              :storage="model.storage"
+              :vm-name="vmForm.name"
+              :guest-machine-type="vmForm.guestMachineType"
+              :guest-os-family="vmForm.guestOsFamily"
+              :guest-os-version="vmForm.guestOsVersion"
+              :storage="vmForm.storage"
+              :hard-disks-for-boot-options="props.virtualHardwareHardDisksLocal"
+              :cd-dvd-drives-for-boot-options="
+                props.virtualHardwareCdDvdDrivesLocal
+              "
+              :networks-for-boot-options="props.virtualHardwareNetworksLocal"
+              :cd-dvd-drives="props.virtualHardwareCdDvdDrivesLocal"
               :customize-hardware-submit="props.customizeHardwareSubmit"
+              :max-cpus="props.maxCpus"
               :max-memory="props.maxMemory"
               :cpu-models="props.cpuModels"
               :selected-nav-item="props.selectedNavItem"
@@ -268,8 +278,10 @@
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
-              :compute-resource="computeResource"
+              :compute-resource="vmForm.computeResource"
               :compatibility-info="props.compatibilityInfo"
+              @change-boot-order="emits('change-boot-order', $event)"
+              @send-data="emits('change-customize-hardware', $event)"
               @get-storage="emits('get-storage', $event)"
               @get-folders-or-files="emits('get-folders-or-files', $event)"
               @get-active-device-child="
@@ -301,19 +313,31 @@
             class="select-block-wrap overflow-auto h-full flex flex-col pr-8"
           >
             <common-vm-actions-common-customize-hardware
-              v-model="model"
               :project="props.project"
               :is-vmt="props.isVmt"
-              :storage="model.storage"
+              :vm-name="vmForm.name"
+              :guest-machine-type="vmForm.guestMachineType"
+              :guest-os-family="vmForm.guestOsFamily"
+              :guest-os-version="vmForm.guestOsVersion"
+              :storage="vmForm.storage"
+              :hard-disks-for-boot-options="props.virtualHardwareHardDisksLocal"
+              :cd-dvd-drives-for-boot-options="
+                props.virtualHardwareCdDvdDrivesLocal
+              "
+              :networks-for-boot-options="props.virtualHardwareNetworksLocal"
               :cd-dvd-drives="props.vmtSettings.cdDvdDrives || []"
               :hard-disks="props.vmtSettings.hardDisks || []"
               :networks="props.vmtSettings.networks || []"
               :customize-hardware-submit="
                 props.customizeHardwareForTemplateSubmit
               "
+              :max-cpus="props.maxCpus"
               :max-memory="props.maxMemory"
               :cpu-models="props.cpuModels"
+              :cpu="props.vmtSettings.cpu"
+              :memory="props.vmtSettings.memory"
               :video-card="props.vmtSettings.videoCard"
+              :usb-controller="props.vmtSettings.usbController"
               :pci-devices="props.vmtSettings.pciDevices"
               :hard-disks-for-edit="props.vmtSettings.hardDisks || []"
               :options="props.vmtSettings.options"
@@ -328,9 +352,11 @@
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
-              :compute-resource="computeResource"
+              :compute-resource="vmForm.computeResource"
               :compatibility-info="props.compatibilityInfo"
               is-clone
+              @change-boot-order="emits('change-boot-order', $event)"
+              @send-data="emits('change-customize-hardware', $event)"
               @get-storage="emits('get-storage', $event)"
               @get-folders-or-files="emits('get-folders-or-files', $event)"
               @get-active-device-child="
@@ -418,11 +444,17 @@ import type {
 } from '~/components/common/vm/actions/common/lib/models/types'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import type {
-  UI_I_CreateVmData,
   // UI_I_Capabilities,
   UI_I_VmForm,
 } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
+import type {
+  UI_I_SendDataNewCdDvdDrive,
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewNetwork,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
@@ -432,10 +464,7 @@ import type { UI_I_NameTestIds } from '~/components/common/wizards/common/steps/
 import type { UI_T_CompatibilityStatus } from '~/components/common/wizards/common/compatibility/lib/models/types'
 import { dynamicSteps } from '~/components/common/vm/actions/add/lib/config/steps'
 
-const model = defineModel<UI_I_CreateVmData>({
-  required: true,
-})
-const computeResource = defineModel<UI_I_TreeNode | null>('computeResource', {
+const vmForm = defineModel<UI_I_VmForm>('vmForm', {
   required: true,
 })
 const selectedCreateType = defineModel<string>('selectedCreateType', {
@@ -474,6 +503,10 @@ const props = withDefaults(
     guestOsFamilies: UI_I_OptionItem[]
     guestOsVersions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
     machineTypes: UI_I_OptionItem[]
+    virtualHardwareHardDisksLocal: UI_I_SendDataNewHardDisk[] | null
+    virtualHardwareCdDvdDrivesLocal: UI_I_SendDataNewCdDvdDrive[] | null
+    virtualHardwareNetworksLocal: UI_I_SendDataNewNetwork[] | null
+    maxCpus: number
     maxMemory: number
     cpuModels: UI_I_OptionItem[]
     selectedNavItem: UI_T_SelectedNavItem
@@ -526,6 +559,11 @@ const emits = defineEmits<{
   (event: 'change-storage', value: UI_I_DatastoreTableItem | null): void
   (event: 'change-select-options', value: string[]): void
   (event: 'change-compatibility', value: UI_I_OptionItem): void
+  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
+  (
+    event: 'change-customize-hardware',
+    value: UI_I_SendDataCustomizeHardware
+  ): void
   (event: 'hide'): void
 }>()
 

package/components/common/vm/actions/add/Old.vue

@@ -34,7 +34,7 @@
               selectedStep.id === dynamicSteps.selectName ||
               selectedStep.id === dynamicSteps.selectNameFolder
             "
-            v-model:name="model.name"
+            v-model:name="vmForm.name"
             v-model:location="location"
             :show="
               selectedStep.id === dynamicSteps.selectName ||
@@ -55,7 +55,7 @@
           <common-wizards-common-steps-compute-resource
             v-if="props.isSphere"
             v-show="selectedStep.id === dynamicSteps.selectComputeResource"
-            v-model="computeResource"
+            v-model="vmForm.computeResource"
             :node="computeResourceTreeLocal"
             :alert-messages="props.computeResourceAlert"
             :is-loading="props.isLoadingComputeTree"
@@ -90,9 +90,9 @@
               selectedStep.id === dynamicSteps.selectGuestOSMachineType ||
               selectedStep.id === dynamicSteps.selectGuestOS
             "
-            v-model:guest-os-family="model.guest_os_family"
-            v-model:guest-os-version="model.guest_os_version"
-            v-model:machine-type="model.machine_type"
+            v-model:machine-type="vmForm.guestMachineType"
+            v-model:guest-os-family="vmForm.guestOsFamily"
+            v-model:guest-os-version="vmForm.guestOsVersion"
             :families-options="props.guestOsFamilies"
             :versions-options="props.guestOsVersions"
             :machine-types-options="props.machineTypes"
@@ -101,11 +101,21 @@
           />
           <common-vm-actions-common-customize-hardware
             v-show="selectedStep.id === dynamicSteps.customizeHardware"
-            v-model="model"
             :project="props.project"
             :is-vmt="props.isVmt"
-            :storage="model.storage"
+            :vm-name="vmForm.name"
+            :guest-machine-type="vmForm.guestMachineType"
+            :guest-os-family="vmForm.guestOsFamily"
+            :guest-os-version="vmForm.guestOsVersion"
+            :storage="vmForm.storage"
+            :hard-disks-for-boot-options="props.virtualHardwareHardDisksLocal"
+            :cd-dvd-drives-for-boot-options="
+              props.virtualHardwareCdDvdDrivesLocal
+            "
+            :networks-for-boot-options="props.virtualHardwareNetworksLocal"
+            :cd-dvd-drives="props.virtualHardwareCdDvdDrivesLocal"
             :customize-hardware-submit="props.customizeHardwareSubmit"
+            :max-cpus="props.maxCpus"
             :max-memory="props.maxMemory"
             :cpu-models="props.cpuModels"
             :selected-nav-item="props.selectedNavItem"
@@ -119,7 +129,9 @@
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
-            :compute-resource="computeResource"
+            :compute-resource="vmForm.computeResource"
+            @change-boot-order="emits('change-boot-order', $event)"
+            @send-data="emits('change-customize-hardware', $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)"
@@ -131,21 +143,34 @@
           <common-vm-actions-common-customize-hardware
             v-if="props.vmtSettings"
             v-show="selectedStep.id === dynamicSteps.customizeHardwareTemplate"
-            v-model="model"
             :is-vmt="props.isVmt"
             :project="props.project"
-            :storage="model.storage"
+            :vm-name="vmForm.name"
+            :guest-machine-type="vmForm.guestMachineType"
+            :guest-os-family="vmForm.guestOsFamily"
+            :guest-os-version="vmForm.guestOsVersion"
+            :storage="vmForm.storage"
+            :hard-disks-for-boot-options="props.virtualHardwareHardDisksLocal"
+            :cd-dvd-drives-for-boot-options="
+              props.virtualHardwareCdDvdDrivesLocal
+            "
+            :networks-for-boot-options="props.virtualHardwareNetworksLocal"
             :cd-dvd-drives="props.vmtSettings.cdDvdDrives || []"
             :hard-disks="props.vmtSettings.hardDisks || []"
             :networks="props.vmtSettings.networks || []"
             :customize-hardware-submit="
               props.customizeHardwareForTemplateSubmit
             "
+            :max-cpus="props.maxCpus"
             :max-memory="props.maxMemory"
             :cpu-models="props.cpuModels"
+            :cpu="props.vmtSettings.cpu"
+            :memory="props.vmtSettings.memory"
             :video-card="props.vmtSettings.videoCard"
+            :usb-controller="props.vmtSettings.usbController"
             :pci-devices="props.vmtSettings.pciDevices"
             :hard-disks-for-edit="props.vmtSettings.hardDisks || []"
+            :options="props.vmtSettings.options"
             :selected-nav-item="props.selectedNavItem"
             :nodes="props.nodes"
             :files="props.files"
@@ -157,8 +182,10 @@
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
-            :compute-resource="computeResource"
+            :compute-resource="vmForm.computeResource"
             is-clone
+            @change-boot-order="emits('change-boot-order', $event)"
+            @send-data="emits('change-customize-hardware', $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)"
@@ -219,11 +246,17 @@ import type {
 } from '~/components/common/vm/actions/common/lib/models/types'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import type {
-  UI_I_CreateVmData,
   // UI_I_Capabilities,
   UI_I_VmForm,
 } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
+import type {
+  UI_I_SendDataNewCdDvdDrive,
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewNetwork,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
@@ -233,10 +266,7 @@ import type { UI_I_NameTestIds } from '~/components/common/wizards/common/steps/
 import type { UI_T_CompatibilityStatus } from '~/components/common/wizards/common/compatibility/lib/models/types'
 import { dynamicSteps } from '~/components/common/vm/actions/add/lib/config/steps'
 
-const model = defineModel<UI_I_CreateVmData>({
-  required: true,
-})
-const computeResource = defineModel<UI_I_TreeNode | null>('computeResource', {
+const vmForm = defineModel<UI_I_VmForm>('vmForm', {
   required: true,
 })
 const selectedCreateType = defineModel<string>('selectedCreateType', {
@@ -275,6 +305,10 @@ const props = withDefaults(
     guestOsFamilies: UI_I_OptionItem[]
     guestOsVersions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
     machineTypes: UI_I_OptionItem[]
+    virtualHardwareHardDisksLocal: UI_I_SendDataNewHardDisk[] | null
+    virtualHardwareCdDvdDrivesLocal: UI_I_SendDataNewCdDvdDrive[] | null
+    virtualHardwareNetworksLocal: UI_I_SendDataNewNetwork[] | null
+    maxCpus: number
     maxMemory: number
     cpuModels: UI_I_OptionItem[]
     selectedNavItem: UI_T_SelectedNavItem
@@ -324,6 +358,11 @@ const emits = defineEmits<{
   (event: 'change-storage', value: UI_I_DatastoreTableItem | null): void
   (event: 'change-select-options', value: string[]): void
   (event: 'change-compatibility', value: UI_I_OptionItem): void
+  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
+  (
+    event: 'change-customize-hardware',
+    value: UI_I_SendDataCustomizeHardware
+  ): void
   (event: 'hide'): void
 }>()