bfg-common 1.4.397 → 1.4.399

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/Menu.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.bootMenu }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="boot-menu"
-            v-model="bootMenuLocal"
-            data-id="boot-menu-checkbox"
-            type="checkbox"
-          />
-          <label for="boot-menu" class="label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  bootMenu: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:boot-menu', value: boolean): void
-}>()
-
-const bootMenuLocal = computed<boolean>({
-  get() {
-    return props.bootMenu
-  },
-  set(newValue) {
-    emits('update:boot-menu', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#boot-menu {
-  margin: 0 4px 4px 0;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/Secure.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.secureBoot }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="secure-boot"
-            v-model="secureBootLocal"
-            data-id="secure-boot-checkbox"
-            type="checkbox"
-          />
-          <label for="secure-boot" class="label-text-normal">{{
-            localization.common.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  secureBoot: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:secure-boot', value: boolean): void
-}>()
-
-const secureBootLocal = computed<boolean>({
-  get() {
-    return props.secureBoot
-  },
-  set(newValue) {
-    emits('update:secure-boot', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#secure-boot {
-  margin: 0 4px 4px 0;
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/delay/Delay.vue

@@ -1,54 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.bootDelay }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="boot-delay"
-            v-model="bootDelayLocal"
-            data-id="boot-delay-select"
-          >
-            <option
-              v-for="(item, key) in bootDelayOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </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'
-import { bootDelayOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/lib/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  bootDelay: number
-}>()
-const emits = defineEmits<{
-  (event: 'update:boot-delay', value: number): void
-}>()
-
-const bootDelayOptions = ref<UI_I_OptionItem[]>(bootDelayOptionsConfig)
-
-const bootDelayLocal = computed<number>({
-  get() {
-    return props.bootDelay
-  },
-  set(newValue) {
-    emits('update:boot-delay', newValue)
-  },
-})
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/delay/lib/config/config.ts

@@ -1,14 +0,0 @@
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const bootDelayOptionsConfig: UI_I_OptionItem[] = [
-  { text: '0', value: 0 },
-  { text: '1', value: 1_000 },
-  { text: '2', value: 2_000 },
-  { text: '3', value: 3_000 },
-  { text: '4', value: 4_000 },
-  { text: '5', value: 5_000 },
-  { text: '6', value: 6_000 },
-  { text: '7', value: 7_000 },
-  { text: '8', value: 8_000 },
-  { text: '9', value: 9_000 },
-]

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue

@@ -1,84 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.firmware }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-firmware-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-firmware-field"
-                v-model="firmwareLocal"
-                data-id="vm-wizard-firmware-select"
-              >
-                <option
-                  v-for="(item, key) in firmwareOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ 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_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { firmwareOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/lib/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  firmware: string
-  errorValidationFields: UI_I_ErrorValidationField[]
-  isEdit: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:firmware', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const firmwareOptions = ref<UI_I_OptionItem[]>(
-  firmwareOptionsFunc(localization.value)
-)
-
-const firmwareLocal = computed<string>({
-  get() {
-    return props.firmware
-  },
-  set(newValue) {
-    emits('update:firmware', newValue)
-  },
-})
-
-const typeError = 'options.boot_options.firmware'
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find((message) => message.field === typeError)
-      ?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError)
-}
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/firmware/lib/config/config.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 firmwareOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: `EFI (${localization.common.recommended})`, value: 'efi' },
-    { text: 'BIOS', value: 'bios' },
-  ]
-}

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/order/Order.vue

