bfg-common 1.3.239 → 1.3.240

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/mouseMode/MouseMode.vue

@@ -6,7 +6,12 @@
       </template>
       <template #stackBlockContent>
         <div class="select">
-          <select v-model="mouseModeLocal" id="mouse-mode-select" disabled>
+          <select
+            id="mouse-mode-select"
+            v-model="mouseModeLocal"
+            data-id="mouse-mode-select"
+            disabled
+          >
             <option
               v-for="(item, key) in mouseModeOptions"
               :key="key"

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue

@@ -9,6 +9,7 @@
           <input
             id="enable-password"
             v-model="isEnabledPassword"
+            data-id="enable-password-input"
             :disabled="props.disabled"
             type="checkbox"
             @change="setPasswordDisable"
@@ -22,6 +23,7 @@
               <input
                 id="password-input"
                 v-model="form.password.value"
+                data-id="password-input"
                 type="text"
                 :class="[{ 'has-error': !!passwordErrorText }]"
                 :disabled="!isEnabledPassword || props.disabled"
@@ -35,6 +37,7 @@
 
           <button
             id="generate-password-button"
+            data-id="generate-password-button"
             class="generate-password-btn btn btn-primary"
             :disabled="!isEnabledPassword || props.disabled"
             :title="localization.generatePassword"
@@ -50,7 +53,10 @@
 
 <script setup lang="ts">
 import { UI_I_DefaultForm } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/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 { generatePassword } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/utils'
 
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/sharePolicy/SharePolicy.vue

@@ -6,7 +6,11 @@
       </template>
       <template #stackBlockContent>
         <div class="select">
-          <select v-model="sharePolicyLocal" id="share-policy-select">
+          <select
+            id="share-policy-select"
+            v-model="sharePolicyLocal"
+            data-id="share-policy-select"
+          >
             <option
               v-for="(item, key) in sharePolicyOptions"
               :key="key"

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-streaming-mode-field"
                 v-model="streamingModeLocal"
+                data-id="vm-wizard-streaming-mode-select"
                 :disabled="props.disabled"
               >
                 <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/type/Type.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-remote-console-type-field"
                 v-model="remoteConsoleTypeLocal"
+                data-id="vm-wizard-remote-console-type-select"
                 :disabled="props.disabled"
               >
                 <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue

@@ -7,8 +7,9 @@
       <template #stackBlockContent>
         <div class="select">
           <select
-            v-model="usbRedirectionLocal"
             id="usb-redirection-select"
+            v-model="usbRedirectionLocal"
+            data-id="usb-redirection-select"
             disabled
           >
             <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/zlibCompression/ZlibCompression.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-zlib-compression-field"
                 v-model="zlibCompressionLocal"
+                data-id="vm-wizard-zlib-compression-select"
                 :disabled="props.disabled"
               >
                 <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/Tools.vue

@@ -12,7 +12,12 @@
             {{ localization.toolsEnable }}
           </template>
           <template #stackBlockContent>
-            <input id="tools-2" v-model="tools" type="checkbox" />
+            <input
+              id="tools-2"
+              v-model="tools"
+              data-id="tools-2-checkbox"
+              type="checkbox"
+            />
             <label for="tools-2" class="label-text-normal">{{
               localization.enable
             }}</label>

package/components/common/vm/actions/common/select/compatibility/Compatibility.vue

@@ -14,7 +14,11 @@
         @remove="onRemoveValidationError"
       >
         <template #elem>
-          <select id="vm-wizard-version-select" v-model="selectedVersion">
+          <select
+            id="vm-wizard-version-select"
+            v-model="selectedVersion"
+            data-id="vm-wizard-version-select"
+          >
             <option v-for="(item, key) in versions" :key="key" :value="item">
               {{ item.text }}
             </option>
@@ -22,32 +26,32 @@
         </template>
         <template #content>{{ apiError }}</template>
       </atoms-tooltip-error>
