bfg-common 1.5.708 → 1.5.710

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

@@ -85,6 +85,7 @@
             :index="props.hardDisksIndex[key]"
             :type="props.hardDisksType[key]"
             :main-storage="props.storage"
+            :main-storage-free="props.storageFree"
             :error-validation-fields="props.errorValidationFields"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
@@ -97,12 +98,6 @@
               emits('remove-hard-disk', [props.hardDisksIndex[key], item])
             "
             @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"
-            @send-data="
-              emits('send-data-new-hard-disk-method', [
-                $event,
-                props.hardDisksIndex[key],
-              ])
-            "
             @invalid="
               emits('set-invalid-hard-disk', [
                 $event,
@@ -246,30 +241,21 @@
         </div>
         <template v-if="props.passthroughDevices || props.mediatedDevices">
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device
-            v-for="(item, key) in props.pciDevices"
+            v-for="(item, key) in model.passthrough_pci_devices"
+            v-model:address="item.address"
+            v-model:vendor-name="item.vendor_name"
+            v-model:class-name="item.class_name"
+            v-model:device-name="item.device_name"
+            v-model:mediated-device="item.mediated_device"
+            v-model:mediated-device-uuid="item.mediated_device_uuid"
             :key="props.pciDevicesIndex[key]"
             :index="props.pciDevicesIndex[key]"
-            :pci-device="item"
-            :error-validation-fields="props.errorValidationFields"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
             :type="props.pciDevicesType[key]"
             :is-edit="props.isEdit"
             :state="props.state"
             @remove="emits('remove-pci-device', props.pciDevicesIndex[key])"
-            @send-data="
-              emits('send-data-pci-devices-method', [
-                $event,
-                props.pciDevicesIndex[key],
-              ])
-            "
-            @invalid="
-              emits('set-invalid-pci-device', [
-                $event,
-                props.pciDevicesIndex[key],
-              ])
-            "
-            @remove-error-by-title="emits('remove-error-by-title', $event)"
           />
         </template>
         <common-vm-actions-common-customize-hardware-virtual-hardware-video-card
@@ -318,8 +304,10 @@ import type {
 } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
 import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import type {
+  UI_T_CdDvdType,
   UI_T_HardDiskType,
   UI_T_NetworkType,
+  UI_T_PciDeviceType,
 } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type {
@@ -349,6 +337,7 @@ const props = withDefaults(
     files: UI_I_FileTreeNode[]
     isEdit: boolean
     storage: UI_I_DatastoreTableItem | null
+    storageFree: number
     project: UI_T_Project
     maxMemory: number
     cpuModels: UI_I_OptionItem[]
@@ -360,10 +349,10 @@ const props = withDefaults(
     hardDisksType: UI_T_HardDiskType[]
     networksIndex: number[]
     hardDisksIndex: number[]
-    pciDevicesType: UI_T_NetworkType[]
+    pciDevicesType: UI_T_PciDeviceType[]
     isShowFileModal: boolean
     pciDevicesIndex: number[]
-    cdDvdDrivesType: UI_T_NetworkType[]
+    cdDvdDrivesType: UI_T_CdDvdType[]
     cdDvdDrivesIndex: number[]
     errorValidationFields: UI_I_ErrorValidationField[]
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
@@ -371,7 +360,6 @@ const props = withDefaults(
     cpu?: API_UI_I_VmEditCpu
     state?: string | number
     videoCard?: UI_I_SendDataVideoCard
-    pciDevices?: UI_I_SendDataNewPciDevice[]
     guestMachineType?: UI_I_OptionItem | null
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
@@ -382,10 +370,9 @@ const props = withDefaults(
     cpu: undefined,
     state: undefined,
     videoCard: undefined,
-    pciDevices: undefined,
     guestMachineType: undefined,
-    passthroughDevices: undefined,
-    mediatedDevices: undefined,
+    passthroughDevices: () => [],
+    mediatedDevices: () => [],
     vmCpuHelpTextSecond: undefined,
     computeResource: undefined,
   }
@@ -410,16 +397,7 @@ const emits = defineEmits<{
   (event: 'set-invalid-hard-disk', value: [boolean, number]): void
   (event: 'remove-error-by-title', value: string): void
   (event: 'roll-back-cd-dvd-drive', value: number): void
-  (event: 'set-invalid-pci-device', value: [boolean, number]): void
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (
-    event: 'send-data-pci-devices-method',
-    value: [UI_I_SendDataNewPciDevice, number]
-  ): void
-  (
-    event: 'send-data-new-hard-disk-method',
-    value: [UI_I_SendDataNewHardDisk, number]
-  ): void
   (
     event: 'send-data-new-cd-dvd-drive-method',
     value: [UI_I_SendDataNewCdDvdDrive, number]

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

@@ -9,6 +9,7 @@
     :files="props.files"
     :is-edit="props.isEdit"
     :storage="props.storage"
+    :storage-free="storageFree"
     :project="props.project"
     :max-memory="props.maxMemory"
     :cpu-models="props.cpuModels"
@@ -29,7 +30,6 @@
     :get-datastore-table-func="getDatastoreTableFunc"
     :state="state"
     :video-card="videoCard"
-    :pci-devices="pciDevicesLocal"
     :guest-machine-type="guestMachineType"
     :passthrough-devices="passthroughDevices"
     :mediated-devices="mediatedDevices"
@@ -53,9 +53,7 @@
     @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-pci-devices-method="onSendDataPciDevicesMethod(...$event)"
     @send-data-new-hard-disk-method="onSendDataNewHardDiskMethod(...$event)"
     @send-data-new-cd-dvd-drive-method="sendDataNewCdDvdDriveMethod(...$event)"
   />
@@ -118,7 +116,7 @@ const props = withDefaults(
     hardDisks?: UI_I_SendDataNewHardDisk[] | null
     cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
     videoCard?: UI_I_SendDataVideoCard
-    pciDevices?: UI_I_SendDataNewPciDevice[]
+    // pciDevices?: UI_I_SendDataNewPciDevice[]
     passthroughDevices?: UI_I_PciDevice[]
     mediatedDevices?: UI_I_MediatedDevice[]
     guestMachineType?: UI_I_OptionItem | null
@@ -131,7 +129,7 @@ const props = withDefaults(
     hardDisks: undefined,
     cdDvdDrives: undefined,
     videoCard: undefined,
-    pciDevices: undefined,
+    // pciDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     guestMachineType: undefined,
@@ -219,6 +217,24 @@ if (!model.value.disk_devices?.length) {
 //   { immediate: true }
 // )
 
+const getDisksSize = (): number => {
+  return (
+    model.value.disk_devices.reduce(
+      (acum, disk) => (acum += disk.size || 0),
+      0
+    ) || 0
+  )
+}
+const initialDisksSize = getDisksSize()
+const storageFree = computed<number>(() => {
+  if (!props.storage) return 0
+  const free = (props.storage.capacity.free_mb || props.storage.free) as number // TODO fix
+
+  const disksSize = getDisksSize()
+
+  return free + initialDisksSize - (disksSize - initialDisksSize)
+})
+
 const addHardDisk = (
   create = true,
   size = 92_160, // 90GB
@@ -501,30 +517,46 @@ const defaultPciDevice: UI_I_SendDataNewPciDevice = {
 }
 const pciDevicesIndex = ref<number[]>([0])
 const pciDevicesType = ref<('new' | 'edit' | 'removed')[]>(['new'])
-const pciDevicesLocal = ref<UI_I_SendDataNewPciDevice[]>([])
-watch(
-  () => props.pciDevices,
-  (newValue) => {
-    if ((!props.isEdit && !props.isClone) || !newValue) return
+// const pciDevicesLocal = ref<UI_I_SendDataNewPciDevice[]>([])
+if (!model.value.passthrough_pci_devices?.length) {
+  pciDevicesIndex.value = []
+  pciDevicesType.value = []
+} else {
+  model.value.passthrough_pci_devices.forEach((_disk, _index, array) => {
+    if (!props.isEdit && !props.isClone) return
 
-    const count = newValue?.length || 0
+    const count = array.length
     pciDevicesIndex.value = [...Array(count).keys()]
-    pciDevicesLocal.value = newValue || []
     if (props.isEdit) {
       pciDevicesType.value = Array(count).fill('edit')
     } else if (props.isClone) {
-      pciDevicesType.value = Array(count).fill('new')
+      pciDevicesType.value = Array(count).fill('clone') // before been new
     }
-  },
-  { immediate: true }
-)
+  })
+}
+// watch(
+//   () => props.pciDevices,
+//   (newValue) => {
+//     if ((!props.isEdit && !props.isClone) || !newValue) return
+//
+//     const count = newValue?.length || 0
+//     pciDevicesIndex.value = [...Array(count).keys()]
+//     pciDevicesLocal.value = newValue || []
+//     if (props.isEdit) {
+//       pciDevicesType.value = Array(count).fill('edit')
+//     } else if (props.isClone) {
+//       pciDevicesType.value = Array(count).fill('new')
+//     }
+//   },
+//   { immediate: true }
+// )
 
 const addPciDevice = (): void => {
   const newIndex = (pciDevicesIndex.value.at(-1) ?? -1) + 1
   pciDevicesIndex.value.push(newIndex)
   pciDevicesType.value.push('new')
 
-  pciDevicesLocal.value.push(useDeepCopy(defaultPciDevice))
+  // pciDevicesLocal.value.push(useDeepCopy(defaultPciDevice))
   model.value.passthrough_pci_devices.push(useDeepCopy(defaultPciDevice))
 }
 const onRemovePciDevice = (index: number): void => {
@@ -538,13 +570,6 @@ const onRemovePciDevice = (index: number): void => {
     model.value.passthrough_pci_devices.filter((_pciDevice, key: number) => {
       return removeIndex !== key
     })
-  pciDevicesLocal.value = pciDevicesLocal.value.filter(
-    (_pciDevice, key: number) => {
-      return removeIndex !== key
-    }
-  )
-
-  delete newPciDeviceInvalidKeys.value[index]
 }
 
 const isShowFileModal = ref<boolean>(false)
@@ -591,14 +616,6 @@ const sendDataNewCdDvdDriveMethod = (
       model.value.disk_devices[cdromIndexStart + index]?.boot_order || 0,
   }
 }
-const onSendDataPciDevicesMethod = (
-  data: UI_I_SendDataNewPciDevice,
-  index: number
-): void => {
-  model.value.passthrough_pci_devices[index] = {
-    ...data,
-  }
-}
 
 const onSetInvalidHardDisk = (invalid: boolean, index: number): void => {
   newHardDiskInvalidKeys.value[index] = invalid
@@ -608,15 +625,10 @@ const onSetInvalidNetwork = (invalid: boolean, key: number): void => {
   newNetworkInvalidKeys.value[key] = invalid
 }
 
-const onSetInvalidPciDevice = (invalid: boolean, key: number): void => {
-  newPciDeviceInvalidKeys.value[key] = invalid
-}
-
 const memoryInvalid = ref<boolean>(false)
 const videoCardInvalid = ref<boolean>(false)
 const newHardDiskInvalidKeys = ref<UI_I_InvalidKeys>({})
 const newNetworkInvalidKeys = ref<UI_I_InvalidKeys>({})
-const newPciDeviceInvalidKeys = ref<UI_I_InvalidKeys>({})
 
 watch(
   [
@@ -624,7 +636,6 @@ watch(
     memoryInvalid,
     newHardDiskInvalidKeys,
     newNetworkInvalidKeys,
-    newPciDeviceInvalidKeys,
     videoCardInvalid,
   ],
   () => {
@@ -657,18 +668,6 @@ watch(
         ' ' +
         (+key + 1)
     })
-    // let pciDevice = ''
-    // Object.keys(newPciDeviceInvalidKeys.value).forEach((key) => {
-    //   if (!newPciDeviceInvalidKeys.value[+key]) {
-    //     return
-    //   }
-    //
-    //   pciDevice +=
-    //     (pciDevice ? ', ' : '') +
-    //     localization.value.common.pciDevice +
-    //     ' ' +
-    //     (+key + 1)
-    // })
 
     emits('invalid', [cpu, memory, newHardDisk, newNetwork, videoCard])
   },

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/coresPerSocket/CoresPerSocket.vue

@@ -61,7 +61,7 @@ watch(
   () => {
     // !socketOptions.value.includes(selectedCorePerSocketLocal.value) &&
     !props.disabled &&
-    (selectedCorePerSocketLocal.value = socketOptions.value.at(-1) || 1)
+      (selectedCorePerSocketLocal.value = socketOptions.value.at(-1) || 1)
   },
   { deep: true }
 )

package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces.ts

@@ -105,9 +105,11 @@ export interface UI_I_SendDataNewCdDvdDrive {
 }
 export interface UI_I_SendDataNewPciDevice {
   address: string
+  vendor_name: string
   class_name: string
   device_name: string
-  vendor_name: string
+  mediated_device: boolean
+  mediated_device_uuid?: string
 }
 
 export interface UI_I_HardDisk {

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

@@ -115,6 +115,7 @@ const detach = defineModel<boolean>('detach', { required: true })
 const props = withDefaults(
   defineProps<{
     mainStorage: UI_I_DatastoreTableItem | null
+    mainStorageFree: number
     // hardDisk: UI_I_SendDataNewHardDisk
     type: UI_T_HardDiskType
     index: number
@@ -196,17 +197,22 @@ const label = computed<string>(() => {
 })
 
 const maxHardDisk = computed<number>(() => {
-  // const hardDiskSizeMb = $binary.gbToMb(props.hardDisk.size)
-
+  // // const hardDiskSizeMb = $binary.gbToMb(props.hardDisk.size)
+  //
+  // if (props.type === 'exist') return initialSize
+  //
+  // if (!storageLocal.value) return 0
+  // const free = (storageLocal.value.capacity.free_mb ||
+  //   storageLocal.value.free) as number // TODO fix
+  //
+  // if (props.type === 'edit') return free + initialSize
+  //
+  // return free
   if (props.type === 'exist') return initialSize
 
   if (!storageLocal.value) return 0
-  const free = (storageLocal.value.capacity.free_mb ||
-    storageLocal.value.capacity) as number // TODO fix
-
-  if (props.isEdit) return free + initialSize
 
-  return free
+  return props.mainStorageFree + size.value
 })
 const hardDiskTypeErrorLocalText = computed<string>(() => {
   if (size.value > maxHardDisk.value) {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/New.vue

@@ -46,12 +46,15 @@
         />
       </template>
 
-      <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
+      <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note
+        :pci-device-index="props.index"
+      />
     </template>
   </ui-stack-block>
 </template>
 
 <script setup lang="ts">
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
 import type {
@@ -62,13 +65,13 @@ import type {
 const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
   required: true,
 })
-const directPathIo = defineModel<UI_I_PciDevice>('directPathIo', {
+const directPathIo = defineModel<string>('directPathIo', {
   required: true,
 })
-const dynamicDirectPathIo = defineModel<string>('dynamicDirectPathIo', {
+const dynamicDirectPathIo = defineModel<UI_I_PciDevice>('dynamicDirectPathIo', {
   required: true,
 })
-const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
+const nvidiaGridProfile = defineModel<UI_I_Option | null>('nvidiaGridProfile', {
   required: true,
 })
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue

@@ -29,23 +29,27 @@ import type {
 import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 import { pciDeviceTypeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options'
 
+const address = defineModel<string>('address')
+const vendorName = defineModel<string>('vendorName')
+const className = defineModel<string>('className')
+const deviceName = defineModel<string>('deviceName')
+const mediatedDevice = defineModel<boolean>('mediatedDevice')
+const mediatedDeviceUuid = defineModel<string>('mediatedDeviceUuid')
+
 const props = withDefaults(
   defineProps<{
     index: number
-    pciDevice: UI_I_SendDataNewPciDevice
     passthroughDevices: UI_I_PciDevice[]
     mediatedDevices: UI_I_MediatedDevice[]
     type: UI_T_PciDeviceType
     isEdit: boolean
     state?: string | number
-    // errorValidationFields: UI_I_ErrorValidationField<string>[]
   }>(),
   {
     state: undefined,
   }
 )
 const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewPciDevice): void
   (event: 'remove'): void
 }>()
 
@@ -64,7 +68,8 @@ const isRunning = computed<boolean>(() => {
 })
 
 const isRemovable = computed<boolean>(() => {
-  return !props.isEdit || !isRunning.value
+  // return !props.isEdit || !isRunning.value
+  return props.type !== 'edit' || !isRunning.value
 })
 
 const label = computed<string>(() => {
@@ -75,16 +80,17 @@ const label = computed<string>(() => {
 })
 
 const selectedLabel = computed<string>(() => {
-  if (props.pciDevice.address) {
-    return `${props.pciDevice.address} | ${props.pciDevice.device_name}`
+  if (address.value) {
+    return `${address.value} | ${deviceName.value}`
   }
   switch (selectedType.value.value) {
     case 'direct_path_io':
-      return `${directPathIo.value?.address} | ${directPathIo.value?.device_name}`
+      return directPathIo.value
+      // return `${directPathIo.value?.address} | ${directPathIo.value?.device_name}`
     case 'dynamic_direct_path_io':
       return `${dynamicDirectPathIo.value?.address} | ${dynamicDirectPathIo.value?.device_name}`
     default:
-      return nvidiaGridProfile.value?.text
+      return nvidiaGridProfile.value?.text || ''
   }
 })
 
@@ -99,47 +105,43 @@ pciDeviceTypeOptions.value.forEach((option) => {
   if (!option.disabled) selectedType.value = option
 })
 
-const directPathIo = ref<string>('') /// TODO
+const directPathIo = ref<string>('')
 const dynamicDirectPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
 const nvidiaGridProfile = ref<UI_I_Option | null>(null)
 
-watch(
-  [() => props.pciDevice, () => props.mediatedDevices],
-  ([newValue1]) => {
-    // const passthroughDevice = props.passthroughDevices.find(
-    //   (item) => item.address === newValue.address
-    // )
-    // passthroughDevice && (directPathIo.value = passthroughDevice) // Todo change
-    if (newValue1) {
-      // directPathIo.value = newValue1
-      const passthroughDevice = props.passthroughDevices.find((device) => {
-        return (
-          device.class_name + '_' + device.address ===
-          newValue1.class_name + '_' + newValue1.address
-        )
-      })
-      if (passthroughDevice) {
-        dynamicDirectPathIo.value = passthroughDevice
-      }
+const setData = (): void => {
+  const passthroughDevice = props.passthroughDevices.find((device) => {
+    return (
+      device.class_name + '_' + device.address ===
+      className.value + '_' + address.value
+    )
+  })
+  if (passthroughDevice) {
+    dynamicDirectPathIo.value = passthroughDevice
+  }
 
-      const mediatedDevice = props.mediatedDevices.find((device) => {
-        return (
-          device.profile_name + '_' + device.root_device ===
-          newValue1.class_name + '_' + newValue1.address
-        )
-      })
-      if (mediatedDevice) {
-        nvidiaGridProfile.value = {
-          text: mediatedDevice.human_readable,
-          value: mediatedDevice.profile_name + '_' + mediatedDevice.root_device,
-        }
-
-        selectedType.value =
-          pciDeviceTypeOptions.value.find(
-            (option) => option.value === 'nvidia_grid'
-          ) || selectedType.value
-      }
+  const mediatedDevice = props.mediatedDevices.find((device) => {
+    return (
+      device.profile_name + '_' + device.root_device ===
+      className.value + '_' + address.value
+    )
+  })
+  if (mediatedDevice) {
+    nvidiaGridProfile.value = {
+      text: mediatedDevice.human_readable,
+      value: mediatedDevice.profile_name + '_' + mediatedDevice.root_device,
     }
+
+    selectedType.value =
+      pciDeviceTypeOptions.value.find(
+        (option) => option.value === 'nvidia_grid'
+      ) || selectedType.value
+  }
+}
+watch(
+  () => props.mediatedDevices,
+  () => {
+    setData() // for edit
   },
   { immediate: true, deep: true }
 )
@@ -190,7 +192,12 @@ const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
 watch(
   sendData,
   (newValue) => {
-    emits('send-data', props.type === 'edit' ? props.pciDevice : newValue)
+    address.value = newValue.address
+    vendorName.value = newValue.vendor_name
+    className.value = newValue.class_name
+    deviceName.value = newValue.device_name
+    mediatedDevice.value = newValue.mediated_device
+    mediatedDeviceUuid.value = newValue.mediated_device_uuid || ''
   },
   { immediate: true }
 )

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/Old.vue

@@ -56,6 +56,7 @@
 </template>
 
 <script setup lang="ts">
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
 import type {
@@ -66,13 +67,13 @@ import type {
 const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
   required: true,
 })
-const directPathIo = defineModel<UI_I_PciDevice>('directPathIo', {
+const directPathIo = defineModel<string>('directPathIo', {
   required: true,
 })
-const dynamicDirectPathIo = defineModel<string>('dynamicDirectPathIo', {
+const dynamicDirectPathIo = defineModel<UI_I_PciDevice>('dynamicDirectPathIo', {
   required: true,
 })
-const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
+const nvidiaGridProfile = defineModel<UI_I_Option | null>('nvidiaGridProfile', {
   required: true,
 })
 
@@ -91,8 +92,4 @@ const emits = defineEmits<{
 }>()
 </script>
 
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIo.vue

@@ -7,9 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { UI_I_ConfigureAllPciDevicesItem } from '~/lib/models/store/host/interfaces'
-
-const model = defineModel<UI_I_ConfigureAllPciDevicesItem>({ required: true })
+const model = defineModel<string>({ required: true })
 
 const props = defineProps<{
   pciDeviceIndex: number

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/New.vue

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block
-      :has-children="false"
-      :test-id="`pci-device-direct-path-io-stack-block-${props.pciDeviceIndex}`"
+    :has-children="false"
+    :test-id="`pci-device-direct-path-io-stack-block-${props.pciDeviceIndex}`"
   >
     <template #stackBlockKey>
       {{ localization.common.pciDevice }}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/Old.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <atoms-stack-block
-        :has-children="false"
-        :test-id="`pci-device-direct-path-io-stack-block-${props.pciDeviceIndex}`"
+      :has-children="false"
+      :test-id="`pci-device-direct-path-io-stack-block-${props.pciDeviceIndex}`"
     >
       <template #stackBlockContent>
         <input

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
 
-const model = defineModel<string>({ required: true })
+const model = defineModel<UI_I_PciDevice>({ required: true })
 
 const props = defineProps<{
   pciDeviceIndex: number

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/New.vue

@@ -21,10 +21,9 @@
 
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ConfigureAllPciDevicesItem } from '~/lib/models/store/host/interfaces'
 import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
 
-const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
+const model = defineModel<UI_I_PciDevice>()
 
 const props = defineProps<{
   pciDeviceIndex: number