bfg-common 1.4.398 → 1.4.400

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newNetwork/adapterType/AdapterType.vue

@@ -1,87 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.adapterType }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          :selector="`.vm-wizard-network-model-field-${props.index}`"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                :id="`vm-wizard-network-model-field-${props.index}`"
-                v-model="adapterTypeLocal"
-                :data-id="`vm-wizard-network-model-field-${props.index}`"
-                :class="`vm-wizard-network-model-field-${props.index}`"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in adapterTypeOptions"
-                  :key="key"
-                  :value="item.value"
-                  :disabled="item.disabled"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ apiError }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { adapterTypeOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/adapterType/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  adapterType: string
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:adapter-type', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const adapterTypeOptions = ref<UI_I_OptionItem[]>(adapterTypeOptionsConfig)
-
-const adapterTypeLocal = computed<string>({
-  get() {
-    return props.adapterType
-  },
-  set(newValue) {
-    emits('update:adapter-type', newValue)
-  },
-})
-
-const typeError = computed<string>(
-  () => `network_devices[${props.index}].model`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newNetwork/adapterType/lib/config/options.ts

@@ -1,9 +0,0 @@
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const adapterTypeOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'Paravirtual', value: 'virtio' },
-  { text: 'E1000', value: 'e1000' },
-  { text: 'RTL8139', value: 'rtl8139' },
-  { text: 'VMXNET 3', value: 'vmxnet3' },
-  { text: 'SR-IOV passthrough', value: '', disabled: true },
-]

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue

@@ -1,148 +0,0 @@
-<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="!!macAddressLocalAndApiErrorsTexts"
-            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
-            @remove="onRemoveValidationError"
-          >
-            <template #elem>
-              <input
-                :id="`vm-wizard-network-mac-address-field-${props.index}`"
-                type="text"
-                :value="props.macAddress"
-                :data-id="`vm-wizard-network-mac-address-field-${props.index}`"
-                :disabled="
-                  props.macAddressType === 'automatic' || props.disabled
-                "
-                :class="[
-                  `vm-wizard-network-mac-address-field-${props.index}`,
-                  { 'has-error': macAddressLocalErrorText },
-                ]"
-                @input="onChangeMacAddress"
-              />
-            </template>
-            <template #content>
-              {{ macAddressLocalAndApiErrorsTexts }}
-            </template>
-          </atoms-tooltip-error>
-
-          <div class="select">
-            <select
-              :id="`mac-address-select-${props.index}`"
-              :value="props.macAddressType"
-              :data-id="`mac-address-select-${props.index}`"
-              :disabled="props.disabled"
-              @change="onChangeMacAddressType"
-            >
-              <option
-                v-for="(item, key) in 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,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import { macAddressOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  macAddressType: string
-  macAddress: string
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:mac-address', value: string): void
-  (event: 'update:mac-address-type', value: string): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const macAddressOptions = ref<UI_I_OptionItem[]>(
-  macAddressOptionsFunc(localization.value)
-)
-
-const onChangeMacAddressType = (event: UI_I_HTMLSelectElement): void => {
-  emits('update:mac-address-type', event.target.value)
-  emits(
-    'update:mac-address',
-    event.target.value === 'manual' ? '00:50:56:' : ''
-  )
-}
-const onChangeMacAddress = (event: Event): void => {
-  const target = event.target as HTMLInputElement
-  emits('update:mac-address', target.value)
-}
-
-const macAddressLocalErrorText = computed<string>(() => {
-  /* eslint-disable no-useless-escape */
-  const isValidMacAddress =
-    /^[0-9a-f]{1,2}([\.:-])(?:[0-9a-f]{1,2}\1){4}[0-9a-f]{1,2}$/.test(
-      props.macAddress
-    )
-
-  return props.macAddressType === 'manual' && !isValidMacAddress
-    ? localization.value.common.invalidMacAddress
-    : ''
-})
-watch(macAddressLocalErrorText, (text) => {
-  emits('invalid', !!text.length)
-})
-
-const typeError = computed<string>(
-  () => `network_devices[${props.index}].mac_address`
-)
-
-const apiErrorLocal = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const macAddressLocalAndApiErrorsTexts = computed<string>(() => {
-  const localError = macAddressLocalErrorText.value
-  const apiError = apiErrorLocal.value
-
-  let result = ''
-  if (localError && !apiError) result = localError
-  if (!localError && apiError) result = apiError
-  if (localError && apiError) result = localError + ', ' + apiError
-  if (!localError && apiError) result = apiError
-
-  return result
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped lang="scss">
-.has-error {
-  border: 1px solid #db2100;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newNetwork/macAddress/lib/config/options.ts

@@ -1,11 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const macAddressOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.manual, value: 'manual' },
-    { text: localization.common.automatic, value: 'automatic' },
-  ]
-}

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

