bfg-common 1.5.595 → 1.5.596

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/coresPerSocket/CoresPerSocket.vue

@@ -1,81 +1,81 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:selected-core-per-socket="selectedCorePerSocketLocal"
-    :disabled="props.disabled"
-    :api-error="apiError"
-    :socket-options="socketOptions"
-    :sockets-count="socketsCount"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-</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 props = defineProps<{
-  cpuOptions: UI_I_OptionItem[]
-  selectedCpus: number[]
-  selectedCorePerSocket: number
-  isEdit: boolean
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:selected-core-per-socket', value: number): void
-  (event: 'remove-error-by-title', value: string): 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 apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === 'cpu.core_per_socket'
-    )?.error_message || ''
-  )
-})
-
-const socketOptions = computed<number[]>(() => {
-  const result = []
-  const cpus = props.cpuOptions[1].value
-  for (let i = 1; i <= cpus; i++) {
-    const isCommonDivisor = props.selectedCpus.every(
-      (cpu) => i <= cpu && (cpu % i === 0 || i === 1)
-    )
-    if (isCommonDivisor || props.disabled) {
-      result.push(i)
-    }
-  }
-  return result
-})
-watch(
-  socketOptions,
-  () => {
-    !socketOptions.value.includes(selectedCorePerSocketLocal.value) &&
-      !props.disabled &&
-      (selectedCorePerSocketLocal.value = 1)
-  },
-  { deep: true }
-)
-const socketsCount = computed<number>(() => {
-  return props.selectedCpus[0] / props.selectedCorePerSocket
-})
-const selectedCorePerSocketLocal = computed<number>({
-  get() {
-    return props.selectedCorePerSocket
-  },
-  set(newValue) {
-    emits('update:selected-core-per-socket', +newValue)
-  },
-})
-</script>
-
-<style scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:selected-core-per-socket="selectedCorePerSocketLocal"
+    :disabled="props.disabled"
+    :api-error="apiError"
+    :socket-options="socketOptions"
+    :sockets-count="socketsCount"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+</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 props = defineProps<{
+  cpuOptions: UI_I_OptionItem[]
+  selectedCpus: number[]
+  selectedCorePerSocket: number
+  isEdit: boolean
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'update:selected-core-per-socket', value: number): void
+  (event: 'remove-error-by-title', value: string): 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 apiError = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === 'cpu.core_per_socket'
+    )?.error_message || ''
+  )
+})
+
+const socketOptions = computed<number[]>(() => {
+  const result = []
+  const cpus = props.cpuOptions[1].value
+  for (let i = 1; i <= cpus; i++) {
+    const isCommonDivisor = props.selectedCpus.every(
+      (cpu) => i <= cpu && (cpu % i === 0 || i === 1)
+    )
+    if (isCommonDivisor || props.disabled) {
+      result.push(i)
+    }
+  }
+  return result
+})
+watch(
+  socketOptions,
+  () => {
+    !socketOptions.value.includes(selectedCorePerSocketLocal.value) &&
+      !props.disabled &&
+      (selectedCorePerSocketLocal.value = 1)
+  },
+  { deep: true }
+)
+const socketsCount = computed<number>(() => {
+  return props.selectedCpus[0] / props.selectedCorePerSocket
+})
+const selectedCorePerSocketLocal = computed<number>({
+  get() {
+    return props.selectedCorePerSocket
+  },
+  set(newValue) {
+    emits('update:selected-core-per-socket', +newValue)
+  },
+})
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/hotPlug/HotPlug.vue

