bfg-common 1.3.239 → 1.3.240

package/components/common/wizards/network/add/steps/PortProperties.vue

@@ -26,6 +26,7 @@
                     <input
                       id="network-label"
                       v-model="fields.networkLabel"
+                      data-id="network-label-input"
                       name="network-label"
                       type="text"
                       :class="[
@@ -94,7 +95,12 @@
               class="property-value-group port-properties-mtu-container tooltip-field-container"
             >
               <div class="select port-properties-mtu-selector">
-                <select id="mtu" v-model="fields.mtu.option" name="mtu-option">
+                <select
+                  id="mtu"
+                  v-model="fields.mtu.option"
+                  data-id="mtu-select"
+                  name="mtu-option"
+                >
                   <option value="0">{{ localization.getMtuFromSwitch }}</option>
                   <option value="1">{{ localization.custom }}</option>
                 </select>
@@ -106,6 +112,7 @@
                   <input
                     id="mtu"
                     v-model="fields.mtu.size"
+                    data-id="mtu-input"
                     type="number"
                     name="mtu"
                     :class="[
@@ -132,7 +139,7 @@
           <div class="margin-left-property-value-group">
             <div class="property-value-group">
               <div class="select">
-                <select id="tsp" v-model="fields.tcp">
+                <select id="tsp" v-model="fields.tcp" data-id="tsp-select">
                   <template v-for="tcp in props.tcpStacks" :key="tcp.id">
                     <option :value="tcp.id">{{ localization[tcp.id] }}</option>
                   </template>
@@ -161,12 +168,17 @@
                 ]"
               >
                 <label v-if="isSphereProject">
-                  <input v-model="fields.services.vMotion" type="checkbox" />
+                  <input
+                    v-model="fields.services.vMotion"
+                    data-id="services-v-motion-checkbox"
+                    type="checkbox"
+                  />
                   {{ localization.vMotion }}
                 </label>
                 <label v-else>
                   <input
                     v-model="fields.services.provisioning"
+                    data-id="services-provisioning-checkbox"
                     type="checkbox"
                   />
                   {{ localization.provisioning }}
@@ -186,6 +198,7 @@
                     <label>
                       <input
                         v-model="fields.services[enabledService.modelValue]"
+                        data-id="services-enabled-service-checkbox"
                         type="checkbox"
                       />
                       {{ enabledService.label }}

package/components/common/wizards/network/add/steps/SelectConnectionType.vue

@@ -5,10 +5,11 @@
         <div class="radio">
           <input
             id="vmkernel-adapter"
+            v-model="connectionTypeLocal"
+            data-id="vmkernel-adapter-radio"
             type="radio"
             value="0"
             name="connection-type"
-            v-model="connectionTypeLocal"
           />
           <label for="vmkernel-adapter">
             {{ localization.vmKernelNetworkAdapter }}
@@ -20,10 +21,11 @@
         <div class="radio">
           <input
             id="virtual"
+            v-model="connectionTypeLocal"
+            data-id="virtual-radio"
             type="radio"
             value="1"
             name="connection-type"
-            v-model="connectionTypeLocal"
           />
           <label for="virtual">
             {{ localization.virtualMachinePortGroupStandardSwitch }}
@@ -35,10 +37,11 @@
         <div class="radio">
           <input
             id="physical-adapter"
+            v-model="connectionTypeLocal"
+            data-id="physical-adapter-radio"
             type="radio"
             value="2"
             name="connection-type"
-            v-model="connectionTypeLocal"
           />
           <label for="physical-adapter">
             {{ localization.physicalNetworkAdapter }}

package/components/common/wizards/network/add/steps/SelectedTargetDevice.vue

@@ -13,6 +13,7 @@
             <input
               id="existing-network"
               v-model="fields.selected"
+              data-id="existing-network-radio"
               type="radio"
               value="0"
               name="target-device"
@@ -38,6 +39,7 @@
                     <div>
                       <input
                         v-model="fields.network"
+                        data-id="network-input"
                         type="text"
                         disabled
                         :class="[
@@ -52,6 +54,7 @@
                       <button
                         type="button"
                         class="btn btn-link"