-<!--      <div id="version-select-help-icon" class="flex-align-center relative">-->
-<!--        <atoms-the-icon-->
-<!--          fill="#0072a3"-->
-<!--          width="24px"-->
-<!--          height="24px"-->
-<!--          name="info-circle"-->
-<!--          @click="isShowHelp = !isShowHelp"-->
-<!--        />-->
-<!--        <atoms-tooltip-signpost-->
-<!--          v-if="isShowHelp"-->
-<!--          elem-id="version-select-help-icon"-->
-<!--          @hide="isShowHelp = false"-->
-<!--        >-->
-<!--          <h3 class="help-title">{{ localization.help }}</h3>-->
-
-<!--          <p>-->
-<!--            {{-->
-<!--              localization.eachVirtualMachineCompatibilitySettingIncludesHardwareAvailableVirtualMachine-->
-<!--            }}-->
-<!--          </p>-->
-
-<!--          <a id="more-information-link" class="pointer">{{-->
-<!--            localization.moreInformation-->
-<!--          }}</a>-->
-<!--        </atoms-tooltip-signpost>-->
-<!--      </div>-->
+      <!--      <div id="version-select-help-icon" class="flex-align-center relative">-->
+      <!--        <atoms-the-icon-->
+      <!--          fill="#0072a3"-->
+      <!--          width="24px"-->
+      <!--          height="24px"-->
+      <!--          name="info-circle"-->
+      <!--          @click="isShowHelp = !isShowHelp"-->
+      <!--        />-->
+      <!--        <atoms-tooltip-signpost-->
+      <!--          v-if="isShowHelp"-->
+      <!--          elem-id="version-select-help-icon"-->
+      <!--          @hide="isShowHelp = false"-->
+      <!--        >-->
+      <!--          <h3 class="help-title">{{ localization.help }}</h3>-->
+
+      <!--          <p>-->
+      <!--            {{-->
+      <!--              localization.eachVirtualMachineCompatibilitySettingIncludesHardwareAvailableVirtualMachine-->
+      <!--            }}-->
+      <!--          </p>-->
+
+      <!--          <a id="more-information-link" class="pointer">{{-->
+      <!--            localization.moreInformation-->
+      <!--          }}</a>-->
+      <!--        </atoms-tooltip-signpost>-->
+      <!--      </div>-->
     </div>
     <p class="select-compatibility-block">
       {{ versionDescription }}

package/components/common/vm/actions/common/select/name/Name.vue

@@ -11,9 +11,15 @@
       <label for="virtual-machine-name"
         >{{ localization.virtualMachineName }}:</label
       >
-      <input id="virtual-machine-name" v-model.trim="vmName" type="text" />
+      <input
+        id="virtual-machine-name"
+        v-model.trim="vmName"
+        data-id="virtual-machine-name-input"
+        type="text"
+      />
       <div id="vm-name-help-icon" class="content-signpost relative">
         <atoms-the-icon
+          data-id="show-vm-name-help-icon"
           class="icon-show-help"
           fill="#0072a3"
           width="24px"

package/components/common/vm/actions/common/select/os/os.vue

@@ -17,6 +17,7 @@
           <select
             id="vm-wizard-machine-type-select"
             v-model="selectedMachineType"
+            data-id="vm-wizard-machine-type-select"
             class="table-cell"
           >
             <option
@@ -45,6 +46,7 @@
           <select
             id="vm-wizard-os-select"
             v-model="selectedOS"
+            data-id="vm-wizard-os-select"
             class="table-cell"
             @change="onChangeOS"
           >
@@ -70,6 +72,7 @@
           <select
             id="vm-wizard-os-version-select"
             v-model="selectedVersion"
+            data-id="vm-wizard-os-version-select"
             class="table-cell"
           >
             <option
@@ -89,7 +92,10 @@
 
 <script setup lang="ts">
 import { UI_I_OsChange } from '~/components/common/vm/actions/common/select/lib/models/interfaces'
