bfg-common 1.2.106 → 1.2.108

package/components/common/vm/actions/clone/select/options/Options.vue

@@ -1,65 +1,65 @@
-<template>
-  <div class="select-options">
-    <div class="checkbox">
-      <input
-        id="customize-os"
-        v-model="selectedOptions"
-        type="checkbox"
-        value="customize-os"
-      />
-      <label for="customize-os">{{
-        localization.customizeTheOperatingSystem
-      }}</label>
-    </div>
-    <div class="checkbox">
-      <input
-        id="customize-hardware"
-        v-model="selectedOptions"
-        type="checkbox"
-        value="customize-hardware"
-      />
-      <label for="customize-hardware">{{
-        localization.customizeThisVirtualMachineHardware
-      }}</label>
-    </div>
-    <div class="checkbox">
-      <input
-        id="power-on"
-        v-model="selectedOptions"
-        type="checkbox"
-        value="power-on"
-      />
-      <label for="power-on">{{
-        localization.powerOnVirtualMachineAfterCreation
-      }}</label>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  selectOptionsSubmit: number
-}>()
-
-const emits = defineEmits<{
-  (event: 'submit', value: string[]): void
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedOptions = ref<string[]>([])
-watch(() => props.selectOptionsSubmit, () => {
-  emits('submit', selectedOptions.value)
-})
-</script>
-
-<style scoped lang="scss">
-.select-options {
-  padding: 12px 0 0;
-
-  .checkbox {
-    margin: 6px 0;
-  }
-}
-</style>
+<template>
+  <div class="select-options">
+    <div class="checkbox">
+      <input
+        id="customize-os"
+        v-model="selectedOptions"
+        type="checkbox"
+        value="customize-os"
+      />
+      <label for="customize-os">{{
+        localization.customizeTheOperatingSystem
+      }}</label>
+    </div>
+    <div class="checkbox">
+      <input
+        id="customize-hardware"
+        v-model="selectedOptions"
+        type="checkbox"
+        value="customize-hardware"
+      />
+      <label for="customize-hardware">{{
+        localization.customizeThisVirtualMachineHardware
+      }}</label>
+    </div>
+    <div class="checkbox">
+      <input
+        id="power-on"
+        v-model="selectedOptions"
+        type="checkbox"
+        value="power-on"
+      />
+      <label for="power-on">{{
+        localization.powerOnVirtualMachineAfterCreation
+      }}</label>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  selectOptionsSubmit: number
+}>()
+
+const emits = defineEmits<{
+  (event: 'submit', value: string[]): void
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedOptions = ref<string[]>([])
+watch(() => props.selectOptionsSubmit, () => {
+  emits('submit', selectedOptions.value)
+})
+</script>
+
+<style scoped lang="scss">
+.select-options {
+  padding: 12px 0 0;
+
+  .checkbox {
+    margin: 6px 0;
+  }
+}
+</style>

package/components/common/vm/actions/clone/utils.ts

@@ -1,43 +1,43 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
-import { UI_T_Project } from '~/models/types'
-
-export const stepItemsFunc = (
-  localization: UI_I_Localization,
-  project: UI_T_Project
-): UI_I_VerticalStepItem[] => {
-  if (project === 'sphere') {
-    return []
-  }
-  return [
-    {
-      text: localization.selectName,
-      disabled: false,
-      complete: false,
-    },
-    { text: localization.selectStorage, disabled: true, complete: false },
-    { text: localization.selectCloneOptions, disabled: true, complete: false },
-    {
-      text: localization.customizeHardware,
-      disabled: true,
-      complete: false,
-    },
-    { text: localization.readyComplete, disabled: true, complete: false },
-  ]
-}
-
-export const subTitleFunc = (
-  localization: UI_I_Localization,
-  project: UI_T_Project
-): string[] => {
-  if (project === 'sphere') {
-    return []
-  }
-  return [
-    localization.specifyUniqueName,
-    localization.selectStorageConfigurationDiskFiles,
-    localization.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
-    localization.selectFurtherCloneOptions,
-    localization.clickFinishStartCreation,
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
+import { UI_T_Project } from '~/models/types'
+
+export const stepItemsFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): UI_I_VerticalStepItem[] => {
+  if (project === 'sphere') {
+    return []
+  }
+  return [
+    {
+      text: localization.selectName,
+      disabled: false,
+      complete: false,
+    },
+    { text: localization.selectStorage, disabled: true, complete: false },
+    { text: localization.selectCloneOptions, disabled: true, complete: false },
+    {
+      text: localization.customizeHardware,
+      disabled: true,
+      complete: false,
+    },
+    { text: localization.readyComplete, disabled: true, complete: false },
+  ]
+}
+
+export const subTitleFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): string[] => {
+  if (project === 'sphere') {
+    return []
+  }
+  return [
+    localization.specifyUniqueName,
+    localization.selectStorageConfigurationDiskFiles,
+    localization.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+    localization.selectFurtherCloneOptions,
+    localization.clickFinishStartCreation,
+  ]
+}

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

@@ -1,109 +1,109 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.coresPerSocket }}
-      </template>
-      <template #stackBlockContent>
-        <div class="clr-control-container">
-          <div class="clr-select-wrapper">
-            <atoms-tooltip-error
-              :has-error="!!apiError"
-              selector="#vm-wizard-core-per-socket-field"
-              @remove="onRemoveValidationError"
-            >
-              <template #elem>
-                <select
-                  id="vm-wizard-core-per-socket-field"
-                  v-model="selectedCorePerSocketLocal"
-                  :disabled="props.disabled"
-                >
-                  <option
-                    v-for="(item, key) in socketOptions"
-                    :key="key"
-                    :value="item"
-                  >
-                    {{ item }}
-                  </option>
-                </select>
-              </template>
-              <template #content>{{ apiError }}</template>
-            </atoms-tooltip-error>
-          </div>
-          <div class="clr-subtext">
-            {{ localization.sockets }}: {{ socketsCount }}
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-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 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)
-  },
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', 'cpu.core_per_socket')
-}
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.coresPerSocket }}
+      </template>
+      <template #stackBlockContent>
+        <div class="clr-control-container">
+          <div class="clr-select-wrapper">
+            <atoms-tooltip-error
+              :has-error="!!apiError"
+              selector="#vm-wizard-core-per-socket-field"
+              @remove="onRemoveValidationError"
+            >
+              <template #elem>
+                <select
+                  id="vm-wizard-core-per-socket-field"
+                  v-model="selectedCorePerSocketLocal"
+                  :disabled="props.disabled"
+                >
+                  <option
+                    v-for="(item, key) in socketOptions"
+                    :key="key"
+                    :value="item"
+                  >
+                    {{ item }}
+                  </option>
+                </select>
+              </template>
+              <template #content>{{ apiError }}</template>
+            </atoms-tooltip-error>
+          </div>
+          <div class="clr-subtext">
+            {{ localization.sockets }}: {{ socketsCount }}
+          </div>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_ErrorValidationField } from '~/models/store/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+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 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)
+  },
+})
+
+const onRemoveValidationError = (): void => {
+  emits('remove-error-by-title', 'cpu.core_per_socket')
+}
+</script>
+
+<style scoped></style>