+                        data-id="show-select-network-modal-button"
                         @click="onShowModal('select-network')"
                       >
                         {{ localization.browseDoted }}
@@ -72,6 +75,7 @@
             <input
               id="existing-standard-switch"
               v-model="fields.selected"
+              data-id="existing-standard-switch-radio"
               type="radio"
               value="1"
               name="target-device"
@@ -98,6 +102,7 @@
                     <div>
                       <input
                         v-model="fields.standardSwitch"
+                        data-id="standard-switch-input"
                         type="text"
                         disabled
                         :class="[
@@ -112,6 +117,7 @@
                       <button
                         type="button"
                         class="btn btn-link"
+                        data-id="show-select-standard-switch-button"
                         @click="onShowModal('select-standard-switch')"
                       >
                         {{ localization.browseDoted }}
@@ -132,6 +138,7 @@
             <input
               id="existing-switch"
               v-model="fields.selected"
+              data-id="existing-switch-radio"
               type="radio"
               value="2"
               name="target-device"
@@ -158,6 +165,7 @@
                     <div>
                       <input
                         v-model="fields.switch"
+                        data-id="switch-input"
                         type="text"
                         disabled
                         :class="[
@@ -171,6 +179,7 @@
                       />
                       <button
                         type="button"
+                        data-id="show-select-switch-modal-button"
                         class="btn btn-link"
                         @click="onShowModal('select-switch')"
                       >
@@ -199,6 +208,7 @@
             <input
               id="standard-switch"
               v-model="fields.selected"
+              data-id="standard-switch-radio"
               type="radio"
               value="3"
               name="target-device"
@@ -229,6 +239,7 @@
                         <input
                           id="mtu"
                           v-model="fields.mtu"
+                          data-id="mtu-input"
                           type="number"
                           name="mtu"
                           :class="[

package/components/common/wizards/vm/common/tooltip/Tooltip.vue

@@ -3,11 +3,13 @@
     <a
       v-if="props.isShowElement"
       href="javascript:void(0)"
+      data-id="show-find-help-button"
       @click.stop="isShowFindHelp = !isShowFindHelp"
       >{{ localization.vmOrigin }}
     </a>
     <atoms-the-icon
       id="help-tooltip-icon"
+      data-id="show-help-tooltip-icon"
       class="info-icon"
       name="info-circle"
       @click.stop="isShowFindHelp = !isShowFindHelp"

package/components/common/wizards/vm/migrate/select/network/Network.vue

@@ -26,6 +26,7 @@
     <div class="vm-migrate-advanced-view-button">
       <button
         class="btn btn-sm migrate-network-advanced-btn"
+        data-id="migrate-network-advanced-button"
         @click="onClickSelectNetworkMode"
       >
         <span v-if="!isShowNetworkBasic"> &#x226A; </span>

package/components/common/wizards/vm/migrate/select/network/table/network/Network.vue

@@ -20,6 +20,7 @@
           <select
             :id="item.data.id"
             v-model="item.data.value"
+            data-id="network-select"
             :disabled="item.data.disabled"
             @change="onSelect(item.data)"
           >

package/components/common/wizards/vm/migrate/select/storage/Storage.vue

@@ -36,7 +36,11 @@
       @update-selected-datastore="selectStorageDataLocal.storage = $event"
     >
       <template v-if="isShowSelectedPerDisks" #buttonConfirm>
-        <button class="btn btn-sm btn-primary" @click="onApplyChanges">
+        <button
+          class="btn btn-sm btn-primary"
+          data-id="apply-selected-per-disks-button"
+          @click="onApplyChanges"
+        >
           {{ localization.confirm }}
         </button>
       </template>

package/components/common/wizards/vm/migrate/select/storage/configure/disk/Disk.vue

@@ -3,6 +3,7 @@
     <div class="btn-group">
       <button
         id="vm-migrate-configure"
+        data-id="vm-migrate-configure-button"
         class="btn btn-link btn-sm"
         :disabled="!selectedDisksFromTable.length"
         @click="onConfigure"

package/components/common/wizards/vm/migrate/select/storage/diskFormat/DiskFormat.vue

@@ -10,6 +10,7 @@
       <select
         id="storage-locator-disk-format-label"
         v-model="selectedVirtualDiskFormat"
