bfg-common 1.5.420 → 1.5.421

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardNew.vue

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block
-    :has-children="true"
     test-id="video-card-stack-block"
+    has-children
     is-toggle-on-stack-view-key
   >
     <template #stackBlockKey>
@@ -75,17 +75,22 @@ const numberDisplays = defineModel<string>('numberDisplays', { required: true })
 // })
 const videoCardModel = defineModel<string>('videoCardModel', { required: true })
 
-const props = defineProps<{
-  isEdit: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-  videoCardModelName: string
-  errorText: string
-  isDisabled: boolean
-  isDisabledNumberDisplays: boolean
-  videoCardModelOptions: UI_I_OptionItem[]
-  numberDisplaysOptions: UI_I_OptionItem[]
-  state?: string | number
-}>()
+const props = withDefaults(
+  defineProps<{
+    isEdit: boolean
+    errorValidationFields: UI_I_ErrorValidationField[]
+    videoCardModelName: string
+    errorText: string
+    isDisabled: boolean
+    isDisabledNumberDisplays: boolean
+    videoCardModelOptions: UI_I_OptionItem[]
+    numberDisplaysOptions: UI_I_OptionItem[]
+    state?: string | number
+  }>(),
+  {
+    state: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'remove-error'): void
   (event: 'remove-error-by-title', value: string): void

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardOld.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hardware-video-card">
-    <atoms-stack-block :has-children="true" test-id="video-card-stack-block">
+    <atoms-stack-block test-id="video-card-stack-block" has-children>
       <template #stackBlockKey>
         <div
           id="vm-wizard-toggle-block-video-card"
@@ -89,17 +89,22 @@ const numberDisplays = defineModel<string>('numberDisplays', { required: true })
 // })
 const videoCardModel = defineModel<string>('videoCardModel', { required: true })
 
-const props = defineProps<{
-  isEdit: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-  videoCardModelName: string
-  errorText: string
-  isDisabled: boolean
-  isDisabledNumberDisplays: boolean
-  videoCardModelOptions: UI_I_OptionItem[]
-  numberDisplaysOptions: UI_I_OptionItem[]
-  state?: string | number
-}>()
+const props = withDefaults(
+  defineProps<{
+    isEdit: boolean
+    errorValidationFields: UI_I_ErrorValidationField[]
+    videoCardModelName: string
+    errorText: string
+    isDisabled: boolean
+    isDisabledNumberDisplays: boolean
+    videoCardModelOptions: UI_I_OptionItem[]
+    numberDisplaysOptions: UI_I_OptionItem[]
+    state?: string | number
+  }>(),
+  {
+    state: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'remove-error'): void
   (event: 'remove-error-by-title', value: string): void

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/Model.vue

@@ -4,7 +4,7 @@
     v-model:video-card-model="videoCardModel"
     :disabled="props.disabled"
     :video-card-model-options="videoCardModelOptions"
-    />
+  />
   <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-model-old
     v-else
     v-model:video-card-model="videoCardModel"
@@ -15,10 +15,8 @@
 
 <script setup lang="ts">
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import {
-  videoCardModelOptionsConfigFunc
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/lib/config/options'
-import type {UI_I_Localization} from "~/lib/models/interfaces";
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { videoCardModelOptionsConfigFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/lib/config/options'
 
 const videoCardModel = defineModel<string>('videoCardModel')
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue

@@ -1,53 +1,53 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays-new
-    v-if="isNewView"
-    v-model:number-displays="numberDisplays"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :number-displays-options="props.numberDisplaysOptions"
-    @remove-error="onRemoveValidationError"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays-old
-    v-else
-    v-model:number-displays="numberDisplays"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :number-displays-options="props.numberDisplaysOptions"
-    @remove-error="onRemoveValidationError"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const numberDisplays = defineModel<string>('numberDisplays', { required: true })
-
-const props = defineProps<{
-  numberDisplaysOptions: UI_I_OptionItem[]
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const typeError = 'video_card.displays'
-
-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>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays-new
+    v-if="isNewView"
+    v-model:number-displays="numberDisplays"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    :number-displays-options="props.numberDisplaysOptions"
+    @remove-error="onRemoveValidationError"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-number-displays-old
+    v-else
+    v-model:number-displays="numberDisplays"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    :number-displays-options="props.numberDisplaysOptions"
+    @remove-error="onRemoveValidationError"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const numberDisplays = defineModel<string>('numberDisplays', { required: true })
+
+const props = defineProps<{
+  numberDisplaysOptions: UI_I_OptionItem[]
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const typeError = 'video_card.displays'
+
+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/virtualHardware/videoCard/totalVideoMemory/TotalVideoMemory.vue

@@ -6,7 +6,7 @@
     :error-text="totalVideoMemoryLocalAndApiErrorsTexts"
     :total-video-memory-local-error-text="totalVideoMemoryLocalErrorText"
     @remove-error="onRemoveValidationError"
-    />
+  />
   <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-total-video-memory-old
     v-else
     v-model:total-video-memory="totalVideoMemoryLocal"
@@ -14,12 +14,16 @@
     :error-text="totalVideoMemoryLocalAndApiErrorsTexts"
     :total-video-memory-local-error-text="totalVideoMemoryLocalErrorText"
     @remove-error="onRemoveValidationError"
-    />
+  />
 </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 {
+  totalVideoMemoryMax,
+  totalVideoMemoryMin,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/totalVideoMemory/lib/config/options'
 
 const props = defineProps<{
   totalVideoMemory: number
@@ -53,8 +57,6 @@ const totalVideoMemoryLocal = computed<number>({
   },
 })
 
-const totalVideoMemoryMin = 8
-const totalVideoMemoryMax = 128
 const totalVideoMemoryLocalErrorText = computed<string>(() => {
   const outOfRange =
     !props.totalVideoMemory ||

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/totalVideoMemory/lib/config/options.ts

@@ -0,0 +1,3 @@
+export const totalVideoMemoryMin = 8
+
+export const totalVideoMemoryMax = 128

package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue

@@ -1,155 +1,163 @@
-<template>
-  <common-vm-actions-common-customize-hardware-vmoptions-new
-    v-if="isNewView"
-    v-model:vm-name="vmName"
-    v-model:guest-machine-type="guestMachineType"
-    v-model:guest-os-family="guestOsFamily"
-    v-model:guest-os-version="guestOsVersion"
-    v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
-    :hard-disks="props.hardDisks"
-    :cd-dvd-drives="props.cdDvdDrives"
-    :networks="props.networks"
-    :is-edit="props.isEdit"
-    :is-clone="props.isClone"
-    :error-validation-fields="props.errorValidationFields"
-    :options="props.options"
-    :state="props.state"
-    :compatibility-info="props.compatibilityInfo"
-    :is-vmt="props.isVmt"
-    @change-boot-order="emits('change-boot-order', $event)"
-    @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
-    @send-data-tools="sendDataToolsMethod"
-    @send-data-boot-options="sendDataBootOptionsMethod"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-  <common-vm-actions-common-customize-hardware-vmoptions-old
-    v-else
-    v-model:vm-name="vmName"
-    v-model:guest-machine-type="guestMachineType"
-    v-model:guest-os-family="guestOsFamily"
-    v-model:guest-os-version="guestOsVersion"
-    v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
-    :hard-disks="props.hardDisks"
-    :cd-dvd-drives="props.cdDvdDrives"
-    :networks="props.networks"
-    :is-edit="props.isEdit"
-    :is-clone="props.isClone"
-    :error-validation-fields="props.errorValidationFields"
-    :options="props.options"
-    :state="props.state"
-    :is-vmt="props.isVmt"
-    @change-boot-order="emits('change-boot-order', $event)"
-    @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
-    @send-data-tools="sendDataToolsMethod"
-    @send-data-boot-options="sendDataBootOptionsMethod"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_SendDataRemoteConsoleOptions,
-  UI_I_SendDataTools,
-  UI_I_SendDataBootOptions,
-  UI_I_SendDataVmoptions,
-} from '~/components/common/vm/actions/common/customizeHardware/vmoptions/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_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const vmName = defineModel<string>('vmName', { required: true })
-const guestMachineType = defineModel<UI_I_OptionItem | null>(
-  'guestMachineType',
-  {
-    required: true,
-  }
-)
-const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
-  required: true,
-})
-const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
-  required: true,
-})
-const remoteConsoleOptionsInvalid = defineModel<boolean>(
-  'remoteConsoleOptionsInvalid',
-  { required: true }
-)
-
-const props = defineProps<{
-  hardDisks: UI_I_SendDataNewHardDisk[] | null
-  cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
-  networks: UI_I_SendDataNewNetwork[] | null
-  isEdit: boolean
-  isClone: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-  options?: UI_I_SendDataVmoptions
-  state?: string | number
-  compatibilityInfo?: string
-  isVmt?: boolean
-}>()
-const emits = defineEmits<{
-  (
-    event: 'change-boot-order',
-    value: [
-      UI_I_SendDataNewHardDisk[],
-      UI_I_SendDataNewCdDvdDrive[],
-      UI_I_SendDataNewNetwork[]
-    ]
-  ): void
-  (event: 'send-data', value: UI_I_SendDataVmoptions): void
-  (event: 'invalid', value: string[]): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const sendDataRemoteConsoleOptions =
-  ref<UI_I_SendDataRemoteConsoleOptions | null>(null)
-const sendDataRemoteConsoleOptionsMethod = (
-  data: UI_I_SendDataRemoteConsoleOptions
-): void => {
-  sendDataRemoteConsoleOptions.value = data
-  sendData()
-}
-
-const sendDataTools = ref<UI_I_SendDataTools | null>(null)
-const sendDataToolsMethod = (data: UI_I_SendDataTools): void => {
-  sendDataTools.value = data
-  sendData()
-}
-
-const sendDataBootOptions = ref<UI_I_SendDataBootOptions | null>(null)
-const sendDataBootOptionsMethod = (data: UI_I_SendDataBootOptions): void => {
-  sendDataBootOptions.value = data
-  sendData()
-}
-
-const sendData = (): void => {
-  emits('send-data', {
-    remote_console: sendDataRemoteConsoleOptions.value,
-    guest_tools: sendDataTools.value,
-    boot_options: sendDataBootOptions.value,
-  })
-}
-
-watch(
-  remoteConsoleOptionsInvalid,
-  (newValue) => {
-    const remoteConsoleOptions = newValue
-      ? localization.value.common.remoteConsoleOptions
-      : ''
-    emits('invalid', [remoteConsoleOptions])
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-vmoptions-new
+    v-if="isNewView"
+    v-model:vm-name="vmName"
+    v-model:guest-machine-type="guestMachineType"
+    v-model:guest-os-family="guestOsFamily"
+    v-model:guest-os-version="guestOsVersion"
+    v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
+    :hard-disks="props.hardDisks"
+    :cd-dvd-drives="props.cdDvdDrives"
+    :networks="props.networks"
+    :is-edit="props.isEdit"
+    :is-clone="props.isClone"
+    :error-validation-fields="props.errorValidationFields"
+    :options="props.options"
+    :state="props.state"
+    :compatibility-info="props.compatibilityInfo"
+    :is-vmt="props.isVmt"
+    @change-boot-order="emits('change-boot-order', $event)"
+    @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
+    @send-data-tools="sendDataToolsMethod"
+    @send-data-boot-options="sendDataBootOptionsMethod"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+  <common-vm-actions-common-customize-hardware-vmoptions-old
+    v-else
+    v-model:vm-name="vmName"
+    v-model:guest-machine-type="guestMachineType"
+    v-model:guest-os-family="guestOsFamily"
+    v-model:guest-os-version="guestOsVersion"
+    v-model:remote-console-options-invalid="remoteConsoleOptionsInvalid"
+    :hard-disks="props.hardDisks"
+    :cd-dvd-drives="props.cdDvdDrives"
+    :networks="props.networks"
+    :is-edit="props.isEdit"
+    :is-clone="props.isClone"
+    :error-validation-fields="props.errorValidationFields"
+    :options="props.options"
+    :state="props.state"
+    :is-vmt="props.isVmt"
+    @change-boot-order="emits('change-boot-order', $event)"
+    @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
+    @send-data-tools="sendDataToolsMethod"
+    @send-data-boot-options="sendDataBootOptionsMethod"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_SendDataRemoteConsoleOptions,
+  UI_I_SendDataTools,
+  UI_I_SendDataBootOptions,
+  UI_I_SendDataVmoptions,
+} from '~/components/common/vm/actions/common/customizeHardware/vmoptions/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_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const vmName = defineModel<string>('vmName', { required: true })
+const guestMachineType = defineModel<UI_I_OptionItem | null>(
+  'guestMachineType',
+  {
+    required: true,
+  }
+)
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
+  required: true,
+})
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
+  required: true,
+})
+const remoteConsoleOptionsInvalid = defineModel<boolean>(
+  'remoteConsoleOptionsInvalid',
+  { required: true }
+)
+
+const props = withDefaults(
+  defineProps<{
+    hardDisks: UI_I_SendDataNewHardDisk[] | null
+    cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
+    networks: UI_I_SendDataNewNetwork[] | null
+    isEdit: boolean
+    isClone: boolean
+    errorValidationFields: UI_I_ErrorValidationField[]
+    options?: UI_I_SendDataVmoptions
+    state?: string | number
+    compatibilityInfo?: string
+    isVmt?: boolean
+  }>(),
+  {
+    options: undefined,
+    state: undefined,
+    compatibilityInfo: undefined,
+    isVmt: undefined,
+  }
+)
+const emits = defineEmits<{
+  (
+    event: 'change-boot-order',
+    value: [
+      UI_I_SendDataNewHardDisk[],
+      UI_I_SendDataNewCdDvdDrive[],
+      UI_I_SendDataNewNetwork[]
+    ]
+  ): void
+  (event: 'send-data', value: UI_I_SendDataVmoptions): void
+  (event: 'invalid', value: string[]): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const sendDataRemoteConsoleOptions =
+  ref<UI_I_SendDataRemoteConsoleOptions | null>(null)
+const sendDataRemoteConsoleOptionsMethod = (
+  data: UI_I_SendDataRemoteConsoleOptions
+): void => {
+  sendDataRemoteConsoleOptions.value = data
+  sendData()
+}
+
+const sendDataTools = ref<UI_I_SendDataTools | null>(null)
+const sendDataToolsMethod = (data: UI_I_SendDataTools): void => {
+  sendDataTools.value = data
+  sendData()
+}
+
+const sendDataBootOptions = ref<UI_I_SendDataBootOptions | null>(null)
+const sendDataBootOptionsMethod = (data: UI_I_SendDataBootOptions): void => {
+  sendDataBootOptions.value = data
+  sendData()
+}
+
+const sendData = (): void => {
+  emits('send-data', {
+    remote_console: sendDataRemoteConsoleOptions.value,
+    guest_tools: sendDataTools.value,
+    boot_options: sendDataBootOptions.value,
+  })
+}
+
+watch(
+  remoteConsoleOptionsInvalid,
+  (newValue) => {
+    const remoteConsoleOptions = newValue
+      ? localization.value.common.remoteConsoleOptions
+      : ''
+    emits('invalid', [remoteConsoleOptions])
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>