@@ -1,201 +0,0 @@
-<template>
-  <div class="boot-orders">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.bootOrder }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-list-drag-drop-list
-          :items="bootList"
-          grab-item-key="text"
-          @drop="onChangeOrder"
-        >
-          <template
-            v-for="(item, index) in bootList"
-            :key="index"
-            #[`leftSide${index}`]
-          >
-            <input
-              :id="`boot-order-${index}`"
-              v-model="item.isChecked"
-              :data-id="item.testId"
-              type="checkbox"
-            />
-          </template>
-          <template
-            v-for="(item, index) in bootList"
-            :key="bootList.length + index"
-            #[`rightSide${index}`]
-          >
-            <div :class="['device-icon', item.iconClassName]" />
-            <span>{{ item.text }}</span>
-          </template>
-        </atoms-list-drag-drop-list>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_BootItem } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces'
-import type {
-  UI_I_SendDataNewCdDvdDrive,
-  UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewNetwork,
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DropEvent } from '~/components/atoms/list/dragDropList/lib/config/events'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  hardDisks: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
-  networks: UI_I_SendDataNewNetwork[] | null
-}>()
-const emits = defineEmits<{
-  (
-    event: 'change',
-    value: [
-      UI_I_SendDataNewHardDisk[],
-      UI_I_SendDataNewCdDvdDrive[],
-      UI_I_SendDataNewNetwork[]
-    ]
-  ): void
-}>()
-
-const bootList = ref<UI_I_BootItem[]>([])
-
-const hardDisksAndNetworks = computed<
-  [
-    UI_I_SendDataNewHardDisk[] | null,
-    UI_I_SendDataNewCdDvdDrive[] | null,
-    UI_I_SendDataNewNetwork[] | null
-  ]
->(() => [props.hardDisks, props.cdDvdDrives, props.networks])
-watch(
-  hardDisksAndNetworks,
-  (
-    newValue: [
-      UI_I_SendDataNewHardDisk[] | null,
-      UI_I_SendDataNewCdDvdDrive[] | null,
-      UI_I_SendDataNewNetwork[] | null
-    ]
-  ) => {
-    const hardDisks: UI_I_BootItem[] =
-      newValue[0]?.map((item, index) => {
-        const order = item.boot_order || 0
-        return {
-          order,
-          isChecked: !!order,
-          text: `disk${index}`,
-          iconClassName: 'icon-disk',
-          type: 'disk',
-          name: item.source + index,
-          testId: `select-disk-value-${index + 1}`,
-        }
-      }) || []
-    const cdDvdDrives: UI_I_BootItem[] =
-      newValue[1]?.map((item, index) => {
-        const order = item.boot_order || 0
-        return {
-          order,
-          isChecked: !!order,
-          text: `cdrom${index}`,
-          iconClassName: 'icon-disk',
-          type: 'cdDvd',
-          name: item.source + index,
-          testId: `select-cd-dvd-value-${index + 1}`,
-        }
-      }) || []
-    const networks: UI_I_BootItem[] =
-      newValue[2]?.map((item, index) => {
-        const order = item.boot_order || 0
-        return {
-          order,
-          isChecked: !!order,
-          text: item.mac || 'undefined',
-          iconClassName: 'vsphere-icon-network',
-          type: 'nic',
-          name: item.network + index,
-          testId: `select-nic-value-${index + 1}`,
-        }
-      }) || []
-
-    bootList.value = [...hardDisks, ...cdDvdDrives, ...networks].sort(
-      (a, b) => a.order - b.order
-    )
-  },
-  { deep: true, immediate: true }
-)
-
-const onChangeOrder = (event: UI_I_DropEvent): void => {
-  let order = -1
-  bootList.value = bootList.value
-    .map((item) => {
-      if (item === event.target) {
-        item.order = event.toPosition
-        return item
-      }
-
-      item.order = order + 1 === event.toPosition ? (order += 2) : order++
-
-      return item
-    })
-    .sort((a, b) => a.order - b.order)
-}
-
-watch(
-  bootList,
-  (newValue) => {
-    const networks: UI_I_SendDataNewNetwork[] = []
-    const hardDisks: UI_I_SendDataNewHardDisk[] = []
-    const cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] = []
-    let index = 0
-    newValue.forEach((boot) => {
-      if (boot.type === 'nic') {
-        const network = props.networks?.find(
-          (network, index2) => network.network + index2 === boot.name
-        )
-        if (network) {
-          networks.push({
-            ...network,
-            boot_order: boot.isChecked ? ++index : 0,
-          })
-        }
-      } else if (boot.type === 'disk') {
-        const hardDisk = props.hardDisks?.find(
-          (hardDisk, index2) => hardDisk.source + index2 === boot.name
-        )
-        if (hardDisk) {
-          hardDisks.push({
-            ...hardDisk,
-            boot_order: boot.isChecked ? ++index : 0,
-          })
-        }
-      } else {
-        const cdDvdDrive = props.cdDvdDrives?.find(
-          (cdDvdDrive, index2) => cdDvdDrive.source + index2 === boot.name
-        )
-        if (cdDvdDrive) {
-          cdDvdDrives.push({
-            ...cdDvdDrive,
-            boot_order: boot.isChecked ? ++index : 0,
-          })
-        }
-      }
-    })
-
-    emits('change', [hardDisks, cdDvdDrives, networks])
-  },
-  { deep: true, immediate: true }
-)
-</script>
-
-<style scoped lang="scss">
-.boot-orders {
-  .device-icon {
-    margin-right: 6px;
-  }
-}
-</style>

package/components/common/vm/actions/common/_customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces.ts

@@ -1,9 +0,0 @@
-export interface UI_I_BootItem {
-  isChecked: boolean
-  order: number
-  text: string
-  iconClassName: string
-  name: string
-  type: 'nic' | 'disk' | 'cdDvd'
-  testId?: string
-}