+        data-id="storage-locator-disk-format-select"
         class="storage-locator-disk-format-label"
       >
         <option

package/components/common/wizards/vm/migrate/select/storage/policy/Policy.vue

@@ -12,6 +12,7 @@
       <select
         id="storage-locator-disk-policy-label"
         v-model="selectedVmStoragePolicy"
+        data-id="storage-locator-disk-policy-select"
         class="storage-locator-disk-format-label"
       >
         <option

package/components/common/wizards/vm/migrate/select/storage/selectedPerDisk/SelectedPerDisk.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="selected-per-disk">
     <atoms-the-icon
+      data-id="go-back-icon"
       class="icon-arrow"
       name="arrow"
       @click="onGoBack"

package/components/common/wizards/vm/migrate/select/targetServer/new/New.vue

@@ -14,6 +14,7 @@
             <input
               id="configuration-name-input"
               v-model="form.name.value"
+              data-id="configuration-name-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputName"
@@ -41,6 +42,7 @@
             <input
               id="configuration-folder-input"
               v-model="form.folder.value"
+              data-id="configuration-folder-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputFolder"
@@ -69,6 +71,7 @@
             <input
               id="configuration-folder-input"
               v-model="form.server.value"
+              data-id="configuration-folder-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputServer"
@@ -89,12 +92,17 @@
         {{ localization.saveVCenterServerAddress }}
       </label>
 
-      <input v-model="accessMode" type="checkbox" />
+      <input
+        v-model="accessMode"
+        data-id="access-mode-checkbox"
+        type="checkbox"
+      />
     </div>
 
     <button
       class="btn btn-primary btn-sm mt-2 clr-col-md-2"
       :disabled="true"
+      data-id="sign-in-button"
       @click="onSignIn"
     >
       {{ localization.login }}

package/composables/useAppVersion.ts

@@ -1,21 +1,21 @@
-import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
-
-export function useAppVersion(): UI_I_UseAppVersionReturnType {
-  const config = useRuntimeConfig()
-  const version = config.public.APP_VERSION
-
-  const regexHasDot = /\./
-  const regexHasDotAndB = /\..*b/
-  const regexHasDotAndD = /\..*d/
-
-  const isBeta = regexHasDotAndB.test(version)
-  const isDev =
-    regexHasDotAndD.test(version) ||
-    (!regexHasDot.test(version) && version.length < 8)
-
-  return {
-    version,
-    isBeta,
-    isDev,
-  }
-}
+import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
+
+export function useAppVersion(): UI_I_UseAppVersionReturnType {
+  const config = useRuntimeConfig()
+  const version = config.public.APP_VERSION
+
+  const regexHasDot = /\./
+  const regexHasDotAndB = /\..*b/
+  const regexHasDotAndD = /\..*d/
+
+  const isBeta = regexHasDotAndB.test(version)
+  const isDev =
+    regexHasDotAndD.test(version) ||
+    (!regexHasDot.test(version) && version.length < 8)
+
+  return {
+    version,
+    isBeta,
+    isDev,
+  }
+}

package/composables/useEnvLanguage.ts

@@ -1,20 +1,20 @@
-export function useEnvLanguage(): string {
-  const { $store }: any = useNuxtApp()
-
-  let localizationCode = 'en_US'
-  const langFromLocalStorage =
-    useLocalStorage('lang') || $store.getters['main/getInterfaceLang'] // Из $store для Сферы, но думаю нужно сделать одинаково из localStorage
-  if (langFromLocalStorage) {
-    if (
-      langFromLocalStorage === 'en_US' ||
-      langFromLocalStorage === 'ru_RU' ||
-      langFromLocalStorage === 'hy_AM'
-    ) {
-      localizationCode = langFromLocalStorage
-    }
-  }
-
-  localizationCode = localizationCode.slice(0, 2).toUpperCase()
-
-  return localizationCode
-}
+export function useEnvLanguage(): string {
+  const { $store }: any = useNuxtApp()
+
+  let localizationCode = 'en_US'
+  const langFromLocalStorage =
+    useLocalStorage('lang') || $store.getters['main/getInterfaceLang'] // Из $store для Сферы, но думаю нужно сделать одинаково из localStorage
+  if (langFromLocalStorage) {
+    if (
+      langFromLocalStorage === 'en_US' ||
+      langFromLocalStorage === 'ru_RU' ||
+      langFromLocalStorage === 'hy_AM'
+    ) {
+      localizationCode = langFromLocalStorage
+    }
+  }
+
+  localizationCode = localizationCode.slice(0, 2).toUpperCase()
+
+  return localizationCode
+}

