bfg-common 1.3.239 → 1.3.241

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

@@ -4,6 +4,7 @@
       <input
         id="customize-os"
         v-model="selectedOptions"
+        data-id="customize-os"
         type="checkbox"
         value="customize-os"
       />
@@ -15,6 +16,7 @@
       <input
         id="customize-hardware"
         v-model="selectedOptions"
+        data-id="customize-hardware"
         type="checkbox"
         value="customize-hardware"
       />
@@ -26,6 +28,7 @@
       <input
         id="power-on"
         v-model="selectedOptions"
+        data-id="power-on"
         type="checkbox"
         value="power-on"
       />
@@ -49,9 +52,12 @@ const emits = defineEmits<{
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const selectedOptions = ref<string[]>([])
-watch(() => props.selectOptionsSubmit, () => {
-  emits('submit', selectedOptions.value)
-})
+watch(
+  () => props.selectOptionsSubmit,
+  () => {
+    emits('submit', selectedOptions.value)
+  }
+)
 </script>
 
 <style scoped lang="scss">

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue

@@ -16,6 +16,7 @@
                 <select
                   :id="`vm-wizard-${props.componentType}-bus-field-${props.index}`"
                   v-model="busLocal"
+                  :data-id="`vm-wizard-${props.componentType}-bus-field-${props.index}`"
                   :class="`vm-wizard-${props.componentType}-bus-field-${props.index}`"
                   :disabled="props.disabled"
                 >
@@ -33,6 +34,7 @@
           </atoms-tooltip-error>
           <div :id="helpId" class="content-signpost relative">
             <atoms-the-icon
+              :data-id="`vm-wizard-${props.componentType}-bus-field-${props.index}-show-help-icon`"
               class="icon-show-help"
               fill="#0072a3"
               width="24px"
@@ -82,7 +84,9 @@ const emits = defineEmits<{
 
 const helpId = ref<string>(`bus-field-help-icon${useUniqueId()}`)
 
-const busOptions = ref<UI_I_OptionItem[]>(busOptionsFunc(localization.value, props.shortOptions))
+const busOptions = ref<UI_I_OptionItem[]>(
+  busOptionsFunc(localization.value, props.shortOptions)
+)
 
 const busLocal = computed<string>({
   get() {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue

@@ -18,10 +18,11 @@
         <div class="flex-align-center flex-space-between">
           <template v-if="props.type === 'removed'">
             <span>{{ localization.deviceWillRemoved }}</span>
-            <div @click.stop class="flex-align-center">
+            <div class="flex-align-center" @click.stop>
               <input
                 :id="`cd-dvd-delete-files-from-datastore-${props.index}`"
                 v-model="deleteFilesFromDatastore"
+                :data-id="`cd-dvd-delete-files-from-datastore-${props.index}`"
                 :disabled="props.disabled"
                 type="checkbox"
                 class="pointer"
@@ -42,6 +43,7 @@
               <select
                 id="vm-wizard-cd-dvd-drive-field"
                 v-model="selectedCdDvdDrive"
+                :data-id="`vm-wizard-cd-dvd-drive-field-${props.index}`"
                 class="vm-wizard-cd-dvd-drive-field input-text-color"
                 @click.stop
                 @change="changeCdDvdDrive"
@@ -101,7 +103,10 @@ import { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
 import { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import { UI_T_CdDvdDrive } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/models/types'
 import { UI_I_SendDataNewCdDvdDrive } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import { UI_I_Localization, UI_I_HTMLSelectElement } from '~/lib/models/interfaces'
+import {
+  UI_I_Localization,
+  UI_I_HTMLSelectElement,
+} from '~/lib/models/interfaces'
 import { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 import { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue

@@ -9,11 +9,13 @@
           <input
             id="vm-wizard-dvd-media-input"
             v-model="cdDvdMediaLocal"
+            data-id="vm-wizard-dvd-media-input"
             type="text"
             disabled
           />
           <button
             id="vm-wizard-dvd-media-input"
+            data-id="vm-wizard-dvd-media-input"
             class="button btn btn-default btn-sm"
             @click="onBrowse"
           >

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

@@ -16,6 +16,7 @@
                 <select
                   id="vm-wizard-core-per-socket-field"
                   v-model="selectedCorePerSocketLocal"
+                  data-id="vm-wizard-core-per-socket-field"
                   :disabled="props.disabled"
                 >
                   <option

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

@@ -8,6 +8,7 @@
         <input
           id="enable-cpu-hot-add"
           v-model="enableCpuHotAddLocal"
+          data-id="enable-cpu-hot-add"
           type="checkbox"
           :disabled="props.disabled"
         />

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

@@ -1,220 +1,225 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.cpuModel }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <atoms-tooltip-error
-            :has-error="!!apiError"
-            selector="#vm-wizard-cpu-model-field"
-            @remove="onRemoveValidationError"
-          >
-            <template #elem>
-              <div class="select">
-                <select
-                  id="vm-wizard-cpu-model-field"
-                  :value="props.cpuModel"
-                  :disabled="props.disabled"
-                  @change="changeCpuModel"
-                >
-                  <option
-                    v-for="(item, key) in cpuModelOptions"
-                    :key="key"
-                    :value="item.value"
-                  >
-                    {{ item.text }}
-                  </option>
-                </select>
-              </div>
-            </template>
-            <template #content>{{ apiError }}</template>
-          </atoms-tooltip-error>
-
-          <div class="passthrough-host-cpu-wrap flex-align-center">
-            <input
-              id="passthrough-host-cpu"
-              v-model="passthroughHostCpuLocal"
-              :disabled="props.disabled"
-              type="checkbox"
-              @change="changePassthroughHostCpu"
-            />
-            <label for="passthrough-host-cpu" class="label-text-normal">{{
-              localization.passthroughHostCpu
-            }}</label>
-            <div id="passthrough-help-icon" class="flex-align-center relative">
-              <atoms-the-icon
-                fill="#0072a3"
-                width="24px"
-                height="24px"
-                name="info-circle"
-                class="pointer"
-                @click.stop="isShowPassthroughHost = !isShowPassthroughHost"
-              />
-              <Teleport to="body">
-                <atoms-tooltip-signpost
-                  v-if="isShowPassthroughHost"
-                  elem-id="passthrough-help-icon"
-                  @hide="isShowPassthroughHost = false"
-                >
-                  <h3 class="passthrough-help-title">
-                    {{ localization.help }}
-                  </h3>
-
-                  <p class="passthrough-help-text">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
-                    cum eius expedita, fuga mollitia perferendis quod soluta
-                    vel? Dolor, illo, nam? A consequatur, consequuntur eos
-                    impedit iusto labore sunt tempora!
-                  </p>
-                </atoms-tooltip-signpost>
-              </Teleport>
-            </div>
-          </div>
-          <div class="divider"></div>
-          <div class="flex-align-center">
-            <input
-              id="host-model-cpu"
-              v-model="hostModelCpuLocal"
-              type="checkbox"
-              :disabled="props.disabled"
-              @change="changeHostModelCpu"
-            />
-            <label for="host-model-cpu" class="label-text-normal">{{
-              localization.hostModelCpu
-            }}</label>
-            <div id="host-model-help-icon" class="flex-align-center relative">
-              <atoms-the-icon
-                fill="#0072a3"
-                width="24px"
-                height="24px"
-                name="info-circle"
-                class="pointer"
-                @click.stop="isShowHostModel = !isShowHostModel"
-              />
-              <Teleport to="body">
-                <atoms-tooltip-signpost
-                  v-if="isShowHostModel"
-                  elem-id="host-model-help-icon"
-                  @hide="isShowHostModel = false"
-                >
-                  <h3 class="host-model-help-title">
-                    {{ localization.help }}
-                  </h3>
-
-                  <p class="host-model-help-text">
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
-                    cum eius expedita, fuga mollitia perferendis quod soluta
-                    vel? Dolor, illo, nam? A consequatur, consequuntur eos
-                    impedit iusto labore sunt tempora!
-                  </p>
-                </atoms-tooltip-signpost>
-              </Teleport>
-            </div>
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} from '~/lib/models/interfaces'
-import { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  cpuModel: string
-  passthroughHostCpu: boolean
-  hostModelCpu: boolean
-  cpuModels: UI_I_OptionItem[]
-  isEdit: boolean
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:cpu-model', value: string): boolean
-  (event: 'update:passthrough-host-cpu', value: boolean): boolean
-  (event: 'update:host-model-cpu', value: boolean): boolean
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const cpuModelOptions = ref<UI_I_OptionItem[]>(props.cpuModels)
-watch(
-  () => props.cpuModels,
-  (newValue) => {
-    cpuModelOptions.value = [...newValue]
-  }
-)
-
-const passthroughHostCpuLocal = computed<boolean>({
-  get() {
-    return props.passthroughHostCpu
-  },
-  set(newValue) {
-    emits('update:passthrough-host-cpu', newValue)
-  },
-})
-const hostModelCpuLocal = computed<boolean>({
-  get() {
-    return props.hostModelCpu
-  },
-  set(newValue) {
-    emits('update:host-model-cpu', newValue)
-  },
-})
-
-const changeCpuModel = (event: UI_I_HTMLSelectElement): void => {
-  emits('update:cpu-model', event.target.value)
-  emits('update:passthrough-host-cpu', false)
-  emits('update:host-model-cpu', false)
-}
-const changePassthroughHostCpu = (event: Event): void => {
-  const target = event.target as HTMLInputElement
-  emits('update:cpu-model', target.checked ? '' : props.cpuModels?.[0].value)
-  emits('update:host-model-cpu', false)
-}
-const changeHostModelCpu = (event: Event): void => {
-  const target = event.target as HTMLInputElement
-  emits('update:cpu-model', target.checked ? '' : props.cpuModels?.[0].value)
-  emits('update:passthrough-host-cpu', false)
-}
-
-const isShowPassthroughHost = ref<false>(false)
-const isShowHostModel = ref<false>(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">
-.passthrough-host-cpu-wrap {
-  margin-right: 8px;
-}
-#passthrough-host-cpu,
-#host-model-cpu {
-  margin: 0 4px 0 0;
-}
-
-.divider {
-  height: 16px;
-  width: 1px;
-  background-color: var(--global-border-color);
-  margin: 0 6px 0 0;
-}
-</style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.cpuModel }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <atoms-tooltip-error
+            :has-error="!!apiError"
+            selector="#vm-wizard-cpu-model-field"
+            @remove="onRemoveValidationError"
+          >
+            <template #elem>
+              <div class="select">
+                <select
+                  id="vm-wizard-cpu-model-field"
+                  data-id="vm-wizard-cpu-model-field"
+                  :value="props.cpuModel"
+                  :disabled="props.disabled"
+                  @change="changeCpuModel"
+                >
+                  <option
+                    v-for="(item, key) in cpuModelOptions"
+                    :key="key"
+                    :value="item.value"
+                  >
+                    {{ item.text }}
+                  </option>
+                </select>
+              </div>
+            </template>
+            <template #content>{{ apiError }}</template>
+          </atoms-tooltip-error>
+
+          <div class="passthrough-host-cpu-wrap flex-align-center">
+            <input
+              id="passthrough-host-cpu"
+              v-model="passthroughHostCpuLocal"
+              data-id="passthrough-host-cpu"
+              :disabled="props.disabled"
+              type="checkbox"
+              @change="changePassthroughHostCpu"
+            />
+            <label for="passthrough-host-cpu" class="label-text-normal">{{
+              localization.passthroughHostCpu
+            }}</label>
+            <div id="passthrough-help-icon" class="flex-align-center relative">
+              <atoms-the-icon
+                data-id="show-passthrough-help-icon"
+                fill="#0072a3"
+                width="24px"
+                height="24px"
+                name="info-circle"
+                class="pointer"
+                @click.stop="isShowPassthroughHost = !isShowPassthroughHost"
+              />
+              <Teleport to="body">
+                <atoms-tooltip-signpost
+                  v-if="isShowPassthroughHost"
+                  elem-id="passthrough-help-icon"
+                  @hide="isShowPassthroughHost = false"
+                >
+                  <h3 class="passthrough-help-title">
+                    {{ localization.help }}
+                  </h3>
+
+                  <p class="passthrough-help-text">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
+                    cum eius expedita, fuga mollitia perferendis quod soluta
+                    vel? Dolor, illo, nam? A consequatur, consequuntur eos
+                    impedit iusto labore sunt tempora!
+                  </p>
+                </atoms-tooltip-signpost>
+              </Teleport>
+            </div>
+          </div>
+          <div class="divider"></div>
+          <div class="flex-align-center">
+            <input
+              id="host-model-cpu"
+              v-model="hostModelCpuLocal"
+              data-id="host-model-cpu-input"
+              type="checkbox"
+              :disabled="props.disabled"
+              @change="changeHostModelCpu"
+            />
+            <label for="host-model-cpu" class="label-text-normal">{{
+              localization.hostModelCpu
+            }}</label>
+            <div id="host-model-help-icon" class="flex-align-center relative">
+              <atoms-the-icon
+                fill="#0072a3"
+                width="24px"
+                height="24px"
+                name="info-circle"
+                class="pointer"
+                data-id="show-host-model-help-icon"
+                @click.stop="isShowHostModel = !isShowHostModel"
+              />
+              <Teleport to="body">
+                <atoms-tooltip-signpost
+                  v-if="isShowHostModel"
+                  elem-id="host-model-help-icon"
+                  @hide="isShowHostModel = false"
+                >
+                  <h3 class="host-model-help-title">
+                    {{ localization.help }}
+                  </h3>
+
+                  <p class="host-model-help-text">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
+                    cum eius expedita, fuga mollitia perferendis quod soluta
+                    vel? Dolor, illo, nam? A consequatur, consequuntur eos
+                    impedit iusto labore sunt tempora!
+                  </p>
+                </atoms-tooltip-signpost>
+              </Teleport>
+            </div>
+          </div>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  UI_I_Localization,
+  UI_I_HTMLSelectElement,
+} from '~/lib/models/interfaces'
+import { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  cpuModel: string
+  passthroughHostCpu: boolean
+  hostModelCpu: boolean
+  cpuModels: UI_I_OptionItem[]
+  isEdit: boolean
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField<string>[]
+}>()
+const emits = defineEmits<{
+  (event: 'update:cpu-model', value: string): boolean
+  (event: 'update:passthrough-host-cpu', value: boolean): boolean
+  (event: 'update:host-model-cpu', value: boolean): boolean
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const cpuModelOptions = ref<UI_I_OptionItem[]>(props.cpuModels)
+watch(
+  () => props.cpuModels,
+  (newValue) => {
+    cpuModelOptions.value = [...newValue]
+  }
+)
+
+const passthroughHostCpuLocal = computed<boolean>({
+  get() {
+    return props.passthroughHostCpu
+  },
+  set(newValue) {
+    emits('update:passthrough-host-cpu', newValue)
+  },
+})
+const hostModelCpuLocal = computed<boolean>({
+  get() {
+    return props.hostModelCpu
+  },
+  set(newValue) {
+    emits('update:host-model-cpu', newValue)
+  },
+})
+
+const changeCpuModel = (event: UI_I_HTMLSelectElement): void => {
+  emits('update:cpu-model', event.target.value)
+  emits('update:passthrough-host-cpu', false)
+  emits('update:host-model-cpu', false)
+}
+const changePassthroughHostCpu = (event: Event): void => {
+  const target = event.target as HTMLInputElement
+  emits('update:cpu-model', target.checked ? '' : props.cpuModels?.[0].value)
+  emits('update:host-model-cpu', false)
+}
+const changeHostModelCpu = (event: Event): void => {
+  const target = event.target as HTMLInputElement
+  emits('update:cpu-model', target.checked ? '' : props.cpuModels?.[0].value)
+  emits('update:passthrough-host-cpu', false)
+}
+
+const isShowPassthroughHost = ref<false>(false)
+const isShowHostModel = ref<false>(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">
+.passthrough-host-cpu-wrap {
+  margin-right: 8px;
+}
+#passthrough-host-cpu,
+#host-model-cpu {
+  margin: 0 4px 0 0;
+}
+
+.divider {
+  height: 16px;
+  width: 1px;
+  background-color: var(--global-border-color);
+  margin: 0 6px 0 0;
+}
+</style>

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

@@ -10,6 +10,7 @@
             <input
               id="expose-hardware-assisted-virtualization"
               v-model="hardwareVirtualizationLocal"
+              data-id="expose-hardware-assisted-virtualization"
               type="checkbox"
               disabled
             />
@@ -28,6 +29,7 @@
               width="24px"
               height="24px"
               name="info-circle"
+              data-id="show-hv-help-icon"
               @click.stop="isShowHvHelp = !isShowHvHelp"
             />
             <Teleport to="body">

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

@@ -11,6 +11,7 @@
               id="enable-iommu"
               v-model="iommuLocal"
               type="checkbox"
+              data-id="select-enable-iommu"
               disabled
             />
             <label

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

@@ -10,6 +10,7 @@
             <input
               id="enable-performance-counters"
               v-model="performanceCountersLocal"
+              data-id="enable-performance-counters"
               type="checkbox"
               disabled
             />

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

@@ -10,6 +10,7 @@
             <input
               id="sa-edit-setting-input"
               v-model="schedulingAffinityLocal"
+              data-id="sa-edit-setting-input"
               type="text"
               class="edit-setting-input"
               disabled
@@ -22,6 +23,7 @@
               width="24px"
               height="24px"
               name="info-circle"
+              data-id="show-sa-help-icon"
               @click.stop="isShowSaHelp = !isShowSaHelp"
             />
             <Teleport to="body">