bfg-common 1.4.736 → 1.4.737

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddressOld.vue

@@ -1,83 +1,83 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.macAddress }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <atoms-tooltip-error
-            :has-error="!!props.errorText"
-            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
-            @remove="emits('remove-error')"
-          >
-            <template #elem>
-              <input
-                :id="`vm-wizard-network-mac-address-field-${props.index}`"
-                v-model="macAddress"
-                type="text"
-                :data-id="`vm-wizard-network-mac-address-field-${props.index}`"
-                :disabled="macAddressType === 'automatic' || props.disabled"
-                :class="[
-                  `vm-wizard-network-mac-address-field-${props.index}`,
-                  { 'has-error': props.macAddressLocalErrorText },
-                ]"
-              />
-            </template>
-            <template #content>
-              {{ props.errorText }}
-            </template>
-          </atoms-tooltip-error>
-
-          <div class="select">
-            <select
-              :id="`mac-address-select-${props.index}`"
-              v-model="macAddressType"
-              :data-id="`mac-address-select-${props.index}`"
-              :disabled="props.disabled"
-            >
-              <option
-                v-for="(item, key) in props.macAddressOptions"
-                :key="key"
-                :value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</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'
-
-const macAddress = defineModel<string>('macAddress', { required: true })
-const macAddressType = defineModel<string>('macAddressType', {
-  required: true,
-})
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  macAddressLocalErrorText: string
-  macAddressOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.has-error {
-  border: 1px solid #db2100;
-}
-</style>
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.macAddress }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <atoms-tooltip-error
+            :has-error="!!props.errorText"
+            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
+            @remove="emits('remove-error')"
+          >
+            <template #elem>
+              <input
+                :id="`vm-wizard-network-mac-address-field-${props.index}`"
+                v-model="macAddress"
+                type="text"
+                :data-id="`vm-wizard-network-mac-address-field-${props.index}`"
+                :disabled="macAddressType === 'automatic' || props.disabled"
+                :class="[
+                  `vm-wizard-network-mac-address-field-${props.index}`,
+                  { 'has-error': props.macAddressLocalErrorText },
+                ]"
+              />
+            </template>
+            <template #content>
+              {{ props.errorText }}
+            </template>
+          </atoms-tooltip-error>
+
+          <div class="select">
+            <select
+              :id="`mac-address-select-${props.index}`"
+              v-model="macAddressType"
+              :data-id="`mac-address-select-${props.index}`"
+              :disabled="props.disabled"
+            >
+              <option
+                v-for="(item, key) in props.macAddressOptions"
+                :key="key"
+                :value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </div>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</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'
+
+const macAddress = defineModel<string>('macAddress', { required: true })
+const macAddressType = defineModel<string>('macAddressType', {
+  required: true,
+})
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  macAddressLocalErrorText: string
+  macAddressOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.has-error {
+  border: 1px solid #db2100;
+}
+</style>

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

