bfg-common 1.5.710 → 1.5.712

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

@@ -1,206 +1,206 @@
-<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<boolean>('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
-  }>(),
-  {
-    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
-  return props.type !== 'edit' || !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
-      // 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>('')
-const dynamicDirectPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
-const nvidiaGridProfile = ref<UI_I_Option | null>(null)
-
-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 ===
-      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 }
-)
-
-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 || ''
-  },
-  { 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<boolean>('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
+  }>(),
+  {
+    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
+  return props.type !== 'edit' || !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
+      // 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>('')
+const dynamicDirectPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
+const nvidiaGridProfile = ref<UI_I_Option | null>(null)
+
+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 ===
+      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 }
+)
+
+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 || ''
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -1,95 +1,95 @@
-<template>
-  <div class="hardware-pci-device">
-    <atoms-stack-block
-      :removable="props.isRemovable"
-      test-id="pci-device-stack-block"
-      has-children
-      @remove="emits('remove')"
-    >
-      <template #stackBlockKey>
-        <div
-          :id="`vm-wizard-toggle-block-pci-device-${props.index}`"
-          :data-id="`vm-wizard-toggle-block-pci-device-${props.index}`"
-          class="flex-align-center"
-        >
-          <span>{{ props.label }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <span class="main-label">
-          {{ props.selectedLabel }}
-        </span>
-      </template>
-      <template #stackChildren>
-        <template v-if="props.type === 'new'">
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
-            v-model="selectedType"
-            :options="props.pciDeviceTypeOptions"
-            :pci-device-index="props.index"
-          />
-
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
-            v-show="selectedType.value === 'dynamic_direct_path_io'"
-            v-model="dynamicDirectPathIo"
-            :pci-device-index="props.index"
-            :passthrough-devices="props.passthroughDevices"
-          />
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
-            v-show="selectedType.value === 'nvidia_grid'"
-            v-model="nvidiaGridProfile"
-            :pci-device-index="props.index"
-            :mediated-devices="props.mediatedDevices"
-          />
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-            v-show="selectedType.value === 'direct_path_io'"
-            v-model="directPathIo"
-            :pci-device-index="props.index"
-          />
-        </template>
-
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note
-          :pci-device-index="props.index"
-        />
-      </template>
-    </atoms-stack-block>
-  </div>
-</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 {
-  UI_I_MediatedDevice,
-  UI_I_PciDevice,
-} from '~/lib/models/store/vm/interfaces'
-
-const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
-  required: true,
-})
-const directPathIo = defineModel<string>('directPathIo', {
-  required: true,
-})
-const dynamicDirectPathIo = defineModel<UI_I_PciDevice>('dynamicDirectPathIo', {
-  required: true,
-})
-const nvidiaGridProfile = defineModel<UI_I_Option | null>('nvidiaGridProfile', {
-  required: true,
-})
-
-const props = defineProps<{
-  index: number
-  passthroughDevices: UI_I_PciDevice[]
-  mediatedDevices: UI_I_MediatedDevice[]
-  type: UI_T_PciDeviceType
-  isRemovable: boolean
-  label: string
-  selectedLabel: string
-  pciDeviceTypeOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove'): void
-}>()
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="hardware-pci-device">
+    <atoms-stack-block
+      :removable="props.isRemovable"
+      test-id="pci-device-stack-block"
+      has-children
+      @remove="emits('remove')"
+    >
+      <template #stackBlockKey>
+        <div
+          :id="`vm-wizard-toggle-block-pci-device-${props.index}`"
+          :data-id="`vm-wizard-toggle-block-pci-device-${props.index}`"
+          class="flex-align-center"
+        >
+          <span>{{ props.label }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <span class="main-label">
+          {{ props.selectedLabel }}
+        </span>
+      </template>
+      <template #stackChildren>
+        <template v-if="props.type === 'new'">
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
+            v-model="selectedType"
+            :options="props.pciDeviceTypeOptions"
+            :pci-device-index="props.index"
+          />
+
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
+            v-show="selectedType.value === 'dynamic_direct_path_io'"
+            v-model="dynamicDirectPathIo"
+            :pci-device-index="props.index"
+            :passthrough-devices="props.passthroughDevices"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
+            v-show="selectedType.value === 'nvidia_grid'"
+            v-model="nvidiaGridProfile"
+            :pci-device-index="props.index"
+            :mediated-devices="props.mediatedDevices"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
+            v-show="selectedType.value === 'direct_path_io'"
+            v-model="directPathIo"
+            :pci-device-index="props.index"
+          />
+        </template>
+
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note
+          :pci-device-index="props.index"
+        />
+      </template>
+    </atoms-stack-block>
+  </div>
+</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 {
+  UI_I_MediatedDevice,
+  UI_I_PciDevice,
+} from '~/lib/models/store/vm/interfaces'
+
+const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
+  required: true,
+})
+const directPathIo = defineModel<string>('directPathIo', {
+  required: true,
+})
+const dynamicDirectPathIo = defineModel<UI_I_PciDevice>('dynamicDirectPathIo', {
+  required: true,
+})
+const nvidiaGridProfile = defineModel<UI_I_Option | null>('nvidiaGridProfile', {
+  required: true,
+})
+
+const props = defineProps<{
+  index: number
+  passthroughDevices: UI_I_PciDevice[]
+  mediatedDevices: UI_I_MediatedDevice[]
+  type: UI_T_PciDeviceType
+  isRemovable: boolean
+  label: string
+  selectedLabel: string
+  pciDeviceTypeOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove'): void
+}>()
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -1,25 +1,25 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model="model"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-</template>
-
-<script lang="ts" setup>
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-}>()
-
-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'))
-)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model="model"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+</template>
+
+<script lang="ts" setup>
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+
+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'))
+)
+</script>
+
+<style lang="scss" scoped></style>