bfg-common 1.5.573 → 1.5.575

package/components/common/vm/actions/clone/Clone.vue

@@ -1,11 +1,13 @@
 <template>
   <common-vm-actions-clone-new
     v-if="isNewView"
-    v-model="model"
+    v-model:vm-form="vmForm"
     v-model:scheduler-task-form="schedulerTaskForm"
+    v-model:vm-name="vmName"
     v-model:compute-resource="vmForm.computeResource"
     v-model:location="location"
     :project="props.project"
+    :vm-settings="vmSettings"
     :nodes="props.nodes"
     :files="props.files"
     :networks-table="props.networksTable"
@@ -33,6 +35,9 @@
     :is-sphere="isSphere"
     :location-description="locationDescription"
     :name-test-ids="nameTestIds"
+    :virtual-hardware-hard-disks-local="virtualHardwareHardDisksLocal"
+    :virtual-hardware-networks-local="virtualHardwareNetworksLocal"
+    :virtual-hardware-cd-dvd-drives-local="virtualHardwareCdDvdDrivesLocal"
     :guest-os-families="guestOsFamilies"
     :guest-os-versions="guestOsVersions"
     :machine-types="machineTypes"
@@ -40,12 +45,12 @@
     :is-loading-compute-tree="isLoadingComputeTree"
     :compute-resource-alert="computeResourceAlert"
     :compatibility-text="compatibilityText"
-    :max-memory="maxMemory"
-    :cpu-models="cpuModels"
     @get-folders-or-files="emits('get-folders-or-files', $event)"
     @change-name="onChangeName"
     @change-storage="onChangeStorage"
     @change-select-options="onChangeSelectOptions"
+    @change-boot-order="onChangeBootOrder"
+    @change-customize-hardware="onChangeCustomizeHardware"
     @get-storage="emits('get-storage', $event)"
     @get-active-device-child="emits('get-active-device-child', $event)"
     @show-datastore-child="emits('show-datastore-child', $event)"
@@ -58,11 +63,13 @@
   />
   <common-vm-actions-clone-old
     v-else
-    v-model="model"
+    v-model:vm-form="vmForm"
     v-model:scheduler-task-form="schedulerTaskForm"
+    v-model:vm-name="vmName"
     v-model:compute-resource="vmForm.computeResource"
     v-model:location="location"
     :project="props.project"
+    :vm-settings="vmSettings"
     :nodes="props.nodes"
     :files="props.files"
     :networks-table="props.networksTable"
@@ -91,6 +98,9 @@
     :is-sphere="isSphere"
     :location-description="locationDescription"
     :name-test-ids="nameTestIds"
+    :virtual-hardware-hard-disks-local="virtualHardwareHardDisksLocal"
+    :virtual-hardware-networks-local="virtualHardwareNetworksLocal"
+    :virtual-hardware-cd-dvd-drives-local="virtualHardwareCdDvdDrivesLocal"
     :guest-os-families="guestOsFamilies"
     :guest-os-versions="guestOsVersions"
     :machine-types="machineTypes"
@@ -98,12 +108,12 @@
     :is-loading-compute-tree="isLoadingComputeTree"
     :compute-resource-alert="computeResourceAlert"
     :compatibility-text="compatibilityText"
-    :max-memory="maxMemory"
-    :cpu-models="cpuModels"
     @get-folders-or-files="emits('get-folders-or-files', $event)"
     @change-name="onChangeName"
     @change-storage="onChangeStorage"
     @change-select-options="onChangeSelectOptions"
+    @change-boot-order="onChangeBootOrder"
+    @change-customize-hardware="onChangeCustomizeHardware"
     @get-storage="emits('get-storage', $event)"
     @get-active-device-child="emits('get-active-device-child', $event)"
     @show-datastore-child="emits('show-datastore-child', $event)"
@@ -133,15 +143,25 @@ import type {
   UI_I_ArbitraryObject,
   UI_I_Localization,
 } from '~/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/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_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
 import type { UI_T_Project } from '~/lib/models/types'
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
+  UI_I_VmSettings,
 } from '~/lib/models/store/vm/interfaces'
-import type {UI_I_CreateVmData, UI_I_VmForm} from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { UI_I_VmForm } from '~/components/common/vm/actions/common/lib/models/interfaces'
 import type { UI_I_Capabilities } from '~/components/common/vm/actions/common/lib/models/interfaces'
 import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
