bfg-common 1.5.577 → 1.5.578

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

@@ -1,6 +1,7 @@
 <template>
   <common-vm-actions-common-customize-hardware-virtual-hardware-new
     v-if="isNewView"
+    v-model="model"
     v-model:cpu-invalid="cpuInvalid"
     v-model:memory-invalid="memoryInvalid"
     v-model:video-card-invalid="videoCardInvalid"
@@ -9,7 +10,6 @@
     :is-edit="props.isEdit"
     :storage="props.storage"
     :project="props.project"
-    :max-cpus="props.maxCpus"
     :max-memory="props.maxMemory"
     :cpu-models="props.cpuModels"
     :datastore="props.datastore"
@@ -27,21 +27,16 @@
     :cd-dvd-drives-index="cdDvdDrivesIndex"
     :error-validation-fields="errorValidationFields"
     :get-datastore-table-func="getDatastoreTableFunc"
-    :cpu="cpu"
     :state="state"
-    :memory="memory"
-    :networks="networksLocal"
-    :hard-disks="hardDisksLocal"
     :video-card="videoCard"
     :pci-devices="pciDevicesLocal"
-    :cd-dvd-drives="cdDvdDrivesLocal"
-    :usb-controller="usbController"
     :guest-machine-type="guestMachineType"
     :passthrough-devices="passthroughDevices"
     :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
     :compute-resource="props.computeResource"
     :compatibility-info="props.compatibilityInfo"
+    :network-value-prop="networkValueProp"
     @add-device="onAddDevice"
     @get-storage="emits('get-storage', $event)"
     @remove-network="onRemoveNetwork"
@@ -55,22 +50,18 @@
     @remove-cd-dvd-drive="onRemoveCdDvdDrive(...$event)"
     @show-datastore-child="emits('show-datastore-child', $event)"
     @get-folders-or-files="emits('get-folders-or-files', $event)"
-    @send-data-cpu-method="onSendDataCpuMethod"
     @set-invalid-hard-disk="onSetInvalidHardDisk(...$event)"
     @remove-error-by-title="emits('remove-error-by-title', $event)"
     @roll-back-cd-dvd-drive="onRollBackCdDvdDrive"
     @set-invalid-pci-device="onSetInvalidPciDevice(...$event)"
     @get-active-device-child="emits('get-active-device-child', $event)"
-    @send-data-memory-method="onSendDataMemoryMethod"
-    @send-data-video-card-method="onSendDataVideoCardMethod"
-    @send-data-new-network-method="sendDataNewNetworkMethod(...$event)"
     @send-data-pci-devices-method="onSendDataPciDevicesMethod(...$event)"
     @send-data-new-hard-disk-method="onSendDataNewHardDiskMethod(...$event)"
     @send-data-new-cd-dvd-drive-method="sendDataNewCdDvdDriveMethod(...$event)"
-    @send-data-new-usb-controller-method="onSendDataNewUsbControllerMethod"
   />
   <common-vm-actions-common-customize-hardware-virtual-hardware-old
     v-else
+    v-model="model"
     v-model:cpu-invalid="cpuInvalid"
     v-model:memory-invalid="memoryInvalid"
     v-model:video-card-invalid="videoCardInvalid"
@@ -79,7 +70,6 @@
     :is-edit="props.isEdit"
     :storage="props.storage"
     :project="props.project"
-    :max-cpus="props.maxCpus"
     :max-memory="props.maxMemory"
     :cpu-models="props.cpuModels"
     :datastore="props.datastore"
@@ -97,20 +87,15 @@
     :cd-dvd-drives-index="cdDvdDrivesIndex"
     :error-validation-fields="errorValidationFields"
     :get-datastore-table-func="getDatastoreTableFunc"
-    :cpu="cpu"
     :state="state"
-    :memory="memory"
-    :networks="networksLocal"
-    :hard-disks="hardDisksLocal"
     :video-card="videoCard"
     :pci-devices="pciDevicesLocal"
-    :cd-dvd-drives="cdDvdDrivesLocal"
-    :usb-controller="usbController"
     :guest-machine-type="guestMachineType"
     :passthrough-devices="passthroughDevices"
     :mediated-devices="mediatedDevices"
     :vm-cpu-help-text-second="vmCpuHelpTextSecond"
     :compute-resource="props.computeResource"
+    :network-value-prop="networkValueProp"
     @add-device="onAddDevice"
     @get-storage="emits('get-storage', $event)"
     @remove-network="onRemoveNetwork"