package/components/common/vm/actions/common/_customizeHardware/vmoptions/generalOptions/GeneralOptions.vue

@@ -1,192 +0,0 @@
-<template>
-  <div class="general-options">
-    <atoms-stack-block
-      :has-children="true"
-      test-id="general-options-stack-block"
-      @toggle="blockIsOpen = $event"
-    >
-      <template #stackBlockKey>
-        <div
-          id="vm-wizard-toggle-block-general-options"
-          data-id="vm-wizard-toggle-block-general-options"
-          class="flex-align-center"
-        >
-          <span>{{ localization.common.generalOptions }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div v-show="!blockIsOpen">
-          {{ localization.common.vmName }}: {{ vmNameLocal }}
-        </div>
-      </template>
-      <template #stackChildren>
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.vmName }}
-          </template>
-          <template #stackBlockContent>
-            <span>{{ vmNameLocal }}</span>
-            <!--            <span v-if="!props.isEdit">{{ vmNameLocal }}</span>-->
-            <!--            <input-->
-            <!--              v-else-->
-            <!--              id="general-option-vm-name"-->
-            <!--              v-models="vmNameLocal"-->
-            <!--              type="text"-->
-            <!--            />-->
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.machineType }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="props.guestMachineType"
-              id="guest-machine-type-select"
-              v-model="guestMachineTypeLocal"
-              :disabled="isDisabled"
-              data-id="guest-machine-type-select"
-            >
-              <option
-                v-for="item in machineTypeOptions"
-                :key="item.value"
-                :value="item"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.guestOsFamily }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="props.guestOsFamily"
-              id="guest-os-family-select"
-              v-model="guestOsFamilyLocal"
-              data-id="guest-os-family-select"
-              :disabled="isDisabled"
-              @change="onChangeOS"
-            >
-              <option v-for="item in osOptions" :key="item.value" :value="item">
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.guestOsVersion }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="props.guestOsVersion"
-              id="guest-os-version-select"
-              v-model="guestOsVersionLocal"
-              data-id="guest-os-version-select"
-              :disabled="isDisabled"
-            >
-              <option
-                v-for="item in versionsOptions"
-                :key="item.value"
-                :value="item"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-      </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 { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  vmName: string
-  guestMachineType: UI_I_OptionItem | null
-  guestOsFamily: UI_I_OptionItem | null
-  guestOsVersion: UI_I_OptionItem | null
-  isEdit: boolean
-  isClone: boolean
-  state?: string | number
-}>()
-const emits = defineEmits<{
-  (event: 'update:vm-name', value: string): void
-  (event: 'update:guest-machine-type', value: UI_I_OptionItem | null): void
-  (event: 'update:guest-os-family', value: UI_I_OptionItem | null): void
-  (event: 'update:guest-os-version', value: UI_I_OptionItem | null): void
-}>()
-
-const isDisabled = computed<boolean>(
-  () => (!props.isEdit && !props.isClone) || (props.isEdit && props.state !== 1)
-)
-
-const vmNameLocal = computed<string>({
-  get() {
-    return props.vmName
-  },
-  set(newValue) {
-    emits('update:vm-name', newValue)
-  },
-})
-
-const guestMachineTypeLocal = computed<UI_I_OptionItem | null>({
-  get() {
-    return props.guestMachineType
-  },
-  set(newValue) {
-    emits('update:guest-machine-type', newValue)
-  },
-})
-const machineTypeOptions = ref<UI_I_OptionItem[]>(capabilities.machineTypes)
-
-const guestOsFamilyLocal = computed<UI_I_OptionItem | null>({
-  get() {
-    return props.guestOsFamily
-  },
-  set(newValue) {
-    emits('update:guest-os-family', newValue)
-  },
-})
-const osOptions = ref<UI_I_OptionItem[]>(capabilities.guestOsFamilies)
-const onChangeOS = (): void => {
-  guestOsVersionLocal.value = versionsOptions.value[0]
-}
-
-const guestOsVersionLocal = computed<UI_I_OptionItem | null>({
-  get() {
-    return props.guestOsVersion
-  },
-  set(newValue) {
-    emits('update:guest-os-version', newValue)
-  },
-})
-const versionsOptions = computed<UI_I_OptionItem[]>(() => {
-  if (!guestOsFamilyLocal.value) return []
-
-  return capabilities.guestOsVersions[guestOsFamilyLocal.value.value] || []
-})
-watch(
-  versionsOptions,
-  () => {
-    guestOsVersionLocal.value = versionsOptions.value[0]
-  }
-  // { immediate: true }
-)
-
-const blockIsOpen = ref<boolean>(false)
-</script>
-
-<style scoped lang="scss"></style>