-import { UI_I_Localization, UI_I_ArbitraryObject } from '~/lib/models/interfaces'
+import {
+  UI_I_Localization,
+  UI_I_ArbitraryObject,
+} from '~/lib/models/interfaces'
 import { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
 import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 

package/components/common/vm/actions/common/select/storage/lib/config/config.ts

@@ -1,166 +1,166 @@
-import { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_T_StorageColumnKeys } from '~/components/common/vm/actions/common/select/storage/lib/models/types'
-import {
-  constructColumnKey,
-  constructHeadItem,
-} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import {
-  datastoreIconByState,
-  datastoreLocalizationByState,
-} from '~/components/common/lib/config/states'
-
-export const storageTableKeys: UI_T_StorageColumnKeys = [
-  'name',
-  'state',
-  'capacity_mb',
-  'provisioned_mb',
-  'free_mb',
-  'used_mb',
-  'type_text',
-  'thin_provisioning',
-  'access_mode',
-  'hardware_acceleration',
-  'drive_type',
-  'device',
-  'storage_io_control',
-]
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.name, true, '96px', storageTableKeys[0]],
-    [localization.state, true, '138px', storageTableKeys[1]],
-    [localization.capacity, true, '110px', storageTableKeys[2]],
-    [localization.provisioned, true, '128px', storageTableKeys[3]],
-    [localization.free, true, '110px', storageTableKeys[4]],
-    [localization.used, true, '110px', storageTableKeys[5]],
-    [localization.type, true, '110px', storageTableKeys[6]],
-    [localization.thinProvisioning, true, '132px', storageTableKeys[7]],
-    [localization.access, true, '110px', storageTableKeys[8]],
-    [localization.hardwareAcceleration, true, '134px', storageTableKeys[9]],
-    [localization.driverType, true, '110px', storageTableKeys[10]],
-    [localization.device, true, '110px', storageTableKeys[11]],
-    [localization.storageIoControl, true, '110px', storageTableKeys[12]],
-  ]
-}
-
-export const columnKeys = (
-  localization: UI_I_Localization
-): UI_I_ColumnKey[] => {
-  const result: UI_I_ColumnKey[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 0 ? 'icon' : `col${i}`
-    result.push(constructColumnKey(col, item[0], item[1]))
-  })
-  return result
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 0 ? 'icon' : `col${i}`
-    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (
-  data: UI_I_DatastoreTableItem[],
-  localization: UI_I_Localization
-): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-  const { $binary } = useNuxtApp()
-
-  data.forEach((storage: UI_I_DatastoreTableItem, key: number) => {
-    const state =
-      localization[datastoreLocalizationByState[storage[storageTableKeys[1]]]]
-    bodyItems.push([
-      {
-        key: 'icon',
-        text: storage[storageTableKeys[0]].toString(),
-        data: `vsphere-icon-${datastoreIconByState[storage.state]}`,
-        id: key,
-      },
-      {
-        key: 'col1',
-        text: state,
-        id: key,
-      },
-      {
-        key: 'col2',
-        text: $binary.round(storage.capacity[storageTableKeys[2]]),
-        data: {
-          sortValue: storage.capacity[storageTableKeys[2]],
-        },
-        id: key,
-      },
-      {
-        key: 'col3',
-        text: $binary.round(storage.capacity[storageTableKeys[3]].toString()),
-        data: {
-          sortValue: storage.capacity[storageTableKeys[3]],
-        },
-        id: key,
-      },
-      {
-        key: 'col4',
-        text: $binary.round(storage.capacity[storageTableKeys[4]].toString()),
-        data: {
-          sortValue: storage.capacity[storageTableKeys[4]],
-        },
-        id: key,
-      },
-      {
-        key: 'col5',
-        text: $binary.round(storage.capacity[storageTableKeys[5]].toString()),
-        data: {
-          sortValue: storage.capacity[storageTableKeys[5]],
-        },
-        id: key,
-      },
-      {
-        key: 'col6',
-        text: storage[storageTableKeys[6]].toString(),
-        id: key,
-      },
-      {
-        key: 'col7',
-        text: storage[storageTableKeys[7]] ? localization.yes : localization.no,
-        id: key,
-      },
-      {
-        key: 'col8',
-        text: storage[storageTableKeys[8]].toString(),
-        id: key,
-      },
-      {
-        key: 'col9',
-        text: storage[storageTableKeys[9]].toString(),
-        id: key,
-      },
-      {
-        key: 'col10',
-        text: storage[storageTableKeys[10]].toString(),
-        id: key,
-      },
-      {
-        key: 'col11',
-        text: storage[storageTableKeys[11]].toString(),
-        id: key,
-      },
-      {
-        key: 'col12',
-        text: storage[storageTableKeys[12]].toString(),
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}
+import { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_T_StorageColumnKeys } from '~/components/common/vm/actions/common/select/storage/lib/models/types'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import {
+  datastoreIconByState,
+  datastoreLocalizationByState,
+} from '~/components/common/lib/config/states'
+
+export const storageTableKeys: UI_T_StorageColumnKeys = [
+  'name',
+  'state',
+  'capacity_mb',
+  'provisioned_mb',
+  'free_mb',
+  'used_mb',
+  'type_text',
+  'thin_provisioning',
+  'access_mode',
+  'hardware_acceleration',
+  'drive_type',
+  'device',
+  'storage_io_control',
+]
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.name, true, '96px', storageTableKeys[0]],
+    [localization.state, true, '138px', storageTableKeys[1]],
+    [localization.capacity, true, '110px', storageTableKeys[2]],
+    [localization.provisioned, true, '128px', storageTableKeys[3]],
+    [localization.free, true, '110px', storageTableKeys[4]],
+    [localization.used, true, '110px', storageTableKeys[5]],
+    [localization.type, true, '110px', storageTableKeys[6]],
+    [localization.thinProvisioning, true, '132px', storageTableKeys[7]],
+    [localization.access, true, '110px', storageTableKeys[8]],
+    [localization.hardwareAcceleration, true, '134px', storageTableKeys[9]],
+    [localization.driverType, true, '110px', storageTableKeys[10]],
+    [localization.device, true, '110px', storageTableKeys[11]],
+    [localization.storageIoControl, true, '110px', storageTableKeys[12]],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 0 ? 'icon' : `col${i}`
+    result.push(constructColumnKey(col, item[0], item[1]))
+  })
+  return result
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 0 ? 'icon' : `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: UI_I_DatastoreTableItem[],
+  localization: UI_I_Localization
+): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+  const { $binary } = useNuxtApp()
+
+  data.forEach((storage: UI_I_DatastoreTableItem, key: number) => {
+    const state =
+      localization[datastoreLocalizationByState[storage[storageTableKeys[1]]]]
+    bodyItems.push([
+      {
+        key: 'icon',
+        text: storage[storageTableKeys[0]].toString(),
+        data: `vsphere-icon-${datastoreIconByState[storage.state]}`,
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: state,
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: $binary.round(storage.capacity[storageTableKeys[2]]),
+        data: {
+          sortValue: storage.capacity[storageTableKeys[2]],
+        },
+        id: key,
+      },
+      {
+        key: 'col3',
+        text: $binary.round(storage.capacity[storageTableKeys[3]].toString()),
+        data: {
+          sortValue: storage.capacity[storageTableKeys[3]],
+        },
+        id: key,
+      },
+      {
+        key: 'col4',
+        text: $binary.round(storage.capacity[storageTableKeys[4]].toString()),
+        data: {
+          sortValue: storage.capacity[storageTableKeys[4]],
+        },
+        id: key,
+      },
+      {
+        key: 'col5',
+        text: $binary.round(storage.capacity[storageTableKeys[5]].toString()),
+        data: {
+          sortValue: storage.capacity[storageTableKeys[5]],
+        },
+        id: key,
+      },
+      {
+        key: 'col6',
+        text: storage[storageTableKeys[6]].toString(),
+        id: key,
+      },
+      {
+        key: 'col7',
+        text: storage[storageTableKeys[7]] ? localization.yes : localization.no,
+        id: key,
+      },
+      {
+        key: 'col8',
+        text: storage[storageTableKeys[8]].toString(),
+        id: key,
+      },
+      {
+        key: 'col9',
+        text: storage[storageTableKeys[9]].toString(),
+        id: key,
+      },
+      {
+        key: 'col10',
+        text: storage[storageTableKeys[10]].toString(),
+        id: key,
+      },
+      {
+        key: 'col11',
+        text: storage[storageTableKeys[11]].toString(),
+        id: key,
+      },
+      {
+        key: 'col12',
+        text: storage[storageTableKeys[12]].toString(),
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}