@@ -1,184 +1,193 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-new
-    v-if="isNewView"
-    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')"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-old
-    v-else
-    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_PciDevice } from '~/lib/models/store/vm/interfaces'
-import { pciDeviceTypeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options'
-
-const props = defineProps<{
-  index: number
-  pciDevice: UI_I_SendDataNewPciDevice
-  passthroughDevices: UI_I_PciDevice[]
-  mediatedDevices: any[]
-  type: UI_T_PciDeviceType
-  isEdit: boolean
-  state?: string | number
-  // errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-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 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>(() => {
-  switch (selectedType.value.value) {
-    case 'direct_path_io':
-      return `${directPathIo.value.address} | ${directPathIo.value.device_name}`
-    case 'dynamic_direct_path_io':
-      return dynamicDirectPathIo.value
-    default:
-      return nvidiaGridProfile.value
-  }
-})
-
-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<UI_I_PciDevice>(props.passthroughDevices[0])
-const dynamicDirectPathIo = ref<string>('')
-const nvidiaGridProfile = ref<any>(props.mediatedDevices[0]?.value)
-
-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 mediatedDevice = props.mediatedDevices.find((device) => {
-        return (
-          device.profile_name + '_' + device.root_device ===
-          newValue1.class_name + '_' + newValue1.address
-        )
-      })
-      if (mediatedDevice) {
-        nvidiaGridProfile.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 nvidea = props.mediatedDevices.find(
-    (device) =>
-      nvidiaGridProfile.value === device.profile_name + '_' + device.root_device
-  )
-  switch (selectedType.value.value) {
-    case 'direct_path_io':
-      return {
-        address: directPathIo.value.address,
-        vendor_name: directPathIo.value.vendor_name,
-        class_name: directPathIo.value.class_name,
-        device_name: directPathIo.value.device_name,
-        mediated_devices: false,
-      }
-    case 'dynamic_direct_path_io':
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-        mediated_devices: false,
-      }
-    case 'nvidia_grid':
-      return {
-        address: nvidea?.root_device || '',
-        vendor_name: '',
-        class_name: nvidea?.profile_name || '',
-        device_name: nvidea?.name || '',
-        mediated_devices: true,
-        mediated_devices_uuid: '',
-      }
-    default:
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-        mediated_devices: false,
-      }
-  }
-})
-
-watch(
-  sendData,
-  (newValue) => {
-    emits('send-data', newValue)
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-new
+    v-if="isNewView"
+    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')"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-old
+    v-else
+    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 = 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>[]
+}>()
+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 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>(() => {
+  switch (selectedType.value.value) {
+    case 'direct_path_io':
+      return `${directPathIo.value.address} | ${directPathIo.value.device_name}`
+    case 'dynamic_direct_path_io':
+      return dynamicDirectPathIo.value
+    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<UI_I_PciDevice>(props.passthroughDevices[0])
+const dynamicDirectPathIo = ref<string>('')
+// const nvidiaGridProfile = ref<any>(props.mediatedDevices[0]?.value)
+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 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: directPathIo.value.address,
+        vendor_name: directPathIo.value.vendor_name,
+        class_name: directPathIo.value.class_name,
+        device_name: directPathIo.value.device_name,
+        mediated_devices: false,
+      }
+    case 'dynamic_direct_path_io':
+      return {
+        address: '',
+        vendor_name: '',
+        class_name: '',
+        device_name: '',
+        mediated_devices: false,
+      }
+    case 'nvidia_grid':
+      return {
+        address: nvidia?.root_device || '',
+        vendor_name: '',
+        class_name: nvidia?.profile_name || '',
+        device_name: nvidia?.name || '',
+        mediated_devices: true,
+        mediated_devices_uuid: '',
+      }
+    default:
+      return {
+        address: '',
+        vendor_name: '',
+        class_name: '',
+        device_name: '',
+        mediated_devices: false,
+      }
+  }
+})
+
+watch(
+  sendData,
+  (newValue) => {
+    emits('send-data', newValue)
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -27,47 +27,23 @@
           :pci-device-index="props.index"
         />
 
-        <!-- v-show="selectedType.value === 'dynamic_direct_path_io'" -->
         <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
-          v-show="selectedType.value === 'nvidia_grid'"
-          v-model="nvidiaGridProfile"
-          :pci-device-index="props.index"
-          :mediated-devices="props.mediatedDevices"
-        />
-        <!-- v-show="selectedType.value === 'nvidia_grid'" -->
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
-          v-show="selectedType.value === 'direct_path_io'"
-          v-model="directPathIo"
-          :pci-device-index="props.index"
-        />
-        <!-- v-show="selectedType.value === 'direct_path_io'" -->
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
           v-show="selectedType.value === 'dynamic_direct_path_io'"
           v-model="dynamicDirectPathIo"
           :pci-device-index="props.index"
           :passthrough-devices="props.passthroughDevices"
         />
-
-        <!-- v-show="selectedType.value === 'dynamic_direct_path_io'" -->
-        <!-- <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
           v-show="selectedType.value === 'nvidia_grid'"
-          v-model="dynamicDirectPathIo"
+          v-model="nvidiaGridProfile"
           :pci-device-index="props.index"
           :mediated-devices="props.mediatedDevices"
-        /> -->
-        <!-- v-show="selectedType.value === 'nvidia_grid'" -->
-        <!-- <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
+        />
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
           v-show="selectedType.value === 'direct_path_io'"
-          v-model="nvidiaGridProfile"
-          :pci-device-index="props.index"
-        /> -->
-        <!-- v-show="selectedType.value === 'direct_path_io'" -->
-        <!-- <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-          v-show="selectedType.value === 'dynamic_direct_path_io'"
           v-model="directPathIo"
           :pci-device-index="props.index"
-          :passthrough-devices="props.passthroughDevices"
-        /> -->
+        />
       </template>
 
       <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
@@ -78,7 +54,7 @@
 <script setup lang="ts">
 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_PciDevice } from '~/lib/models/store/vm/interfaces'
+import type {UI_I_MediatedDevice, UI_I_PciDevice} from '~/lib/models/store/vm/interfaces'
 
 const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
   required: true,
@@ -96,7 +72,7 @@ const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
 const props = defineProps<{
   index: number
   passthroughDevices: UI_I_PciDevice[]
-  mediatedDevices: any[]
+  mediatedDevices: UI_I_MediatedDevice[]
   type: UI_T_PciDeviceType
   isRemovable: boolean
   label: string
@@ -108,4 +84,8 @@ const emits = defineEmits<{
 }>()
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+:deep(.stack-block.not-children .stack-block-label) {
+  height: auto;
+}
+</style>