@@ -157,11 +177,10 @@ import { mapCapabilities } from '~/components/common/vm/actions/common/lib/utils
 import { scheduledTaskDefaultFormFunc } from '~/components/common/pages/scheduledTasks/modals/lib/config/createScheduledTask'
 import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
 
-const model = defineModel<UI_I_CreateVmData>({ required: true })
-
 const props = withDefaults(
   defineProps<{
     project: UI_T_Project
+    vmSettings: UI_I_VmSettings | null
     nodes: UI_I_FileTreeNode[]
     files: UI_I_FileTreeNode[]
     networksTable: UI_I_NetworkTableItem[]
@@ -258,9 +277,6 @@ watch(
   { deep: true, immediate: true }
 )
 
-const cpuModels = ref<UI_I_OptionItem[]>(capabilities.value.cpuModels)
-const maxMemory = ref<number>(capabilities.value.maxMemory)
-
 const wizard: Wizard = new Wizard(
   stepsFunc(localization.value),
   stepsSchemeInitial
@@ -561,13 +577,23 @@ const checkCustomizeHardware = async (
 }
 
 const vmForm = ref<UI_I_VmForm>({
+  name: '',
+  compatibility: '',
+  guestMachineType: null,
+  guestOsFamily: null,
+  guestOsVersion: null,
+  computeResource: props.computeResource,
+  storage: null,
   locationPath: '',
   dataCenter: null,
+  options: [],
 })
 
 const isLoadingComputeTree = ref<boolean>(false)
-const onChangeName = (_name: string, node: UI_I_TreeNode | null): void => {
-  // vmForm.value.name = name
+const onChangeName = (data: [string, UI_I_TreeNode | null]): void => {
+  const [name, node] = data
+
+  vmForm.value.name = name
   if (isSphere.value) {
     vmForm.value.locationPath = node.id
     vmForm.value.dataCenter = $recursion.findParentByValue(
@@ -588,11 +614,10 @@ const onChangeName = (_name: string, node: UI_I_TreeNode | null): void => {
 const onChangeStorage = (storage: UI_I_DatastoreTableItem | null): void => {
   if (!storage) return
 
-  // vmForm.value.storage = storage
-  model.value.storage = storage
+  vmForm.value.storage = storage
 }
 const onChangeSelectOptions = (options: string[]): void => {
-  // vmForm.value.options = options
+  vmForm.value.options = options
   if (
     options.includes('customize-os') &&
     options.includes('customize-hardware')
@@ -617,13 +642,46 @@ const onChangeSelectOptions = (options: string[]): void => {
   // Change power on by default
   isPowerOnByDefault.value = options.includes('power-on')
 }
+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>(false)
 
 watch(
   () => props.vmNameInWizard,
   (newValue) => {
-    // vmForm.value.name = newValue
-    model.value.name = newValue
+    vmForm.value.name = newValue
   }
 )
 
@@ -634,12 +692,18 @@ const validateSendData = async (
   let stepHasError = false
 
   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, // для сферы
     // computeResourcePath.value // для сферы
-    model.value.host_id // для сферы // TODO rollback
+    vmSettings.value.host_id // для сферы // TODO rollback
   )
 
   wizard.setLoader(false)
@@ -660,12 +724,18 @@ 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, // для сферы
       // computeResourcePath.value, // для сферы
-      model.value.host_id, // для сферы // TODO rollback
+      vmSettings.value.host_id, // для сферы // TODO rollback
       false,
       schedulerTaskForm.value,
       props.schedulerTask
@@ -683,6 +753,9 @@ const nameFormSubmit = ref<null | Function>(null)
 const storageSubmit = ref<null | Function>(null)
 const customizeHardwareSubmit = ref<null | Function>(null)
 
+const vmSettings = computed<UI_I_VmSettings | null>(() => props.vmSettings)
+const vmName = ref<string>(vmSettings.value?.name || '')
+
 const guestOsFamilies = ref<UI_I_OptionItem[]>(
   capabilities.value.guestOsFamilies
 )
@@ -693,6 +766,10 @@ const machineTypes = ref<UI_I_OptionItem[]>(capabilities.value.machineTypes)
 
 // Для сферы
 const computeResourcePath = ref<string>('')
+const onSelectComputeResourceTree = (node: UI_I_TreeNode): void => {
+  emits('select-compute-resource-tree', node)
+  computeResourcePath.value = String(node.id)
+}
 watch(
   () => vmForm.value.computeResource,
   (newValue, oldValue) => {
@@ -700,33 +777,29 @@ watch(
       onSelectComputeResourceTree(newValue)
     }
   },
-  { deep: true }
+  { deep: true, immediate: true }
 )
-const onSelectComputeResourceTree = (node: UI_I_TreeNode): void => {
-  emits('select-compute-resource-tree', node)
-  computeResourcePath.value = String(node.id)
-}
 
-// watch(vmSettings, (newValue) => {
-//   vmName.value = newValue?.name || ''
-//
-//   if (newValue?.guestOsFamily)
-//     vmForm.value.guestOsFamily = newValue.guestOsFamily
-//   if (newValue?.guestMachineType)
-//     vmForm.value.guestMachineType = newValue.guestMachineType
-//   if (newValue?.guestOsVersion)
-//     vmForm.value.guestOsVersion = newValue.guestOsVersion
-//
-//   if (newValue?.compatibility)
-//     vmForm.value.compatibility = newValue.compatibility
-//
-//   if (newValue?.storage) {
-//     const datastore = props.datastore.find(
-//       (item) => item.id === newValue.storage.id
-//     )
-//     if (datastore) vmForm.value.storage = datastore
-//   }
-// })
+watch(vmSettings, (newValue) => {
+  vmName.value = newValue?.name || ''
+
+  if (newValue?.guestOsFamily)
+    vmForm.value.guestOsFamily = newValue.guestOsFamily
+  if (newValue?.guestMachineType)
+    vmForm.value.guestMachineType = newValue.guestMachineType
+  if (newValue?.guestOsVersion)
+    vmForm.value.guestOsVersion = newValue.guestOsVersion
+
+  if (newValue?.compatibility)
+    vmForm.value.compatibility = newValue.compatibility
+
+  if (newValue?.storage) {
+    const datastore = props.datastore.find(
+      (item) => item.id === newValue.storage.id
+    )
+    if (datastore) vmForm.value.storage = datastore
+  }
+})
 
 const onHideModal = (): void => {
   emits('hide')

package/components/common/vm/actions/clone/new/New.vue

@@ -54,7 +54,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 === props.dynamicSteps.selectName ||
@@ -99,7 +99,7 @@
             :storage-submit="props.storageSubmit"
             :datastore="props.datastore"
             :is-datastore-loading="props.isDatastoreLoading"
-            :storage="model.storage"
+            :storage="vmForm.storage"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             hide-alert
             @change-storage="emits('change-storage', $event)"
@@ -146,9 +146,9 @@
         </template>
         <template #content>
           <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"
@@ -163,12 +163,31 @@
       >
         <template #content>
           <common-vm-actions-common-customize-hardware
-            v-model="model"
-            :storage="model.storage"
+            v-model:vm-name="vmName"
+            v-model:guest-machine-type="props.vmSettings.guestMachineType"
+            v-model:guest-os-family="props.vmSettings.guestOsFamily"
+            v-model:guest-os-version="props.vmSettings.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.vmSettings.cdDvdDrives"
+            :hard-disks="props.vmSettings.hardDisks"
+            :networks="props.vmSettings.networks"
             :customize-hardware-submit="props.customizeHardwareSubmit"
-            :max-memory="props.maxMemory"
-            :cpu-models="props.cpuModels"
+            :max-cpus="props.vmSettings.maxCpus"
+            :max-memory="props.vmSettings.maxMemory"
+            :cpu-models="props.vmSettings.cpuModels"
+            :cpu="props.vmSettings.cpu"
+            :memory="props.vmSettings.memory"
+            :video-card="props.vmSettings.videoCard"
+            :usb-controller="props.vmSettings.usbController"
+            :pci-devices="props.vmSettings.pciDevices"
             :selected-nav-item="props.selectedNavItem"
+            :hard-disks-for-edit="props.vmSettings.hardDisks"
+            :options="props.vmSettings.options"
             :nodes="props.nodes"
             :files="props.files"
             :networks-table="props.networksTable"
@@ -181,6 +200,8 @@
             :is-datastore-loading="props.isDatastoreLoading"
             :project="props.project"
             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)"
@@ -271,12 +292,19 @@ import type {
   UI_I_ArbitraryObject,
   UI_I_Localization,
 } from '~/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_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
 import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import type { UI_I_NameTestIds } from '~/components/common/wizards/common/steps/name/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { UI_I_VmForm } from '~/components/common/vm/actions/common/lib/models/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_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
@@ -285,6 +313,7 @@ import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interface
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
+  UI_I_VmSettings,
 } from '~/lib/models/store/vm/interfaces'
 import type {
   UI_I_DatastoreTableItem,
@@ -293,11 +322,11 @@ import type {
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
 import type { UI_T_CompatibilityStatus } from '~/components/common/wizards/common/compatibility/lib/models/types'
 
-const model = defineModel<UI_I_CreateVmData>({ required: true })
-
+const vmForm = defineModel<UI_I_VmForm>('vm-form')
 const schedulerTaskForm = defineModel<UI_I_ScheduleNewTasksForm>(
   'scheduler-task-form'
 )
+const vmName = defineModel<string>('vm-name')
 const computeResource = defineModel<UI_I_TreeNode | undefined>(
   'compute-resource'
 )
@@ -305,6 +334,7 @@ const location = defineModel<UI_I_TreeNode | null>('location')
 const props = withDefaults(
   defineProps<{
     project: UI_T_Project
+    vmSettings: UI_I_VmSettings | null
     nodes: UI_I_FileTreeNode[]
     files: UI_I_FileTreeNode[]
     networksTable: UI_I_NetworkTableItem[]
@@ -332,11 +362,12 @@ const props = withDefaults(
     isSphere: boolean
     locationDescription: string
     nameTestIds: UI_I_NameTestIds
+    virtualHardwareHardDisksLocal: UI_I_SendDataNewHardDisk[] | null
+    virtualHardwareNetworksLocal: UI_I_SendDataNewNetwork[] | null
+    virtualHardwareCdDvdDrivesLocal: UI_I_SendDataNewCdDvdDrive[] | null
     guestOsFamilies: UI_I_OptionItem[]
     guestOsVersions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
     machineTypes: UI_I_OptionItem[]
-    maxMemory: number
-    cpuModels: UI_I_OptionItem[]
     dynamicSteps: UI_I_ArbitraryObject<number>
     isLoadingComputeTree?: boolean // для сферы
     computeResourceAlert?: string[] // для сферы
@@ -361,6 +392,11 @@ const emits = defineEmits<{
   (event: 'change-name', value: [string, UI_I_TreeNode | null]): void
   (event: 'change-storage', value: UI_I_DatastoreTableItem | null): void
   (event: 'change-select-options', value: string[]): void
+  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
+  (
+    event: 'change-customize-hardware',
+    value: UI_I_SendDataCustomizeHardware
+  ): void
   (event: 'hide'): void
   (event: 'finish'): void
 }>()

package/components/common/vm/actions/clone/old/Old.vue

@@ -12,11 +12,11 @@
     >
       <template #modalBody="{ selectedStep }">
         <atoms-loader
-          v-show="!model || props.isLoading"
+          v-show="!props.vmSettings || props.isLoading"
           id="loader"
           test-id="clone-vm-loader"
         />
-        <div v-if="model" class="vm-context">
+        <div v-if="props.vmSettings" class="vm-context">
           <common-pages-scheduled-tasks-modals-common-new-task-form
             v-show="selectedStep.id === props.dynamicSteps.scheduledTasks"
             v-model="schedulerTaskForm"
@@ -28,7 +28,7 @@
               selectedStep.id === props.dynamicSteps.selectName ||
               selectedStep.id === props.dynamicSteps.selectNameFolder
             "
-            v-model:name="model.name"
+            v-model:name="vmForm.name"
             v-model:location="location"
             :show="
               selectedStep.id === props.dynamicSteps.selectName ||
@@ -65,7 +65,7 @@
             :storage-submit="props.storageSubmit"
             :datastore="props.datastore"
             :is-datastore-loading="props.isDatastoreLoading"
-            :storage="model.storage"
+            :storage="vmForm.storage"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             @submit="emits('change-storage', $event)"
           />
@@ -78,9 +78,9 @@
             v-show="
               selectedStep.id === props.dynamicSteps.selectGuestOSMachineType
             "
-            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"
@@ -89,12 +89,31 @@
           />
           <common-vm-actions-common-customize-hardware
             v-show="selectedStep.id === props.dynamicSteps.customizeHardware"
-            v-model="model"
-            :storage="model.storage"
+            v-model:vm-name="vmName"
+            v-model:guest-machine-type="props.vmSettings.guestMachineType"
+            v-model:guest-os-family="props.vmSettings.guestOsFamily"
+            v-model:guest-os-version="props.vmSettings.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.vmSettings.cdDvdDrives"
+            :hard-disks="props.vmSettings.hardDisks"
+            :networks="props.vmSettings.networks"
             :customize-hardware-submit="props.customizeHardwareSubmit"
-            :max-memory="props.maxMemory"
-            :cpu-models="props.cpuModels"
+            :max-cpus="props.vmSettings.maxCpus"
+            :max-memory="props.vmSettings.maxMemory"
+            :cpu-models="props.vmSettings.cpuModels"
+            :cpu="props.vmSettings.cpu"
+            :memory="props.vmSettings.memory"
+            :video-card="props.vmSettings.videoCard"
+            :usb-controller="props.vmSettings.usbController"
+            :pci-devices="props.vmSettings.pciDevices"
             :selected-nav-item="props.selectedNavItem"
+            :hard-disks-for-edit="props.vmSettings.hardDisks"
+            :options="props.vmSettings.options"
             :nodes="props.nodes"
             :files="props.files"
             :networks-table="props.networksTable"
@@ -107,6 +126,8 @@
             :is-datastore-loading="props.isDatastoreLoading"
             :project="props.project"
             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)"
@@ -138,26 +159,34 @@ import type {
   UI_I_ArbitraryObject,
   UI_I_Localization,
 } from '~/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/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_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
 import type { UI_T_Project } from '~/lib/models/types'
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
+  UI_I_VmSettings,
 } from '~/lib/models/store/vm/interfaces'
 import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/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 type { UI_I_NameTestIds } from '~/components/common/wizards/common/steps/name/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import type { UI_I_VmForm } from '~/components/common/vm/actions/common/lib/models/interfaces'
 import type { UI_T_CompatibilityStatus } from '~/components/common/wizards/common/compatibility/lib/models/types'
 
-const model = defineModel<UI_I_CreateVmData>({ required: true })
-
+const vmForm = defineModel<UI_I_VmForm>('vm-form')
 const schedulerTaskForm = defineModel<UI_I_ScheduleNewTasksForm>(
   'scheduler-task-form'
 )
+const vmName = defineModel<string>('vm-name')
 const computeResource = defineModel<UI_I_TreeNode | undefined>(
   'compute-resource'
 )
@@ -165,6 +194,7 @@ const location = defineModel<UI_I_TreeNode | null>('location')
 const props = withDefaults(
   defineProps<{
     project: UI_T_Project
+    vmSettings: UI_I_VmSettings | null
     nodes: UI_I_FileTreeNode[]
     files: UI_I_FileTreeNode[]
     networksTable: UI_I_NetworkTableItem[]
@@ -192,11 +222,12 @@ const props = withDefaults(
     isSphere: boolean
     locationDescription: string
     nameTestIds: UI_I_NameTestIds
+    virtualHardwareHardDisksLocal: UI_I_SendDataNewHardDisk[] | null
+    virtualHardwareNetworksLocal: UI_I_SendDataNewNetwork[] | null
+    virtualHardwareCdDvdDrivesLocal: UI_I_SendDataNewCdDvdDrive[] | null
     guestOsFamilies: UI_I_OptionItem[]
     guestOsVersions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
     machineTypes: UI_I_OptionItem[]
-    maxMemory: number
-    cpuModels: UI_I_OptionItem[]
     dynamicSteps: UI_I_ArbitraryObject<number>
     isLoading: boolean
     isLoadingComputeTree?: boolean // для сферы
@@ -222,6 +253,11 @@ const emits = defineEmits<{
   (event: 'change-name', value: [string, UI_I_TreeNode | null]): void
   (event: 'change-storage', value: UI_I_DatastoreTableItem | null): void
   (event: 'change-select-options', value: string[]): void
+  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
+  (
+    event: 'change-customize-hardware',
+    value: UI_I_SendDataCustomizeHardware
+  ): void
   (event: 'hide'): void
   (event: 'finish'): void
 }>()