@@ -124,19 +109,14 @@
     @remove-cd-dvd-drive="onRemoveCdDvdDrive(...$event)"
     @show-datastore-child="emits('show-datastore-child', $event)"
     @get-folders-or-files="emits('get-folders-or-files', $event)"
-    @send-data-cpu-method="onSendDataCpuMethod"
     @set-invalid-hard-disk="onSetInvalidHardDisk(...$event)"
     @remove-error-by-title="emits('remove-error-by-title', $event)"
     @roll-back-cd-dvd-drive="onRollBackCdDvdDrive"
     @set-invalid-pci-device="onSetInvalidPciDevice(...$event)"
     @get-active-device-child="emits('get-active-device-child', $event)"
-    @send-data-memory-method="onSendDataMemoryMethod"
-    @send-data-video-card-method="onSendDataVideoCardMethod"
-    @send-data-new-network-method="sendDataNewNetworkMethod(...$event)"
     @send-data-pci-devices-method="onSendDataPciDevicesMethod(...$event)"
     @send-data-new-hard-disk-method="onSendDataNewHardDiskMethod(...$event)"
     @send-data-new-cd-dvd-drive-method="sendDataNewCdDvdDriveMethod(...$event)"
-    @send-data-new-usb-controller-method="onSendDataNewUsbControllerMethod"
   />
 </template>
 