@@ -1,40 +1,40 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:enable-cpu-hot-add="enableCpuHotAddLocal"
-    :disabled="props.disabled"
-  />
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  enableCpuHotAdd: boolean
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:enable-cpu-hot-add', value: boolean): 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 enableCpuHotAddLocal = ref(false)
-// const enableCpuHotAddLocal = defineModel('enableCpuHotAdd', {
-//   required: true,
-// })
-const enableCpuHotAddLocal = computed<boolean>({
-  get() {
-    return props.enableCpuHotAdd
-  },
-  set(newValue: boolean) {
-    emits('update:enable-cpu-hot-add', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:enable-cpu-hot-add="enableCpuHotAddLocal"
+    :disabled="props.disabled"
+  />
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  enableCpuHotAdd: boolean
+  disabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'update:enable-cpu-hot-add', value: boolean): 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 enableCpuHotAddLocal = ref(false)
+// const enableCpuHotAddLocal = defineModel('enableCpuHotAdd', {
+//   required: true,
+// })
+const enableCpuHotAddLocal = computed<boolean>({
+  get() {
+    return props.enableCpuHotAdd
+  },
+  set(newValue: boolean) {
+    emits('update:enable-cpu-hot-add', newValue)
+  },
+})
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/maxCpu/MaxCpu.vue

@@ -1,91 +1,91 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:selected-max-cpu.number="selectedMaxCpu"
-    :cpu-options="props.cpuOptions"
-    :disabled="props.disabled"
-    :error-text="maxVcpusLocalAndApiErrorsTexts"
-    @remove-error="onRemoveError"
-  />
-</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'
-
-const selectedMaxCpu = defineModel<number>('selectedMaxCpu', {
-  required: true,
-})
-
-const props = defineProps<{
-  cpuOptions: UI_I_OptionItem[]
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'invalid', value: boolean): void
-  (event: 'remove-error-by-title', value: string): 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 apiErrorLocal = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === 'cpu.max_vcpus'
-    )?.error_message || ''
-  )
-})
-
-const errorTextLocal = computed<string>(() => {
-  const validValue = /^\d+(\.\d+)?$/.test(selectedMaxCpu.value + '')
-  if (!validValue) {
-    return localization.value.common.inputContainsInvalidCharacters
-  }
-
-  const min = props.cpuOptions[0].value
-  const max = props.cpuOptions[1].value
-  if (selectedMaxCpu.value < min || selectedMaxCpu.value > max) {
-    return localization.value.vmWizard.cpuMustBe
-      .replace('{0}', min)
-      .replace('{1}', max)
-  }
-
-  return ''
-})
-const maxVcpusLocalAndApiErrorsTexts = computed<string>(() => {
-  const localError = errorTextLocal.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 isInvalid = computed<boolean>(() => !!errorTextLocal.value)
-watch(
-  isInvalid,
-  (newValue) => {
-    emits('invalid', newValue)
-  },
-  { immediate: true }
-)
-
-const onRemoveError = (): void => {
-  emits('remove-error-by-title', 'cpu.max_vcpus')
-}
-</script>
-
-<style scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:selected-max-cpu.number="selectedMaxCpu"
+    :cpu-options="props.cpuOptions"
+    :disabled="props.disabled"
+    :error-text="maxVcpusLocalAndApiErrorsTexts"
+    @remove-error="onRemoveError"
+  />
+</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'
+
+const selectedMaxCpu = defineModel<number>('selectedMaxCpu', {
+  required: true,
+})
+
+const props = defineProps<{
+  cpuOptions: UI_I_OptionItem[]
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'invalid', value: boolean): void
+  (event: 'remove-error-by-title', value: string): 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 apiErrorLocal = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === 'cpu.max_vcpus'
+    )?.error_message || ''
+  )
+})
+
+const errorTextLocal = computed<string>(() => {
+  const validValue = /^\d+(\.\d+)?$/.test(selectedMaxCpu.value + '')
+  if (!validValue) {
+    return localization.value.common.inputContainsInvalidCharacters
+  }
+
+  const min = props.cpuOptions[0].value
+  const max = props.cpuOptions[1].value
+  if (selectedMaxCpu.value < min || selectedMaxCpu.value > max) {
+    return localization.value.vmWizard.cpuMustBe
+      .replace('{0}', min)
+      .replace('{1}', max)
+  }
+
+  return ''
+})
+const maxVcpusLocalAndApiErrorsTexts = computed<string>(() => {
+  const localError = errorTextLocal.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 isInvalid = computed<boolean>(() => !!errorTextLocal.value)
+watch(
+  isInvalid,
+  (newValue) => {
+    emits('invalid', newValue)
+  },
+  { immediate: true }
+)
+
+const onRemoveError = (): void => {
+  emits('remove-error-by-title', 'cpu.max_vcpus')
+}
+</script>
+
+<style scoped></style>

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

@@ -1,92 +1,92 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:passthrough-host-cpu="passthroughHostCpu"
-    v-model:host-model-cpu="hostModelCpu"
-    v-model:cpu-model="cpuModel"
-    v-model:selected-tooltip="selectedTooltip"
-    :cpu-model-options="cpuModelOptions"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    @change-cpu-model="onChangeCpuModel"
-    @change-passthrough-host-cpu="onChangePassthroughHostCpu"
-    @change-host-model-cpu="onChangeHostModelCpu"
-    @remove-error="onRemoveValidationError"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_HTMLSelectElement } 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 passthroughHostCpu = defineModel<boolean>('passthroughHostCpu', {
-  required: true,
-})
-const hostModelCpu = defineModel<boolean>('hostModelCpu', {
-  required: true,
-})
-const cpuModel = defineModel<string>('cpuModel', {
-  required: true,
-})
-const selectedTooltip = defineModel<string>('selectedTooltip', {
-  required: true,
-})
-
-const props = defineProps<{
-  cpuModels: UI_I_OptionItem[]
-  isEdit: boolean
-  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 currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const cpuModelOptions = ref<UI_I_OptionItem[]>(props.cpuModels)
-watch(
-  () => props.cpuModels,
-  (newValue) => {
-    cpuModelOptions.value = [...newValue]
-  }
-)
-
-const onChangeCpuModel = (event: UI_I_HTMLSelectElement): void => {
-  cpuModel.value = event.target.value
-  passthroughHostCpu.value = false
-  hostModelCpu.value = false
-}
-const onChangePassthroughHostCpu = (event: Event): void => {
-  const target = event.target as HTMLInputElement
-  cpuModel.value = target.checked ? '' : props.cpuModels?.[0].value
-  hostModelCpu.value = false
-}
-const onChangeHostModelCpu = (event: Event): void => {
-  const target = event.target as HTMLInputElement
-  cpuModel.value = target.checked ? '' : props.cpuModels?.[0].value
-  passthroughHostCpu.value = false
-}
-
-const typeError = 'cpu.model'
-
-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 lang="scss"></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:passthrough-host-cpu="passthroughHostCpu"
+    v-model:host-model-cpu="hostModelCpu"
+    v-model:cpu-model="cpuModel"
+    v-model:selected-tooltip="selectedTooltip"
+    :cpu-model-options="cpuModelOptions"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    @change-cpu-model="onChangeCpuModel"
+    @change-passthrough-host-cpu="onChangePassthroughHostCpu"
+    @change-host-model-cpu="onChangeHostModelCpu"
+    @remove-error="onRemoveValidationError"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_HTMLSelectElement } 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 passthroughHostCpu = defineModel<boolean>('passthroughHostCpu', {
+  required: true,
+})
+const hostModelCpu = defineModel<boolean>('hostModelCpu', {
+  required: true,
+})
+const cpuModel = defineModel<string>('cpuModel', {
+  required: true,
+})
+const selectedTooltip = defineModel<string>('selectedTooltip', {
+  required: true,
+})
+
+const props = defineProps<{
+  cpuModels: UI_I_OptionItem[]
+  isEdit: boolean
+  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 currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const cpuModelOptions = ref<UI_I_OptionItem[]>(props.cpuModels)
+watch(
+  () => props.cpuModels,
+  (newValue) => {
+    cpuModelOptions.value = [...newValue]
+  }
+)
+
+const onChangeCpuModel = (event: UI_I_HTMLSelectElement): void => {
+  cpuModel.value = event.target.value
+  passthroughHostCpu.value = false
+  hostModelCpu.value = false
+}
+const onChangePassthroughHostCpu = (event: Event): void => {
+  const target = event.target as HTMLInputElement
+  cpuModel.value = target.checked ? '' : props.cpuModels?.[0].value
+  hostModelCpu.value = false
+}
+const onChangeHostModelCpu = (event: Event): void => {
+  const target = event.target as HTMLInputElement
+  cpuModel.value = target.checked ? '' : props.cpuModels?.[0].value
+  passthroughHostCpu.value = false
+}
+
+const typeError = 'cpu.model'
+
+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 lang="scss"></style>