bfg-common 1.5.683 → 1.5.684

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

@@ -118,12 +118,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,
@@ -267,10 +261,15 @@
         </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"
@@ -278,12 +277,6 @@
             :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,
@@ -399,7 +392,6 @@ const props = withDefaults(
     state?: string | number
     // hardDisks?: UI_I_SendDataNewHardDisk[] | null
     videoCard?: UI_I_SendDataVideoCard
-    pciDevices?: UI_I_SendDataNewPciDevice[]
     // cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
     guestMachineType?: UI_I_OptionItem | null
     passthroughDevices?: UI_I_PciDevice[]
@@ -412,7 +404,6 @@ const props = withDefaults(
     cpu: undefined,
     state: undefined,
     videoCard: undefined,
-    pciDevices: undefined,
     guestMachineType: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
@@ -443,14 +434,6 @@ const emits = defineEmits<{
   (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]
@@ -475,7 +458,7 @@ const deviceCount = computed<number>(
     // (props.pciDevices?.length || 0) +
     (model.value.disk_devices?.length || 0) +
     (model.value.network_devices?.length || 0) +
-    (props.pciDevices?.length || 0) +
+    (model.value.passthrough_pci_devices?.length || 0) +
     6
 )
 const deviceCountText = computed<string>(() =>

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

@@ -98,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,
@@ -247,10 +241,15 @@
         </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"
@@ -258,12 +257,6 @@
             :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,
@@ -373,7 +366,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[]
@@ -384,7 +376,6 @@ const props = withDefaults(
     cpu: undefined,
     state: undefined,
     videoCard: undefined,
-    pciDevices: undefined,
     guestMachineType: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
@@ -414,14 +405,6 @@ const emits = defineEmits<{
   (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

@@ -30,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"
@@ -56,7 +55,6 @@
     @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)"
   />
@@ -119,7 +117,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
@@ -132,7 +130,7 @@ const props = withDefaults(
     hardDisks: undefined,
     cdDvdDrives: undefined,
     videoCard: undefined,
-    pciDevices: undefined,
+    // pciDevices: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
     guestMachineType: undefined,
@@ -221,10 +219,12 @@ if (!model.value.disk_devices?.length) {
 // )
 
 const getDisksSize = (): number => {
-  return model.value.disk_devices.reduce(
-    (acum, disk) => (acum += disk.size || 0),
-    0
-  ) || 0
+  return (
+    model.value.disk_devices.reduce(
+      (acum, disk) => (acum += disk.size || 0),
+      0
+    ) || 0
+  )
 }
 const initialDisksSize = getDisksSize()
 const storageFree = computed<number>(() => {
@@ -518,30 +518,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 => {
@@ -555,11 +571,11 @@ 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
-    }
-  )
+  // pciDevicesLocal.value = pciDevicesLocal.value.filter(
+  //   (_pciDevice, key: number) => {
+  //     return removeIndex !== key
+  //   }
+  // )
 
   delete newPciDeviceInvalidKeys.value[index]
 }
@@ -608,14 +624,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

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

@@ -1,199 +1,253 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:selected-type="selectedType"
-    v-model:direct-path-io="directPathIo"
-    v-model:dynamic-direct-path-io="dynamicDirectPathIo"
-    v-model:nvidia-grid-profile="nvidiaGridProfile"
-    :index="props.index"
-    :passthrough-devices="props.passthroughDevices"
-    :mediated-devices="props.mediatedDevices"
-    :type="props.type"
-    :is-removable="isRemovable"
-    :label="label"
-    :selected-label="selectedLabel"
-    :pci-device-type-options="pciDeviceTypeOptions"
-    @remove="emits('remove')"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_SendDataNewPciDevice } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type {
-  UI_I_MediatedDevice,
-  UI_I_PciDevice,
-} from '~/lib/models/store/vm/interfaces'
-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 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
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isRunning = computed<boolean>(() => {
-  return props.state === 2
-})
-
-const isRemovable = computed<boolean>(() => {
-  return !props.isEdit || !isRunning.value
-})
-
-const label = computed<string>(() => {
-  if (props.type === 'edit')
-    return `${localization.value.common.newPciDevice} ${props.index + 1}`
-
-  return `${localization.value.common.pciDevice} *`
-})
-
-const selectedLabel = computed<string>(() => {
-  if (props.pciDevice.address) {
-    return `${props.pciDevice.address} | ${props.pciDevice.device_name}`
-  }
-  switch (selectedType.value.value) {
-    case 'direct_path_io':
-      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
-  }
-})
-
-const pciDeviceTypeOptions = ref<UI_I_OptionItem[]>(
-  pciDeviceTypeOptionsFunc(
-    !props.passthroughDevices.length,
-    !props.mediatedDevices.length
-  )
-)
-const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptions.value[0])
-pciDeviceTypeOptions.value.forEach((option) => {
-  if (!option.disabled) selectedType.value = option
-})
-
-const directPathIo = ref<string>('') /// TODO
-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 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
-      }
-    }
-  },
-  { immediate: true, deep: true }
-)
-
-const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
-  const nvidia = props.mediatedDevices.find(
-    (device) =>
-      nvidiaGridProfile.value?.value ===
-      device.profile_name + '_' + device.root_device
-  )
-  switch (selectedType.value.value) {
-    case 'direct_path_io':
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-        mediated_device: false,
-      }
-    case 'dynamic_direct_path_io':
-      return {
-        address: dynamicDirectPathIo.value?.address || '',
-        vendor_name: dynamicDirectPathIo.value?.vendor_name || '',
-        class_name: dynamicDirectPathIo.value?.class_name || '',
-        device_name: dynamicDirectPathIo.value?.device_name || '',
-        mediated_device: false,
-      }
-    case 'nvidia_grid':
-      return {
-        address: nvidia?.root_device || '',
-        vendor_name: '',
-        class_name: nvidia?.profile_name || '',
-        device_name: nvidia?.name || '',
-        mediated_device: true,
-        mediated_device_uuid: '',
-      }
-    default:
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-        mediated_device: false,
-      }
-  }
-})
-
-watch(
-  sendData,
-  (newValue) => {
-    emits('send-data', props.type === 'edit' ? props.pciDevice : newValue)
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:selected-type="selectedType"
+    v-model:direct-path-io="directPathIo"
+    v-model:dynamic-direct-path-io="dynamicDirectPathIo"
+    v-model:nvidia-grid-profile="nvidiaGridProfile"
+    :index="props.index"
+    :passthrough-devices="props.passthroughDevices"
+    :mediated-devices="props.mediatedDevices"
+    :type="props.type"
+    :is-removable="isRemovable"
+    :label="label"
+    :selected-label="selectedLabel"
+    :pci-device-type-options="pciDeviceTypeOptions"
+    @remove="emits('remove')"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_SendDataNewPciDevice } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type {
+  UI_I_MediatedDevice,
+  UI_I_PciDevice,
+} from '~/lib/models/store/vm/interfaces'
+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<string>('mediatedDevice')
+const mediatedDeviceUuid = defineModel<string>('mediatedDeviceUuid')
+
+const props = withDefaults(
+  defineProps<{
+    index: number
+    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: 'remove'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isRunning = computed<boolean>(() => {
+  return props.state === 2
+})
+
+const isRemovable = computed<boolean>(() => {
+  return !props.isEdit || !isRunning.value
+})
+
+const label = computed<string>(() => {
+  if (props.type === 'edit')
+    return `${localization.value.common.newPciDevice} ${props.index + 1}`
+
+  return `${localization.value.common.pciDevice} *`
+})
+
+const selectedLabel = computed<string>(() => {
+  if (address.value) {
+    return `${address.value} | ${deviceName.value}`
+  }
+  switch (selectedType.value.value) {
+    case 'direct_path_io':
+      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
+  }
+})
+
+const pciDeviceTypeOptions = ref<UI_I_OptionItem[]>(
+  pciDeviceTypeOptionsFunc(
+    !props.passthroughDevices.length,
+    !props.mediatedDevices.length
+  )
+)
+const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptions.value[0])
+pciDeviceTypeOptions.value.forEach((option) => {
+  if (!option.disabled) selectedType.value = option
+})
+
+const directPathIo = ref<string>('') /// TODO
+const dynamicDirectPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
+const nvidiaGridProfile = ref<UI_I_Option | null>(null)
+
+const set = (): void => {
+  // const passthroughDevice = props.passthroughDevices.find(
+  //   (item) => item.address === newValue.address
+  // )
+  // passthroughDevice && (directPathIo.value = passthroughDevice) // Todo change
+  // directPathIo.value = newValue1
+  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 ===
+      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,
+  () => {
+    // if (props.isEdit) set()
+    set() // for edit
+  },
+  { immediate: true, deep: true }
+)
+
+// 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 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
+//       }
+//     }
+//   },
+//   { immediate: true, deep: true }
+// )
+
+const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
+  const nvidia = props.mediatedDevices.find(
+    (device) =>
+      nvidiaGridProfile.value?.value ===
+      device.profile_name + '_' + device.root_device
+  )
+  switch (selectedType.value.value) {
+    case 'direct_path_io':
+      return {
+        address: '',
+        vendor_name: '',
+        class_name: '',
+        device_name: '',
+        mediated_device: false,
+      }
+    case 'dynamic_direct_path_io':
+      return {
+        address: dynamicDirectPathIo.value?.address || '',
+        vendor_name: dynamicDirectPathIo.value?.vendor_name || '',
+        class_name: dynamicDirectPathIo.value?.class_name || '',
+        device_name: dynamicDirectPathIo.value?.device_name || '',
+        mediated_device: false,
+      }
+    case 'nvidia_grid':
+      return {
+        address: nvidia?.root_device || '',
+        vendor_name: '',
+        class_name: nvidia?.profile_name || '',
+        device_name: nvidia?.name || '',
+        mediated_device: true,
+        mediated_device_uuid: '',
+      }
+    default:
+      return {
+        address: '',
+        vendor_name: '',
+        class_name: '',
+        device_name: '',
+        mediated_device: false,
+      }
+  }
+})
+
+watch(
+  sendData,
+  (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 || ''
+    // emits('send-data', props.type === 'edit' ? props.pciDevice : newValue)
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.683",
+  "version": "1.5.684",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",