bfg-common 1.5.572 → 1.5.573

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

@@ -1,7 +1,8 @@
 <template>
   <common-vm-actions-add-new
     v-if="isNewView"
-    v-model:vm-form="vmForm"
+    v-model="model"
+    v-model:computed-resource="computeResource"
     v-model:selected-create-type="selectedCreateType"
     v-model:is-power-on-by-default="isPowerOnByDefault"
     :project="props.project"
@@ -31,10 +32,6 @@
     :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"
@@ -72,14 +69,13 @@
     @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:vm-form="vmForm"
+    v-model="model"
+    v-model:compute-resource="computeResource"
     v-model:selected-create-type="selectedCreateType"
     v-model:is-power-on-by-default="isPowerOnByDefault"
     :project="props.project"
@@ -109,10 +105,6 @@
     :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"
@@ -148,8 +140,6 @@
     @change-storage="onChangeStorage"
     @change-select-options="onChangeSelectOptions"
     @change-compatibility="onChangeCompatibility"
-    @change-boot-order="onChangeBootOrder"
-    @change-customize-hardware="onChangeCustomizeHardware"
     @finish="onFinish"
     @hide="onHideModal"
   />
@@ -185,19 +175,11 @@ 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,
@@ -213,6 +195,8 @@ 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
@@ -267,7 +251,6 @@ 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
   (
@@ -512,9 +495,7 @@ const onCheckName = async (
   })
 }
 const compatibilityText = computed<[UI_T_CompatibilityStatus, string]>(() => {
-  const { computeResource } = vmForm.value
-
-  if (!computeResource)
+  if (!computeResource.value)
     return [
       'none',
       localization.value.vmWizard.noDestinationComputeResourceSelected,
@@ -525,21 +506,23 @@ const compatibilityText = computed<[UI_T_CompatibilityStatus, string]>(() => {
     localization.value.common.compatibilityChecksSucceeded,
   ]
 
-  if (!['cluster', 'host', 'resource_pool'].includes(computeResource?.type)) {
+  if (
+    !['cluster', 'host', 'resource_pool'].includes(computeResource.value?.type)
+  ) {
     res = [
       'error',
       localization.value.common.selectValidClusterOrHostDestination,
     ]
   }
-  if (computeResource?.type === 'cluster') {
-    const hasHost = !!computeResource.nodes.length
+  if (computeResource.value?.type === 'cluster') {
+    const hasHost = !!computeResource.value.nodes.length
     if (!hasHost) {
       res = ['error', localization.value.common.clusterNotContainAnyHosts]
     }
   }
 
-  if (computeResource?.type === 'host') {
-    if (computeResource.state === 'Error') {
+  if (computeResource.value?.type === 'host') {
+    if (computeResource.value.state === 'Error') {
       // TODO check Maintenance Mode
       res = [
         'error',
@@ -556,14 +539,13 @@ const checkComputeResource = (
 ): UI_I_ValidationReturn => {
   let stepHasError = false
 
-  const { computeResource } = vmForm.value
-
   if (
-    !computeResource ||
+    !computeResource.value ||
     // compatibilityText.value[0] !== 1 ||
-    computeResource.type === 'datacenter' ||
-    computeResource.type === 'folder' ||
-    (computeResource.type === 'cluster' && !computeResource.nodes.length)
+    computeResource.value.type === 'datacenter' ||
+    computeResource.value.type === 'folder' ||
+    (computeResource.value.type === 'cluster' &&
+      !computeResource.value.nodes.length)
   ) {
     computeResourceAlert.value = [
       localization.value.common.specifyValidClusterOrHostDestination,
@@ -704,22 +686,15 @@ const checkCustomizeHardwareForTemplate = async (
   })
 }
 
-const storageIdCash = ref<string | null>(null)
+const computeResource = ref<UI_I_TreeNode | null>(props.computeResource)
 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(
@@ -737,75 +712,43 @@ 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(
-  () => vmForm.value.computeResource,
+  computeResource,
   (newValue, oldValue) => {
     if (newValue && newValue.id !== oldValue?.id) {
       onSelectComputeResourceTree(newValue)
     }
   },
-  { deep: true, immediate: true }
+  { deep: 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
-  storageIdCash.value = storage.id
+  // vmForm.value.storage = storage
+  model.value.storage = storage
 }
 const compatibilityInfo = ref<string>('')
 const onChangeCompatibility = (compatibility: UI_I_OptionItem): void => {
-  vmForm.value.compatibility = compatibility.value
+  // vmForm.value.compatibility = compatibility.value
+  model.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
+    // vmForm.value.name = newValue
+    model.value.name = newValue
   }
 )
 
@@ -817,13 +760,7 @@ const validateSendData = async (
   isLoading.value = true
 
   const data = await props.validateSendDataFunc(
-    vmForm.value,
-    virtualHardwareCpu.value,
-    virtualHardwareMemory.value,
-    customizeHardware.value,
-    virtualHardwareNetworks.value,
-    virtualHardwareHardDisks.value,
-    virtualHardwareCdDvdDrives.value,
+    model.value,
     isPowerOnByDefault.value,
     localization.value,
     vmForm.value.locationPath, // для сферы
@@ -850,13 +787,7 @@ const onFinish = (): void => {
   wizard.setLoader(false)
   props
     .finishFunc(
-      vmForm.value,
-      virtualHardwareCpu.value,
-      virtualHardwareMemory.value,
-      customizeHardware.value,
-      virtualHardwareNetworks.value,
-      virtualHardwareHardDisks.value,
-      virtualHardwareCdDvdDrives.value,
+      model.value,
       isPowerOnByDefault.value,
       localization.value,
       vmForm.value.locationPath, // для сферы
@@ -888,7 +819,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)
-const maxCpus = ref<number>(capabilities.value.maxCpus)
+model.value.cpu.max_vcpus = capabilities.value.maxCpus
 const maxMemory = ref<number>(capabilities.value.maxMemory)
 
 const selectedTemplate = ref<string>('')
@@ -923,24 +854,18 @@ watch(
   () => props.vmtSettings,
   (newValue) => {
     if (newValue) {
-      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
+      // 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
       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="vmForm.name"
+            v-model:name="model.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="vmForm.computeResource"
+            v-model="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:machine-type="vmForm.guestMachineType"
-              v-model:guest-os-family="vmForm.guestOsFamily"
-              v-model:guest-os-version="vmForm.guestOsVersion"
+              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"
               :families-options="props.guestOsFamilies"
               :versions-options="props.guestOsVersions"
               :machine-types-options="props.machineTypes"
@@ -250,21 +250,11 @@
         <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"
-              :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"
+              :storage="model.storage"
               :customize-hardware-submit="props.customizeHardwareSubmit"
-              :max-cpus="props.maxCpus"
               :max-memory="props.maxMemory"
               :cpu-models="props.cpuModels"
               :selected-nav-item="props.selectedNavItem"
@@ -278,10 +268,8 @@
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
-              :compute-resource="vmForm.computeResource"
+              :compute-resource="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="
@@ -313,31 +301,19 @@
             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"
-              :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"
+              :storage="model.storage"
               :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"
@@ -352,11 +328,9 @@
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
-              :compute-resource="vmForm.computeResource"
+              :compute-resource="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="
@@ -444,17 +418,11 @@ 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,
@@ -464,7 +432,10 @@ 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 vmForm = defineModel<UI_I_VmForm>('vmForm', {
+const model = defineModel<UI_I_CreateVmData>({
+  required: true,
+})
+const computeResource = defineModel<UI_I_TreeNode | null>('computeResource', {
   required: true,
 })
 const selectedCreateType = defineModel<string>('selectedCreateType', {
@@ -503,10 +474,6 @@ 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
@@ -559,11 +526,6 @@ 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="vmForm.name"
+            v-model:name="model.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="vmForm.computeResource"
+            v-model="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:machine-type="vmForm.guestMachineType"
-            v-model:guest-os-family="vmForm.guestOsFamily"
-            v-model:guest-os-version="vmForm.guestOsVersion"
+            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"
             :families-options="props.guestOsFamilies"
             :versions-options="props.guestOsVersions"
             :machine-types-options="props.machineTypes"
@@ -101,21 +101,11 @@
           />
           <common-vm-actions-common-customize-hardware
             v-show="selectedStep.id === dynamicSteps.customizeHardware"
+            v-model="model"
             :project="props.project"
             :is-vmt="props.isVmt"
-            :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"
+            :storage="model.storage"
             :customize-hardware-submit="props.customizeHardwareSubmit"
-            :max-cpus="props.maxCpus"
             :max-memory="props.maxMemory"
             :cpu-models="props.cpuModels"
             :selected-nav-item="props.selectedNavItem"
@@ -129,9 +119,7 @@
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
-            :compute-resource="vmForm.computeResource"
-            @change-boot-order="emits('change-boot-order', $event)"
-            @send-data="emits('change-customize-hardware', $event)"
+            :compute-resource="computeResource"
             @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)"
@@ -143,34 +131,21 @@
           <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"
-            :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"
+            :storage="model.storage"
             :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"
@@ -182,10 +157,8 @@
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
-            :compute-resource="vmForm.computeResource"
+            :compute-resource="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)"
@@ -246,17 +219,11 @@ 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,
@@ -266,7 +233,10 @@ 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 vmForm = defineModel<UI_I_VmForm>('vmForm', {
+const model = defineModel<UI_I_CreateVmData>({
+  required: true,
+})
+const computeResource = defineModel<UI_I_TreeNode | null>('computeResource', {
   required: true,
 })
 const selectedCreateType = defineModel<string>('selectedCreateType', {
@@ -305,10 +275,6 @@ 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
@@ -358,11 +324,6 @@ 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
 }>()