package/lib/utils/sendTask.ts

@@ -1,72 +1,72 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  API_UI_I_Error,
-  UI_I_RequestBody,
-} from '~/lib/models/store/interfaces'
-import type {
-  UI_I_NotifyBodyMessage,
-  UI_I_SendTaskParams,
-} from '~/lib/models/interfaces'
-import { base64 } from './base64'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const showNotification = (message: UI_I_NotifyBodyMessage): void => {
-  const { title, desc, status } = message
-  const { $store } = useNuxtApp()
-
-  // @ts-ignore
-  $store.dispatch('main/A_SHOW_NOTIFICATION', {
-    status,
-    messages: [
-      {
-        title,
-        descriptions: [desc],
-      },
-    ],
-    headline: '',
-    timeout: status === 'success' ? 3000 : '',
-  })
-}
-const msgError: UI_I_NotifyBodyMessage = {
-  status: 'error',
-  title: localization.value.error,
-  desc: '',
-}
-const handleErrors = (error: Ref<API_UI_I_Error>): void => {
-  if (error.value.data?.error_message) {
-    msgError.desc = error.value.data?.error_message
-    showNotification(msgError)
-  }
-}
-
-export const handleRequest = async (
-  url: string,
-  body: UI_I_RequestBody
-): Promise<void> => {
-  // @ts-ignore
-  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
-    body,
-    method: 'POST',
-    key: Date.now().toString(),
-  })
-
-  if (error.value && error.value.data.error_code !== 0) {
-    handleErrors(error)
-  }
-}
-
-export async function sendTask({
-  method,
-  target,
-  args,
-}: UI_I_SendTaskParams): Promise<void> {
-  const argsToBase64 = args ? base64.encode(args) : ''
-  await handleRequest('/ui/tasks', {
-    method,
-    params: {
-      target,
-      args: argsToBase64,
-    },
-  })
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  API_UI_I_Error,
+  UI_I_RequestBody,
+} from '~/lib/models/store/interfaces'
+import type {
+  UI_I_NotifyBodyMessage,
+  UI_I_SendTaskParams,
+} from '~/lib/models/interfaces'
+import { base64 } from './base64'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const showNotification = (message: UI_I_NotifyBodyMessage): void => {
+  const { title, desc, status } = message
+  const { $store } = useNuxtApp()
+
+  // @ts-ignore
+  $store.dispatch('main/A_SHOW_NOTIFICATION', {
+    status,
+    messages: [
+      {
+        title,
+        descriptions: [desc],
+      },
+    ],
+    headline: '',
+    timeout: status === 'success' ? 3000 : '',
+  })
+}
+const msgError: UI_I_NotifyBodyMessage = {
+  status: 'error',
+  title: localization.value.error,
+  desc: '',
+}
+const handleErrors = (error: Ref<API_UI_I_Error>): void => {
+  if (error.value.data?.error_message) {
+    msgError.desc = error.value.data?.error_message
+    showNotification(msgError)
+  }
+}
+
+export const handleRequest = async (
+  url: string,
+  body: UI_I_RequestBody
+): Promise<void> => {
+  // @ts-ignore
+  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
+    body,
+    method: 'POST',
+    key: Date.now().toString(),
+  })
+
+  if (error.value && error.value.data.error_code !== 0) {
+    handleErrors(error)
+  }
+}
+
+export async function sendTask({
+  method,
+  target,
+  args,
+}: UI_I_SendTaskParams): Promise<void> {
+  const argsToBase64 = args ? base64.encode(args) : ''
+  await handleRequest('/ui/tasks', {
+    method,
+    params: {
+      target,
+      args: argsToBase64,
+    },
+  })
+}