bfg-common 1.5.684 → 1.5.686

package/assets/localization/local_be.json

@@ -202,6 +202,7 @@
     "changeComputeResourceOnly": "Змяніць толькі вылічальны рэсурс",
     "changeIdentityProvider": "Змяніць пастаўшчыка пасведчанняў",
     "changePassword": "Змяніць пароль",
+    "setYourPassword": "Усталюйце пароль",
     "changePasswordError": "Няправільны пароль!",
     "changeProviderTooltipContent": "Сервер VCENTER Server падтрымлівае знешніх пастаўшчыкоў пасведчанняў для кіравання карыстальнікамі і групамі. Вы можаце перайсці ад выкарыстання убудаванага пастаўшчыка пасведчанняў VCENTER Server да знешняга пастаўшчыку пасведчанняў. Дадатковыя звесткі гл. у дакументацыі vSphere.",
     "changeRole": "Змяніць ролю",

package/assets/localization/local_en.json

@@ -201,6 +201,7 @@
     "changeComputeResourceOnly": "Change compute resource only",
     "changeIdentityProvider": "Change Identity Provider",
     "changePassword": "Change Password",
+    "setYourPassword": "Set Your Password",
     "changePasswordError": "Invalid password!",
     "changeProviderTooltipContent": "Sphere Zone supports external identity providers to manage your users and groups. You can migrate from using the embedded Sphere Zone identity provider to an external identity provider. For more information, see the vSphere documentation.",
     "changeRole": "Change Role",

package/assets/localization/local_hy.json

@@ -201,6 +201,7 @@
     "changeComputeResourceOnly": "Փոխեք միայն հաշվողական ռեսուրսը",
     "changeIdentityProvider": "Փոխել ինքնության մատակարարին",
     "changePassword": "Փոխել գաղտնաբառը",
+    "setYourPassword": "Սահմանեք ձեր գաղտնաբառը",
     "changePasswordError": "Սխալ գաղտնաբառ!",
     "changeProviderTooltipContent": "VCenter Server-ն աջակցում է արտաքին ինքնության մատակարարներին ՝ Ձեր օգտվողներին և խմբերին կառավարելու համար: Դուք կարող եք անցնել Sphere Zone-ի ներկառուցված ինքնության մատակարարից դեպի արտաքին ինքնության մատակարար: Լրացուցիչ տեղեկությունների համար տես vSphere փաստաթղթերը:",
     "changeRole": "Փոխել դերը",

package/assets/localization/local_kk.json

@@ -201,6 +201,7 @@
     "changeComputeResourceOnly": "Тек ресурсты өзгертіңіз",
     "changeIdentityProvider": "Идентификатор провайдерін өзгерту",
     "changePassword": "Құпия сөзді өзгерту",
+    "setYourPassword": "Құпиясөзді орнатыңыз",
     "changePasswordError": "Қате құпия сөз!",
     "changeProviderTooltipContent": "VCenter сервері пайдаланушылар мен топтарды басқару үшін сыртқы жеке куәлік жеткізушілерін қолдайды. Кірістірілген Sphere Zone жеке куәлік провайдерін пайдаланудан Сыртқы жеке куәлік провайдеріне өтуге болады. Қосымша ақпарат алу үшін vSphere құжаттамасын қараңыз.",
     "changeRole": "Рөлді өзгерту",

package/assets/localization/local_ru.json

@@ -201,6 +201,7 @@
     "changeComputeResourceOnly": "Изменить только вычислительный ресурс",
     "changeIdentityProvider": "Изменить провайдера идентификации",
     "changePassword": "Изменить пароль",
+    "setYourPassword": "Установите пароль",
     "changePasswordError": "Неверный пароль!",
     "changeProviderTooltipContent": "Сервер Sphere Zone поддерживает внешних поставщиков удостоверений для управления вашими пользователями и группами. Вы можете перейти от использования встроенного поставщика удостоверений Sphere Zone к внешнему поставщику удостоверений. Дополнительные сведения см. в документации vSphere.",
     "changeRole": "Сменить роль",

package/assets/localization/local_zh.json

@@ -201,6 +201,7 @@
     "changeComputeResourceOnly": "仅编辑计算资源",
     "changeIdentityProvider": "更改身份提供商",
     "changePassword": "更改密码",