@@ -1,168 +0,0 @@
-<template>
-  <div class="hardware-pci-device">
-    <atoms-stack-block
-      :has-children="true"
-      :removable="isRemovable"
-      test-id="pci-device-stack-block"
-      @remove="onRemovePciDevice"
-    >
-      <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>{{ label }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <span class="main-label">
-          {{ 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="pciDeviceTypeOptions"
-            :pci-device-index="props.index"
-          />
-
-          <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"
-            :passthrough-devices="props.passthroughDevices"
-          />
-          <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"
-          />
-        </template>
-
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
-      </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'
-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 { pciDeviceTypeOptionsConfig } 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[]
-  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 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[]>(pciDeviceTypeOptionsConfig)
-const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptionsConfig[0])
-
-const directPathIo = ref<UI_I_PciDevice>(props.passthroughDevices[0])
-const dynamicDirectPathIo = ref<string>('')
-const nvidiaGridProfile = ref<string>('')
-
-watch(
-  props.pciDevice,
-  (newValue) => {
-    // const passthroughDevice = props.passthroughDevices.find(
-    //   (item) => item.address === newValue.address
-    // )
-    // passthroughDevice && (directPathIo.value = passthroughDevice) // Todo change
-    newValue && (directPathIo.value = newValue)
-  },
-  { immediate: true }
-)
-
-const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
-  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,
-      }
-    case 'dynamic_direct_path_io':
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-      }
-    default:
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-      }
-  }
-})
-
-watch(
-  sendData,
-  (newValue) => {
-    emits('send-data', newValue)
-  },
-  { immediate: true }
-)
-
-const onRemovePciDevice = (): void => {
-  emits('remove')
-}
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>

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

@@ -1,48 +0,0 @@
-<template>
-  <atoms-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <div class="select">
-        <select
-          id="direct-path-io"
-          v-model="valueLocal"
-          data-id="direct-path-io-select"
-        >
-          <option
-            v-for="item in props.passthroughDevices"
-            :key="item.id"
-            :value="item"
-          >
-            {{ item.address }} | {{ item.device_name }}
-          </option>
-        </select>
-      </div>
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import {
-  UI_I_ConfigureAllPciDevicesItem,
-  UI_I_ConfigurePciDevicesTable,
-} from '~/lib/models/store/host/interfaces'
-
-const props = defineProps<{
-  modelValue: UI_I_ConfigureAllPciDevicesItem
-  pciDeviceIndex: number
-  passthroughDevices: UI_I_ConfigurePciDevicesTable
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: UI_I_ConfigureAllPciDevicesItem): void
-}>()
-
-const valueLocal = computed<UI_I_ConfigureAllPciDevicesItem>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: UI_I_ConfigureAllPciDevicesItem) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,49 +0,0 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.pciDevice }}
-      </template>
-      <template #stackBlockContent>
-        <div>{{ localization.common.connectAnyFollowing }}:</div>
-        <atoms-select-the-select
-          v-model="localValue"
-          :options="options"
-          test-id="dynamic-direct-path-io-select"
-        >
-          <span class="text-uppercase">{{ localization.common.selectHardware }}</span>
-        </atoms-select-the-select>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-import { optionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/lib/config/options'
-
-const props = defineProps<{
-  modelValue: string
-  pciDeviceIndex: number
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: string): void
-}>()
-
-const localValue = computed<string>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue) {
-    emits('update:model-value', newValue)
-  },
-})
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const options = ref<UI_I_Option[]>(optionsConfig)
-localValue.value = '' + options.value[0].value
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/lib/config/options.ts

@@ -1,10 +0,0 @@
-export const optionsConfig = [
-  {
-    text: 'NetXtreme BCM5719 Gigabit Ethernet',
-    value: 'net_xtreme_BCM5719_gigabit_ethernet',
-  },
-  {
-    text: 'NetXtreme BCM5719 Gigabit Ethernet (NEWNETPCI)',
-    value: 'net_xtreme_BCM5719_gigabit_ethernet_NEWNETPCI',
-  },
-]

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newPciDevice/lib/config/options.ts

@@ -1,7 +0,0 @@
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const pciDeviceTypeOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'DP I/O', value: 'direct_path_io' },
-  { text: 'Dynamic DP I/O', value: 'dynamic_direct_path_io' },
-  { text: 'GRID vGPU', value: 'nvidia_grid' },
-]

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newPciDevice/note/Note.vue

@@ -1,27 +0,0 @@
-<template>
-  <atoms-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <span>
-        <atoms-the-icon
-          name="warning"
-          width="16px"
-          heigth="16px"
-          class="note-icon"
-        />
-      </span>
-      <span>{{ localization.common.note }}: {{ localization.common.pciDeviceNote }}</span>
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.note-icon {
-  margin-bottom: -4px;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGrid.vue

@@ -1,42 +0,0 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.nvidiaGridGpuProfile }}
-      </template>
-      <template #stackBlockContent>
-        <input
-          :id="`nvidia-grid-${props.pciDeviceIndex}`"
-          v-model="profile"
-          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"
-          type="text"
-        />
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  modelValue: string
-  pciDeviceIndex: number
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: string): void
-}>()
-
-const profile = computed<string>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue) {
-    emits('update:model-value', newValue)
-  },
-})
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelection.vue

@@ -1,57 +0,0 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <div
-            v-for="(item, index) in options"
-            :key="item"
-            class="flex-align-center"
-          >
-            <input
-              :id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
-              v-model="selectedType"
-              type="radio"
-              :value="item"
-              :disabled="!!index"
-              :data-id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
-            />
-            <label
-              :for="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
-              >{{ item.text }}</label
-            >
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const props = defineProps<{
-  modelValue: UI_I_OptionItem
-  options: UI_I_OptionItem[]
-  pciDeviceIndex: number
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: UI_I_OptionItem): void
-}>()
-
-const selectedType = computed<UI_I_OptionItem>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: UI_I_OptionItem) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-input,
-label {
-  margin-right: 4px;
-}
-</style>