@@ -148,13 +128,9 @@ import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
 import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
 import type {
-  UI_I_SendDataCpu,
-  UI_I_SendDataMemory,
   UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewNetwork,
   UI_I_SendDataVideoCard,
   UI_I_InvalidKeys,
-  UI_I_SendDataVirtualHardware,
   UI_I_SendDataNewCdDvdDrive,
   // UI_I_HardDisk,
   UI_I_SendDataNewPciDevice,
@@ -172,23 +148,23 @@ import type {
 } from '~/components/atoms/dropdown/tree/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,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
 import { dropdownItemsFunc } from './lib/config/dropdownItems'
 
+const model = defineModel<UI_I_CreateVmData>({ required: true })
+
 const props = withDefaults(
   defineProps<{
     storage: UI_I_DatastoreTableItem | null
     cpuModels: UI_I_OptionItem[]
-    maxCpus: number
     maxMemory: number
     isEdit: boolean
     isClone: boolean
-    errorValidationFields: UI_I_ErrorValidationField<string>[]
+    errorValidationFields: UI_I_ErrorValidationField[]
     nodes: UI_I_FileTreeNode[]
     files: UI_I_FileTreeNode[]
     networksTable: UI_I_NetworkTableItem[]
@@ -197,14 +173,10 @@ const props = withDefaults(
     isDatastoreLoading: boolean
     project: UI_T_Project
     state?: string | number
-    cpu?: API_UI_I_VmEditCpu
-    memory?: API_UI_I_VmEditMemory
     vmCpuHelpTextSecond?: string
     hardDisks?: UI_I_SendDataNewHardDisk[] | null
     cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
-    networks?: UI_I_SendDataNewNetwork[] | null
     videoCard?: UI_I_SendDataVideoCard
-    usbController?: string
     pciDevices?: UI_I_SendDataNewPciDevice[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
@@ -214,14 +186,10 @@ const props = withDefaults(
   }>(),
   {
     state: undefined,
-    cpu: undefined,
-    memory: undefined,
     vmCpuHelpTextSecond: undefined,
     hardDisks: undefined,
     cdDvdDrives: undefined,
-    networks: undefined,
     videoCard: undefined,
-    usbController: undefined,
     pciDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
@@ -231,7 +199,6 @@ const props = withDefaults(
   }
 )
 const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataVirtualHardware): void
   (event: 'invalid', value: string[]): void
   (event: 'get-storage', value: UI_I_TablePayload): void
   (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
@@ -258,38 +225,57 @@ const dropdownItems = computed<UI_I_DropdownTreeItem[]>(() =>
 
 const hardDisksIndex = ref<number[]>([0])
 const hardDisksType = ref<UI_T_HardDiskType[]>(['new'])
-const hardDisksLocal = ref<UI_I_SendDataNewHardDisk[]>([
-  {
-    create: true,
-    size: 90,
-    source: '',
-    boot_order: -1,
-  },
-])
-watch(
-  () => props.hardDisks,
-  (newValue) => {
-    if ((!props.isEdit && !props.isClone) || !newValue) return
+// const hardDisksLocal = ref<UI_I_SendDataNewHardDisk[]>([
+//   {
+//     create: true,
+//     size: 90,
+//     source: '',
+//     boot_order: -1,
+//   },
+// ])
+if (!model.value.disk_devices?.length) {
+  hardDisksType.value = []
+  hardDisksIndex.value = []
+} else {
+  model.value.disk_devices
+    .filter((disk) => disk.device_type !== 'cdrom')
+    .forEach((_disk, _index, array) => {
+      if (!props.isEdit && !props.isClone) return
+
+      const count = array.length
+      hardDisksIndex.value = [...Array(count).keys()]
+      if (props.isEdit) {
+        hardDisksType.value = Array(count).fill('edit')
+      } else if (props.isClone) {
+        hardDisksType.value = Array(count).fill('clone')
+      }
+    })
+}
 
-    const count = newValue?.length || 0
-    hardDisksIndex.value = [...Array(count).keys()]
-    hardDisksLocal.value = newValue
-    if (props.isEdit) {
-      hardDisksType.value = Array(count).fill('edit')
-    } else if (props.isClone) {
-      hardDisksType.value = Array(count).fill('clone')
-      hardDisksLocal.value = newValue.map((hardDisk) => {
-        hardDisk.create = true
-        return hardDisk
-      })
-    }
-  },
-  { immediate: true }
-)
+// watch(
+//   () => props.hardDisks,
+//   (newValue) => {
+//     if ((!props.isEdit && !props.isClone) || !newValue) return
+//
+//     const count = newValue?.length || 0
+//     hardDisksIndex.value = [...Array(count).keys()]
+//     hardDisksLocal.value = newValue
+//     if (props.isEdit) {
+//       hardDisksType.value = Array(count).fill('edit')
+//     } else if (props.isClone) {
+//       hardDisksType.value = Array(count).fill('clone')
+//       hardDisksLocal.value = newValue.map((hardDisk) => {
+//         hardDisk.create = true
+//         return hardDisk
+//       })
+//     }
+//   },
+//   { immediate: true }
+// )
 
 const addHardDisk = (
   create = true,
-  size = 90,
+  size = 92_160, // 90GB
   source = '',
   type: UI_T_HardDiskType = 'new',
   provisioned_type?: number // При добавлении существующей
@@ -301,15 +287,43 @@ const addHardDisk = (
   let provisionType = 'thick'
   if (provisioned_type === 1) provisionType = 'thin'
 
-  hardDisksLocal.value.push({
-    create,
-    size,
-    source,
-    attach: true,
-    boot_order: 0, // Убираем галочку
-    provision_type: provisionType,
-  })
-  sendData()
+  model.value.disk_devices = [
+    ...model.value.disk_devices.filter((disk) => disk.device_type !== 'cdrom'),
+    // {
+    //   create,
+    //   size,
+    //   source,
+    //   attach: true,
+    //   boot_order: 0, // Убираем галочку
+    //   provision_type: provisionType,
+    // },
+    {
+      create,
+      size,
+      source,
+      bus: 'virtio',
+      storage_id: '',
+      provision_type: 'thick',
+      disk_mode: 'dependent',
+      boot_order: 0, // Убираем галочку
+      device_type: 'disk',
+      sharing: false,
+      shares: 0,
+      cache: 'none',
+      io: '',
+      limit_iops: 0,
+      attach: true,
+    },
+    ...model.value.disk_devices.filter((disk) => disk.device_type === 'cdrom'),
+  ]
+  // hardDisksLocal.value.push({
+  //   create,
+  //   size,
+  //   source,
+  //   attach: true,
+  //   boot_order: 0, // Убираем галочку
+  //   provision_type: provisionType,
+  // })
 }
 const onAddExistHardDisk = (file: UI_I_FileTreeNode): void => {
   addHardDisk(
@@ -331,7 +345,6 @@ const onRemoveHardDisk = (
       if (key === removeIndex) return 'removed'
       return item
     })
-    sendData()
     return
   }
 
@@ -340,15 +353,18 @@ const onRemoveHardDisk = (
     (_item, key) => key !== removeIndex
   )
 
-  hardDisksLocal.value = hardDisksLocal.value.filter(
+  model.value.disk_devices = model.value.disk_devices.filter(
     (_hardDisk, key: number) => {
       return removeIndex !== key
     }
   )
+  // hardDisksLocal.value = hardDisksLocal.value.filter(
+  //   (_hardDisk, key: number) => {
+  //     return removeIndex !== key
+  //   }
+  // )
 
   delete newHardDiskInvalidKeys.value[index]
-  delete sendDataNewHardDisk.value[index]
-  sendData()
 }
 const onRollBackHardDisk = (index: number): void => {
   const removeIndex = hardDisksIndex.value.indexOf(index)
@@ -358,51 +374,41 @@ const onRollBackHardDisk = (index: number): void => {
   })
 }
 
-const defaultNetwork = {
-  network: '',
-  net_bridge: '',
-  mac: '',
-  target: '',
-  model: '',
-  boot_order: -1,
-}
-const networksLocal = ref<UI_I_SendDataNewNetwork[]>([
-  useDeepCopy(defaultNetwork),
-])
+const networkValueProp = props.project === 'sphere' ? 'network' : 'net_bridge'
 const networksType = ref<UI_T_NetworkType[]>(['new'])
 const networksIndex = ref<number[]>([0])
-watch(
-  () => props.networks,
-  (newValue) => {
+if (!model.value.network_devices?.length) {
+  networksType.value = []
+  networksIndex.value = []
+} else {
+  model.value.network_devices.forEach(() => {
     if (!props.isEdit && !props.isClone) return
-    if (!newValue) {
-      networksLocal.value = []
-      networksType.value = []
-      networksIndex.value = []
-      return
-    }
 
-    // networksLocal.value = newValue
-    // networksType.value = Array(newValue.length).fill('edit')
-    const count = newValue?.length || 0
+    const count = model.value.network_devices.length || 0
     networksIndex.value = [...Array(count).keys()]
-    networksLocal.value = newValue
     if (props.isEdit) {
       networksType.value = Array(count).fill('edit')
     } else if (props.isClone) {
       networksType.value = Array(count).fill('clone')
     }
-  },
-  { immediate: true }
-)
+  })
+}
+
+const defaultNetwork = {
+  network: '',
+  net_bridge: '',
+  mac: '',
+  target: '',
+  model: 'virtio',
+  boot_order: 0,
+}
 const addNetwork = (): void => {
   const index = (networksIndex.value.at(-1) ?? -1) + 1
   networksIndex.value.push(index)
   networksType.value.push('new')
 
-  networksLocal.value.push({
+  model.value.network_devices.push({
     ...useDeepCopy(defaultNetwork),
-    boot_order: 0, // Убираем галочку
   })
 }
 const onRemoveNetwork = (index: number): void => {
@@ -411,55 +417,97 @@ const onRemoveNetwork = (index: number): void => {
   networksType.value = networksType.value.filter(
     (_item, key) => key !== removeIndex
   )
-  networksLocal.value = networksLocal.value.filter(
+  model.value.network_devices = model.value.network_devices.filter(
     (_network, key: number) => removeIndex !== key
   )
 
   delete newNetworkInvalidKeys.value[index]
-  delete sendDataNewNetwork.value[index]
-  sendData()
 }
 
+// const defaultCdDvdDriver: UI_I_SendDataNewCdDvdDrive = {
+//   create: false,
+//   attach: false,
+//   source: '',
+//   bus: '',
+//   device_type: 'cdrom',
+//   boot_order: -1,
+// }
 const defaultCdDvdDriver: UI_I_SendDataNewCdDvdDrive = {
-  create: false,
-  attach: false,
   source: '',
-  bus: '',
+  storage_id: '',
   device_type: 'cdrom',
-  boot_order: -1,
+  bus: '',
+  target: '',
+  boot_order: 0,
+  provision_type: 'thick',
+  disk_mode: 'dependent',
+  sharing: false,
+  read_only: true,
+  shares: 0,
+  cache: 'none',
+  io: 'native',
+  limit_iops: 0,
+  discard: 'unmap',
+  attach: false,
+  detach: false,
+  remove: false,
+  create: false,
 }
-const cdDvdDrivesLocal = ref<UI_I_SendDataNewCdDvdDrive[]>([
-  useDeepCopy(defaultCdDvdDriver),
-])
+// const cdDvdDrivesLocal = ref<UI_I_SendDataNewCdDvdDrive[]>([
+//   useDeepCopy(defaultCdDvdDriver),
+// ])
 const cdDvdDrivesIndex = ref<number[]>([0])
 const cdDvdDrivesType = ref<UI_T_CdDvdType[]>(['new'])
-watch(
-  () => props.cdDvdDrives,
-  (newValue) => {
-    if ((!props.isEdit && !props.isClone) || !newValue) return
-
-    // cdDvdDrivesLocal.value = newValue
-    // cdDvdDrivesType.value = Array(newValue.length).fill('edit')
-    const count = newValue?.length || 0
-    cdDvdDrivesIndex.value = [...Array(count).keys()]
-    cdDvdDrivesLocal.value = newValue
-    if (props.isEdit) {
-      cdDvdDrivesType.value = Array(count).fill('edit')
-    } else if (props.isClone) {
-      cdDvdDrivesType.value = Array(count).fill('new')
-    }
-  },
-  { immediate: true }
-)
+if (!model.value.disk_devices?.length) {
+  cdDvdDrivesIndex.value = []
+  cdDvdDrivesType.value = []
+} else {
+  model.value.disk_devices
+    .filter((disk) => disk.device_type === 'cdrom')
+    .forEach((_disk, _index, array) => {
+      if (!props.isEdit && !props.isClone) return
+
+      const count = array.length
+      cdDvdDrivesIndex.value = [...Array(count).keys()]
+      if (props.isEdit) {
+        cdDvdDrivesType.value = Array(count).fill('edit')
+      } else if (props.isClone) {
+        cdDvdDrivesType.value = Array(count).fill('clone')
+      }
+    })
+}
+// watch(
+//   () => props.cdDvdDrives,
+//   (newValue) => {
+//     if ((!props.isEdit && !props.isClone) || !newValue) return
+//
+//     // cdDvdDrivesLocal.value = newValue
+//     // cdDvdDrivesType.value = Array(newValue.length).fill('edit')
+//     const count = newValue?.length || 0
+//     cdDvdDrivesIndex.value = [...Array(count).keys()]
+//     cdDvdDrivesLocal.value = newValue
+//     if (props.isEdit) {
+//       cdDvdDrivesType.value = Array(count).fill('edit')
+//     } else if (props.isClone) {
+//       cdDvdDrivesType.value = Array(count).fill('new')
+//     }
+//   },
+//   { immediate: true }
+// )
 const addCdDvdDrive = (): void => {
   const value = (cdDvdDrivesIndex.value.at(-1) ?? -1) + 1
   cdDvdDrivesIndex.value.push(value)
   cdDvdDrivesType.value.push('new')
-  cdDvdDrivesLocal.value.push({
+  model.value.disk_devices.push({
     ...useDeepCopy(defaultCdDvdDriver),
     attach: true,
     boot_order: 0, // Убираем галочку
   })
+  // cdDvdDrivesLocal.value.push({
+  //   ...useDeepCopy(defaultCdDvdDriver),
+  //   attach: true,
+  //   boot_order: 0, // Убираем галочку
+  // })
 }
 const onRemoveCdDvdDrive = (
   index: number,
@@ -473,7 +521,6 @@ const onRemoveCdDvdDrive = (
       if (key === removeIndex) return 'removed'
       return item
     })
-    sendData()
     return
   }
 
@@ -483,12 +530,12 @@ const onRemoveCdDvdDrive = (
   cdDvdDrivesType.value = cdDvdDrivesType.value.filter(
     (_item, key) => key !== index
   )
-  cdDvdDrivesLocal.value = cdDvdDrivesLocal.value.filter(
+  model.value.disk_devices = model.value.disk_devices.filter(
     (_cdDvdDrive, key: number) => removeIndex !== key
   )
-
-  delete sendDataNewCdDvdDrive.value[index]
-  sendData()
+  // cdDvdDrivesLocal.value = cdDvdDrivesLocal.value.filter(
+  //   (_cdDvdDrive, key: number) => removeIndex !== key
+  // )
 }
 const onRollBackCdDvdDrive = (index: number): void => {
   const removeIndex = cdDvdDrivesIndex.value.indexOf(index)
@@ -530,6 +577,7 @@ const addPciDevice = (): void => {
   pciDevicesType.value.push('new')
 
   pciDevicesLocal.value.push(useDeepCopy(defaultPciDevice))
+  model.value.passthrough_pci_devices.push(useDeepCopy(defaultPciDevice))
 }
 const onRemovePciDevice = (index: number): void => {
   const removeIndex = pciDevicesIndex.value.indexOf(index)
@@ -538,6 +586,10 @@ const onRemovePciDevice = (index: number): void => {
     (_item, key) => key !== removeIndex
   )
 
+  model.value.passthrough_pci_devices =
+    model.value.passthrough_pci_devices.filter((_pciDevice, key: number) => {
+      return removeIndex !== key
+    })
   pciDevicesLocal.value = pciDevicesLocal.value.filter(
     (_pciDevice, key: number) => {
       return removeIndex !== key
@@ -545,8 +597,6 @@ const onRemovePciDevice = (index: number): void => {
   )
 
   delete newPciDeviceInvalidKeys.value[index]
-  delete sendDataNewPciDevices.value[index]
-  sendData()
 }
 
 const isShowFileModal = ref<boolean>(false)
@@ -571,80 +621,35 @@ const onAddDevice = (item: UI_I_DropdownTreeItemChild): void => {
 }
 
 const cpuInvalid = ref<boolean>(false)
-const sendDataCpu = ref<UI_I_SendDataCpu | null>(null)
-const onSendDataCpuMethod = (data: UI_I_SendDataCpu): void => {
-  sendDataCpu.value = data
-  sendData()
-}
-const sendDataMemory = ref<UI_I_SendDataMemory | null>(null)
-const onSendDataMemoryMethod = (data: UI_I_SendDataMemory): void => {
-  sendDataMemory.value = data
-  sendData()
-}
-const sendDataNewHardDisk = ref<UI_I_SendDataNewHardDisk[]>([])
 const onSendDataNewHardDiskMethod = (
   data: UI_I_SendDataNewHardDisk,
   index: number
 ): void => {
-  sendDataNewHardDisk.value[index] = data
-  sendData()
-}
-const sendDataNewNetwork = ref<UI_I_SendDataNewNetwork[]>([])
-const sendDataNewNetworkMethod = (
-  data: UI_I_SendDataNewNetwork,
-  index: number
-): void => {
-  sendDataNewNetwork.value[index] = data
-  sendData()
+  model.value.disk_devices[index] = {
+    ...data,
+    boot_order: model.value.disk_devices[index]?.boot_order || 0,
+  }
 }
-const sendDataNewCdDvdDrive = ref<UI_I_SendDataNewCdDvdDrive[]>([])
 const sendDataNewCdDvdDriveMethod = (
   data: UI_I_SendDataNewCdDvdDrive,
   index: number
 ): void => {
-  sendDataNewCdDvdDrive.value[index] = data
-  sendData()
-}
-const sendDataNewUsbController = ref<string | null>(null)
-const onSendDataNewUsbControllerMethod = (data: string): void => {
-  sendDataNewUsbController.value = data
-  sendData()
+  const cdromIndexStart = model.value.disk_devices.findIndex(
+    (disk) => disk.device_type === 'cdrom'
+  )
+  model.value.disk_devices[cdromIndexStart + index] = {
+    ...data,
+    boot_order:
+      model.value.disk_devices[cdromIndexStart + index]?.boot_order || 0,
+  }
 }
-const sendDataNewPciDevices = ref<UI_I_SendDataNewPciDevice[]>([])
 const onSendDataPciDevicesMethod = (
   data: UI_I_SendDataNewPciDevice,
   index: number
 ): void => {
-  sendDataNewPciDevices.value[index] = data
-  sendData()
-}
-const sendDataVideoCard = ref<UI_I_SendDataVideoCard | null>(null)
-const onSendDataVideoCardMethod = (data: UI_I_SendDataVideoCard): void => {
-  sendDataVideoCard.value = data
-  sendData()
-}
-
-const sendData = (): void => {
-  const cpu = sendDataCpu.value
-  const memory = sendDataMemory.value
-  const hardDisks = sendDataNewHardDisk.value.flat(2)
-  const networks = sendDataNewNetwork.value.flat(2)
-  const cdDvdDrives = sendDataNewCdDvdDrive.value.flat(2)
-  const pciDevices = sendDataNewPciDevices.value.flat()
-  const usbController = sendDataNewUsbController.value
-  const videoCard = sendDataVideoCard.value
-
-  const sendData: UI_I_SendDataVirtualHardware = {
-    cpu,
-    memory,
-    usbController,
-    pciDevices,
-    networks,
-    hardDisks,
-    cdDvdDrives,
-    videoCard,
+  model.value.passthrough_pci_devices[index] = {
+    ...data,
   }
-  emits('send-data', sendData)
 }
 
 const onSetInvalidHardDisk = (invalid: boolean, index: number): void => {