+    "setYourPassword": "设置您的密码",
     "changePasswordError": "密码错误！",
     "changeProviderTooltipContent": "Sphere Zoneは、ユーザーとグループを管理するための外部idプロバイダをサポートしています。 組み込みのSphere Zone idプロバイダを使用してから外部idプロバイダに移行できます。 詳細については、vSphereのドキュメントを参照してください。",
     "changeRole": "改变角色",

package/assets/scss/components/auth.scss

@@ -169,7 +169,7 @@
     color: #000000;
     font-size: 32px;
     font-weight: 400;
-    line-height: 38px;
+    line-height: 44px;
     margin-bottom: 48px;
     span {
       font-size: 32px;
@@ -180,8 +180,18 @@
     margin-bottom: 48px;
   }
   &__input {
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: var(--input-bg);
+      border-radius: 8px;
+    }
     :deep(.ui-main-input) {
-      background-color: #fafafa;
+      background-color: var(--input-bg);
     }
     :deep(input.ui-main-input:-internal-autofill-selected),
     :deep(input.ui-main-input:-internal-autofill-selected:hover),
@@ -189,7 +199,7 @@
     :deep(input.ui-main-input:-internal-autofill-selected:focus) {
       appearance: menulist-button;
       background-image: none !important;
-      background-color: #fafafa !important;
+      background-color: var(--input-bg) !important;
       color: fieldtext !important;
       -webkit-background-clip: text;
     }
@@ -210,11 +220,11 @@
     }
   }
   &__checkbox {
-    margin-top: 18px;
+    margin-top: 16px;
   }
   &__button {
     @include flex($just: center, $align: center);
-    margin-top: 72px;
+    margin-top: 32px;
     height: 44px;
     border-radius: 8px;
     :deep(svg) {

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePassword.vue

@@ -1,93 +1,90 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model="form"
-    :subtitle="props.hostname"
-    :project="props.project"
-    :first-time="props.firstTime"
-    @change-password="onChangePassword"
-    @hide="onHideModal"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { API_UI_I_Error } from '~/lib/models/store/interfaces'
-import type {
-  UI_I_ChangePasswordBodyRequest, UI_I_ChangePasswordFirstTimeBodyRequest,
-  UI_I_ChangePasswordForm,
-} from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-// import {} from '#build/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    hostname: string
-    project: UI_T_Project
-    firstTime?: boolean
-  }>(),
-  { firstTime: false }
-)
-const isShowModalLocal = defineModel<boolean>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-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 form = ref<UI_I_ChangePasswordForm>({
-  current_password: '',
-  new_password: '',
-  confirm_password: '',
-})
-
-const onChangePassword = async (): Promise<void> => {
-  const { current_password, new_password } = form.value
-
-  onHideModal()
-
-  let sendData: UI_I_ChangePasswordBodyRequest | UI_I_ChangePasswordFirstTimeBodyRequest = {
-    current_password,
-    new_password,
-  }
-
-  let url = ''
-  if (props.firstTime || props.project === 'sphere') {
-    sendData = {
-      password: new_password
-    }
-    url = 'ui/users/current/change_password'
-  } else if (props.project === 'procurator') {
-    url = '/ui/passwd'
-  }
-
-  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
-    method: 'POST',
-    body: sendData,
-    key: Date.now().toString(),
-  })
-
-  if (error.value?.data && error.value.data.error_code !== 0) {
-    const errorText = error.value.data?.error_message || error.value.data
-
-    $store.dispatch('main/A_SHOW_NOTIFICATION', {
-      status: 'error',
-      headline: localization.value.common.operationFailed,
-      messages: [
-        {
-          title: localization.value.common.error,
-          descriptions: [errorText],
-        },
-      ],
-    })
-  }
-}
-const onHideModal = (): void => {
-  isShowModalLocal.value = false
-}
-</script>
+<template>
+  <component
+    :is="currentComponent"
+    v-model="form"
+    :subtitle="props.hostname"
+    :project="props.project"
+    @change-password="onChangePassword"
+    @hide="onHideModal"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { API_UI_I_Error } from '~/lib/models/store/interfaces'
+import type {
+  UI_I_ChangePasswordBodyRequest,
+  UI_I_ChangePasswordFirstTimeBodyRequest,
+  UI_I_ChangePasswordForm,
+} from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+
+const props = defineProps<{
+  hostname: string
+  project: UI_T_Project
+}>()
+const isShowModalLocal = defineModel<boolean>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+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 form = ref<UI_I_ChangePasswordForm>({
+  current_password: '',
+  new_password: '',
+  confirm_password: '',
+})
+
+const onChangePassword = async (): Promise<void> => {
+  const { current_password, new_password } = form.value
+
+  onHideModal()
+
+  let sendData:
+    | UI_I_ChangePasswordBodyRequest
+    | UI_I_ChangePasswordFirstTimeBodyRequest = {
+    current_password,
+    new_password,
+  }
+
+  let url = ''
+  if (props.project === 'sphere') {
+    sendData = {
+      password: new_password,
+    }
+    url = 'ui/users/current/change_password'
+  } else if (props.project === 'procurator') {
+    url = '/ui/passwd'
+  }
+
+  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
+    method: 'POST',
+    body: sendData,
+    key: Date.now().toString(),
+  })
+
+  if (error.value?.data && error.value.data.error_code !== 0) {
+    const errorText = error.value.data?.error_message || error.value.data
+
+    $store.dispatch('main/A_SHOW_NOTIFICATION', {
+      status: 'error',
+      headline: localization.value.common.operationFailed,
+      messages: [
+        {
+          title: localization.value.common.error,
+          descriptions: [errorText],
+        },
+      ],
+    })
+  }
+}
+const onHideModal = (): void => {
+  isShowModalLocal.value = false
+}
+</script>

package/components/common/layout/theHeader/userMenu/modals/changePassword/New.vue

@@ -1,193 +1,186 @@
-<template>
-  <ui-modal
-    :title="localization.common.changePassword"
-    :texts="modalTexts"
-    :subtitle="props.subtitle"
-    width="560px"
-    test-id="change-password-modal"
-    show
-    @submit="onSubmit"
-    @hide="onHideModal"
-  >
-    <template #content>
-      <ui-modal-block-standard>
-        <ui-alert
-          v-if="alertErrorText"
-          :messages="[alertErrorText]"
-          test-id="change-password-error-alert"
-          type="error"
-          class="change-password__alert"
-          hide-close-button
-        />
-
-        <p class="change-password__description">
-          {{ description }}
-        </p>
-
-        <div class="change-password__form">
-          <ui-input
-            v-model="modelLocal.current_password"
-            :label="localization.common.currentPassword"
-            :error="passwordErrorText"
-            :autocomplete="'new-password'"
-            type="password"
-            test-id="change-password-password-field"
-          />
-
-          <ui-input
-            v-model="modelLocal.new_password"
-            :label="localization.common.newPassword"
-            :error="newPasswordErrorText"
-            test-id="change-password-new-password-field"
-            type="password"
-          />
-
-          <ui-input
-            v-model="modelLocal.confirm_password"
-            :label="localization.common.confirmNewPassword"
-            :error="confirmPasswordErrorText"
-            test-id="change-password-confirm-password-field"
-            type="password"
-          />
-        </div>
-      </ui-modal-block-standard>
-    </template>
-
-    <template #footerLeftContent><span /></template>
-  </ui-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ChangePasswordForm } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_InitialValidationFields } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
-import {
-  validateField,
-  getPasswordMismatchError,
-} from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/utils'
-
-const props = defineProps<{
-  project: UI_T_Project
-  subtitle: string
-  firstTime: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'change-password'): void
-}>()
-const modelLocal = defineModel<UI_I_ChangePasswordForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const description = ref<string>(props.firstTime
-    ? localization.value.common.firstTimeChangePasswordDesc
-    : localization.value.common.changePasswordDesc)
-
-const modalTexts = computed<UI_I_ModalTexts>(() => {
-  return {
-    button1: localization.value.common.cancel,
-    button2: localization.value.common.save,
-  }
-})
-
-const alertErrorText = ref<string>('')
-const initValidationFields = ref<UI_I_InitialValidationFields>({
-  currentPassword: false,
-  newPassword: false,
-  confirmPassword: false,
-})
-const initValidation = (types: string[]): boolean => {
-  types.forEach((type) => (initValidationFields.value[type] = true))
-
-  return (
-    !!passwordErrorText.value ||
-    !!newPasswordErrorText.value ||
-    !!confirmPasswordErrorText.value
-  )
-}
-
-const passwordErrorText = computed<string>(() => {
-  if (!initValidationFields.value.currentPassword) return ''
-
-  return !modelLocal.value.current_password
-    ? localization.value.common.fieldRequired
-    : ''
-})
-const newPasswordErrorText = computed<string>(() => {
-  if (!initValidationFields.value.newPassword) return ''
-
-  const { new_password, confirm_password } = modelLocal.value
-  return !new_password
-    ? localization.value.common.fieldRequired
-    : getPasswordMismatchError(
-        localization.value,
-        new_password,
-        confirm_password
-      )
-})
-const confirmPasswordErrorText = computed<string>(() => {
-  if (!initValidationFields.value.confirmPassword) return ''
-  const { new_password, confirm_password } = modelLocal.value
-  return !confirm_password
-    ? localization.value.common.fieldRequired
-    : getPasswordMismatchError(
-        localization.value,
-        new_password,
-        confirm_password
-      )
-})
-const onSubmit = (): void => {
-  const isFieldValid = initValidation([
-    'currentPassword',
-    'newPassword',
-    'confirmPassword',
-  ])
-
-  const { current_password, new_password } = modelLocal.value
-
-  if (!isFieldValid) {
-    alertErrorText.value = validateField(
-      localization.value,
-      current_password,
-      new_password
-    )
-  }
-
-  !isFieldValid && !alertErrorText.value && emits('change-password')
-}
-const onHideModal = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.modal-container-standard {
-  padding-top: 8px;
-  padding-bottom: 8px;
-
-  .change-password {
-    &__description {
-      color: #9da6ad;
-      font-size: 12px;
-      font-weight: 400;
-      line-height: 14.52px;
-      margin-bottom: 20px;
-    }
-    &__alert {
-      padding: 10px 12px;
-      margin-bottom: 12px;
-      :deep(svg) {
-        width: 16px;
-        height: 16px;
-      }
-    }
-    &__form {
-      @include flex($dir: column);
-      row-gap: 16px;
-    }
-  }
-}
-</style>
+<template>
+  <ui-modal
+    :title="localization.common.changePassword"
+    :texts="modalTexts"
+    :subtitle="props.subtitle"
+    width="560px"
+    test-id="change-password-modal"
+    show
+    @submit="onSubmit"
+    @hide="onHideModal"
+  >
+    <template #content>
+      <ui-modal-block-standard>
+        <p class="change-password__description">
+          {{ description }}
+        </p>
+
+        <div class="change-password__form">
+          <ui-input
+            v-model="modelLocal.current_password"
+            :label="localization.common.currentPassword"
+            :error="passwordErrorText"
+            :autocomplete="'new-password'"
+            type="password"
+            test-id="change-password-password-field"
+          />
+
+          <ui-input
+            v-model="modelLocal.new_password"
+            :label="localization.common.newPassword"
+            :error="newPasswordErrorText"
+            test-id="change-password-new-password-field"
+            type="password"
+          />
+
+          <ui-input
+            v-model="modelLocal.confirm_password"
+            :label="localization.common.confirmNewPassword"
+            :error="confirmPasswordErrorText"
+            test-id="change-password-confirm-password-field"
+            type="password"
+          />
+        </div>
+      </ui-modal-block-standard>
+    </template>
+
+    <template #footerLeftContent><span /></template>
+  </ui-modal>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ChangePasswordForm } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_InitialValidationFields } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
+import {
+  validateField,
+  getPasswordMismatchError,
+} from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/utils'
+
+const props = defineProps<{
+  project: UI_T_Project
+  subtitle: string
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'change-password'): void
+}>()
+const modelLocal = defineModel<UI_I_ChangePasswordForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const description = ref<string>(localization.value.common.changePasswordDesc)
+
+const modalTexts = computed<UI_I_ModalTexts>(() => {
+  return {
+    button1: localization.value.common.cancel,
+    button2: localization.value.common.save,
+  }
+})
+
+const initValidationFields = ref<UI_I_InitialValidationFields>({
+  currentPassword: false,
+  newPassword: false,
+  confirmPassword: false,
+})
+const initValidation = (types: string[]): boolean => {
+  types.forEach((type) => (initValidationFields.value[type] = true))
+
+  return (
+    !!passwordErrorText.value ||
+    !!newPasswordErrorText.value ||
+    !!confirmPasswordErrorText.value
+  )
+}
+
+const passwordErrorText = computed<string>(() => {
+  if (!initValidationFields.value.currentPassword) return ''
+
+  if (!modelLocal.value.current_password) {
+    return localization.value.common.fieldRequired
+  } else {
+    return ''
+  }
+})
+const newPasswordErrorText = computed<string>(() => {
+  if (!initValidationFields.value.newPassword) return ''
+
+  const { current_password, new_password, confirm_password } = modelLocal.value
+
+  const validateText = validateField(
+    localization.value,
+    current_password,
+    new_password
+  )
+  const mismatchError = getPasswordMismatchError(
+    localization.value,
+    new_password,
+    confirm_password
+  )
+  if (!new_password) {
+    return localization.value.common.fieldRequired
+  } else if (validateText) {
+    return validateText
+  } else if (mismatchError) {
+    return mismatchError
+  } else return ''
+})
+const confirmPasswordErrorText = computed<string>(() => {
+  if (!initValidationFields.value.confirmPassword) return ''
+  const { new_password, confirm_password } = modelLocal.value
+
+  if (!confirm_password) {
+    return localization.value.common.fieldRequired
+  } else {
+    return getPasswordMismatchError(
+      localization.value,
+      new_password,
+      confirm_password
+    )
+  }
+})
+const onSubmit = (): void => {
+  const isFieldValid = initValidation([
+    'currentPassword',
+    'newPassword',
+    'confirmPassword',
+  ])
+
+  !isFieldValid && emits('change-password')
+}
+const onHideModal = (): void => {
+  emits('hide')
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.modal-container-standard {
+  padding-top: 8px;
+  padding-bottom: 8px;
+
+  .change-password {
+    &__description {
+      color: #9da6ad;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 14.52px;
+      margin-bottom: 20px;
+    }
+    &__alert {
+      padding: 10px 12px;
+      margin-bottom: 12px;
+      :deep(svg) {
+        width: 16px;
+        height: 16px;
+      }
+    }
+    &__form {
+      @include flex($dir: column);
+      row-gap: 16px;
+    }
+  }
+}
+</style>

package/components/common/layout/theHeader/userMenu/modals/changePassword/Old.vue

@@ -10,7 +10,6 @@
     @submit="onChangePassword"
   >
     <template #modalBody>
-      <p v-if="props.firstTime">{{ localization.common.firstTimeChangePasswordDesc }}</p>
       <form id="change-password-form" class="compact" @submit.prevent>
         <section class="form-block">
           <div class="form-group">
@@ -98,7 +97,6 @@ import { defaultFormFunc } from '~/components/common/layout/theHeader/userMenu/m
 const props = defineProps<{
   hostname: string
   project: UI_T_Project
-  firstTime: boolean
 }>()
 const emits = defineEmits<{
   (event: 'hide'): void

package/components/common/layout/theHeader/userMenu/modals/changePassword/lib/utils.ts

@@ -1,4 +1,4 @@
-import type { UI_I_Localization } from '~//lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { RegExp } from '~/lib/config/regExp'
 
 export const getPasswordMismatchError = (

package/components/common/wizards/vm/migrate/steps/selectStorage/SelectStorage.vue

@@ -80,10 +80,10 @@ const onApplyChanges = (): void => {
   /* TODO сделать рефакторинг потом */
   model.value.configure.disks.forEach((disk) => {
     const selectedDisk = selectedPerDisks.value.find(
-      (selected) =>
-        selected.virtual_machine === disk.virtual_machine &&
-        selected.file === disk.file &&
-        selected.extra.datastore_id === disk.extra.datastore_id
+      (selectedDisk) =>
+        selectedDisk.virtual_machine === disk.virtual_machine &&
+        selectedDisk.extra.disk_source === disk.extra.disk_source &&
+        selectedDisk.extra.datastore_id === disk.extra.datastore_id
     )!
 
     if (selectedDisk) {

package/components/common/wizards/vm/migrate/steps/selectStorage/configure/disk/table/new/lib/config/diskTable.ts

@@ -158,12 +158,16 @@ export const getBodyDataFunc = (
   bodyData: UI_I_StorageConfigurePerDiskItem[],
   localization: UI_I_Localization
 ): UI_I_DataTableBody[] => {
-  const { $binary }: any = useNuxtApp()
 
   return bodyData.map((disk, index: number) => {
     const diskFormat =
       index === 0 ? 'N/A' : UI_E_SelectStorageDiskFormat[disk.disk_format]
 
+    const file =
+      disk.extra.disk_source === 'meta'
+        ? disk.file
+        : `${disk.extra.disk_source} (${disk.extra.disk_size} ${localization.common.mb} )`
+
     const diskSharingKey = disk.extra.sharing
       ? E_DiskSharing.Active
       : E_DiskSharing.Inactive
@@ -198,7 +202,7 @@ export const getBodyDataFunc = (
         },
         {
           col: 'col2',
-          text: disk.file,
+          text: file,
         },
         {
           col: 'col3',

package/components/common/wizards/vm/migrate/steps/selectStorage/configure/disk/table/old/lib/config/diskTable.ts

@@ -66,32 +66,38 @@ export const bodyItems = (
   data: UI_I_StorageConfigurePerDiskItem[]
 ): UI_I_BodyItem[][] => {
   const bodyItems: UI_I_BodyItem[][] = []
+  const localization = useLocal()
 
-  data.forEach((storage: UI_I_StorageConfigurePerDiskItem, key: number) => {
+  data.forEach((disk: UI_I_StorageConfigurePerDiskItem, key: number) => {
     const diskFormat =
       key === 0
         ? 'N/A'
-        : UI_E_SelectStorageDiskFormat[storage[vmMigrateDiskTableItemKeys[4]]]
+        : UI_E_SelectStorageDiskFormat[disk[vmMigrateDiskTableItemKeys[4]]]
+
+    const file =
+      disk.extra.disk_source === 'meta'
+        ? disk[vmMigrateDiskTableItemKeys[2]]
+        : `${disk.extra.disk_source} (${disk.extra.disk_size} ${localization.common.mb} )`
 
     bodyItems.push([
       {
         key: 'col0',
-        text: storage[vmMigrateDiskTableItemKeys[0]],
+        text: disk[vmMigrateDiskTableItemKeys[0]],
         id: key,
       },
       {
         key: 'col1',
-        text: storage[vmMigrateDiskTableItemKeys[1]],
+        text: disk[vmMigrateDiskTableItemKeys[1]],
         id: key,
       },
       {
         key: 'col2',
-        text: storage[vmMigrateDiskTableItemKeys[2]],
+        text: file,
         id: key,
       },
       {
         key: 'col3',
-        text: storage[vmMigrateDiskTableItemKeys[3]],
+        text: disk[vmMigrateDiskTableItemKeys[3]],
         id: key,
       },
       {
@@ -101,33 +107,33 @@ export const bodyItems = (
       },
       {
         key: 'col5',
-        text: storage.extra[vmMigrateDiskTableItemKeys[5]],
+        text: disk.extra[vmMigrateDiskTableItemKeys[5]],
         id: key,
       },
 
       {
         key: 'col6',
-        text: storage.extra[vmMigrateDiskTableItemKeys[6]],
+        text: disk.extra[vmMigrateDiskTableItemKeys[6]],
         id: key,
       },
       {
         key: 'col7',
-        text: storage.extra[vmMigrateDiskTableItemKeys[7]],
+        text: disk.extra[vmMigrateDiskTableItemKeys[7]],
         id: key,
       },
       {
         key: 'col8',
-        text: storage.extra[vmMigrateDiskTableItemKeys[8]],
+        text: disk.extra[vmMigrateDiskTableItemKeys[8]],
         id: key,
       },
       {
         key: 'col9',
-        text: storage.extra[vmMigrateDiskTableItemKeys[9]],
+        text: disk.extra[vmMigrateDiskTableItemKeys[9]],
         id: key,
       },
       {
         key: 'col10',
-        text: storage.extra[vmMigrateDiskTableItemKeys[10]],
+        text: disk.extra[vmMigrateDiskTableItemKeys[10]],
         id: key,
       },
     ])

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.684",
+  "version": "1.5.686",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",