bfg-common 1.2.138 → 1.2.140

package/assets/scss/common/utilities.scss

@@ -5,6 +5,8 @@
   z-index: 9999;
   overflow: hidden;
   width: 434px;
+  max-height: 530px;
+  overflow-y: auto;
 
   h3 {
     color: var(--global-font-color7);

package/components/atoms/nav/NavBar.vue

@@ -58,7 +58,7 @@ const setTriggerElementWidth = (): void => {
   if (!id.value || !props.testId) return
 
   const element = document.querySelector(
-    `#${id.value} [test-id="${props.testId}-container"]`
+    `#${id.value} #${props.testId}-container`
   )
   triggerElementWidth =
     element && element?.style?.display !== 'none'

package/components/atoms/tabs/Tabs.vue

@@ -81,9 +81,7 @@ let triggerElementWidth = 0
 const setTriggerElementWidth = (): void => {
   if (!id.value || !props.testId) return
 
-  const element = document.querySelector(
-    `#${id.value} [test-id="${props.testId}-item"]`
-  )
+  const element = document.querySelector(`#${id.value} #${props.testId}-item`)
   if (
     element &&
     element?.style?.display !== 'none' &&

package/components/common/wizards/vm/migrate/Migrate.vue

@@ -79,6 +79,7 @@ import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/in
 import type { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
 import type { UI_I_MigrateVerticalStepItem } from '~/components/common/wizards/vm/migrate/models/interfaces'
 import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/models/types'
+import type { UI_I_CollectedDataFormLocal } from '~/components/common/wizards/vm/migrate/models/interfaces'
 import { stepItemsFunc } from '~/components/common/wizards/vm/migrate/utils'
 import { constructDataReadyViewFunc } from '~/components/common/wizards/vm/migrate/config/constructDataReady'
 
@@ -123,15 +124,34 @@ const connectedStorageIdOnVm = computed<string>(
   () => props.vmSettings?.storage.id || ''
 )
 
+const dataFormLocal = ref<UI_I_CollectedDataFormLocal>({
+  selectStorage: null,
+})
+
 const onSelectStorageAndNext = (event: UI_I_SelectStorageReadyData): void => {
-  dataReadyView.value = constructDataReadyViewFunc<UI_I_SelectStorageReadyData>(
-    vmMigrateType.value,
-    props.vmName,
-    event
-  )
+  dataFormLocal.value.selectStorage = event
+  // dataReadyView.value = constructDataReadyViewFunc<UI_I_SelectStorageReadyData>(
+  //   vmMigrateType.value,
+  //   props.vmName,
+  //   event
+  // )
 
   onNextStep(true)
 }
+
+watch(
+  currentBlockId,
+  (newValue: string) => {
+    if (newValue !== 'ready-complete') return
+
+    dataReadyView.value = constructDataReadyViewFunc<any>(
+      vmMigrateType.value,
+      props.vmName,
+      dataFormLocal.value
+    )
+  },
+  { deep: true, immediate: true }
+)
 const onFinish = (): void => {
   loading.value = true
   props.finishFunc().then(() => {

package/components/common/wizards/vm/migrate/config/constructDataReady.ts

@@ -2,20 +2,25 @@ import type { UI_I_Localization } from '~/models/interfaces'
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
 import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
 import { UI_E_VmMigrationType } from '~/components/common/wizards/vm/migrate/models/enums'
-import { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/models/interfaces'
-import { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
+import {
+  UI_I_CollectedDataFormLocal,
+  UI_I_MigrateReadyBlockData,
+} from '~/components/common/wizards/vm/migrate/models/interfaces'
+// import { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
 import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/config/formatOptions'
 
 const storageDetailsFunc = (
   localization: UI_I_Localization,
   migrationType: string,
   name: string,
-  event: UI_I_SelectStorageReadyData
+  event: UI_I_CollectedDataFormLocal
 ): UI_I_MigrateReadyBlockData[] => {
-  const isActivePerDiskTab: boolean = event.tab === 'configure-disk'
+  const { selectStorage } = event
+
+  const isActivePerDiskTab: boolean = selectStorage.tab === 'configure-disk'
 
   const diskFormat = vmDiskFormatOptions().find(
-    (file) => file.value === event.vmDiskFormat
+    (file) => file.value === selectStorage.vmDiskFormat
   )!
 
   let result: UI_I_MigrateReadyBlockData[] = [
@@ -31,7 +36,7 @@ const storageDetailsFunc = (
     },
     {
       label: localization.storage,
-      value: event.storage?.name,
+      value: selectStorage.storage?.name,
       permissions: ['batch-configure'],
     },
     {
@@ -46,8 +51,8 @@ const storageDetailsFunc = (
     },
   ]
 
-  if (isActivePerDiskTab && event.configureDisks) {
-    const perDiskItems: UI_I_MigrateReadyBlockData[] = event.configureDisks.map(
+  if (isActivePerDiskTab && selectStorage.configureDisks) {
+    const perDiskItems: UI_I_MigrateReadyBlockData[] = selectStorage.configureDisks.map(
       (item) => ({
         label: item.name,
         value: `${item.file} ${item.disk_format}`,
@@ -58,26 +63,28 @@ const storageDetailsFunc = (
     result = result.concat(perDiskItems)
   }
 
-  return result.filter((option) => option.permissions.includes(event.tab))
+  return result.filter((option) => option.permissions.includes(selectStorage.tab))
 }
-export const constructDataReadyViewFunc = <T>(
+export const constructDataReadyViewFunc = (
   type: UI_T_VmMigrateType,
   name: string,
-  data: T
+  data: UI_I_CollectedDataFormLocal
 ): UI_I_TableInfoItem[] => {
   const localization: UI_I_Localization = useLocal()
 
-  const details = {
-    storage: storageDetailsFunc,
-    'resource-storage': storageDetailsFunc, //  временно чтобы не было ошибка при исползоване сфере
-  }
+  // const details = {
+  //   storage: storageDetailsFunc,
+  //   'resource-storage': storageDetailsFunc, //  временно чтобы не было ошибка при исползоване сфере
+  // }
 
   const migrationType = localization[UI_E_VmMigrationType[type]]
 
-  return details[type as keyof typeof details](
-    localization,
-    migrationType,
-    name,
-    data
-  )
+  return storageDetailsFunc(localization, migrationType, name, data)
+
+  // return details[type as keyof typeof details](
+  //   localization,
+  //   migrationType,
+  //   name,
+  //   data
+  // )
 }

package/components/common/wizards/vm/migrate/models/interfaces.ts

@@ -2,8 +2,8 @@ import type { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
 import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
 import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
+import type { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
 import type { UI_T_Project } from '~/models/types'
-
 export interface UI_I_MigrateVerticalStepItem extends UI_I_VerticalStepItem {
   id: string
   project: UI_T_Project[]
@@ -14,3 +14,7 @@ export interface UI_I_MigrateVerticalStepItem extends UI_I_VerticalStepItem {
 export interface UI_I_MigrateReadyBlockData extends UI_I_TableInfoItem {
   permissions: UI_T_VmMigrateSelectStorageTab[]
 }
+
+export interface UI_I_CollectedDataFormLocal {
+  selectStorage: UI_I_SelectStorageReadyData
+}

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

@@ -1,9 +1,51 @@
 <template>
   <div class="select-network">
-    <common-wizards-vm-common-validation-compatibility />
+    <common-wizards-vm-migrate-select-network-table-disk
+      v-model="selected"
+      :type="tableType"
+      :data-table="[]"
+    />
+
+    <div class="vm-migrate-advanced-view-button">
+      <button
+        class="btn btn-sm migrate-network-advanced-btn"
+        @click="isShowNetworkBasic = !isShowNetworkBasic"
+      >
+        <span v-if="isShowNetworkBasic"> &#x226A; </span>
+        {{ buttonText }}
+        <span v-if="!isShowNetworkBasic"> &#8811; </span>
+      </button>
+    </div>
+
+    <common-wizards-vm-common-validation-compatibility
+      :loading="false"
+      status="Success"
+      text="compatibilityChecksSucceeded"
+    />
   </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selected = ref<number[]>([])
+const isShowNetworkBasic = ref<boolean>(false)
+
+const buttonText = computed(
+  () => localization.value[isShowNetworkBasic.value ? 'basic' : 'advanced']
+)
+
+const tableType = computed<string>(() =>
+  isShowNetworkBasic.value ? 'basic' : 'advanced'
+)
+</script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.select-network {
+  .vm-migrate-advanced-view-button {
+    text-align: end;
+  }
+}
+</style>

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

@@ -0,0 +1,84 @@
+<template>
+  <div class="table-wrap">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedRow"
+      v-model:column-keys="columnKeys"
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      type="checkbox"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :total-pages="1"
+      server-off
+      hide-footer
+      hide-page-size
+      @sorting="sorting"
+    >
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Pagination, UI_I_Localization } from '~/models/interfaces'
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/models/interfaces'
+import * as basicTable from '~/components/common/wizards/vm/migrate/select/network/table/disk/config/basicTable'
+import * as advancedTable from '~/components/common/wizards/vm/migrate/select/network/table/disk/config/advancedTable'
+
+const props = defineProps<{
+  modelValue: number[]
+  dataTable: any[]
+  type: 'basic' | 'advanced'
+}>()
+const emits = defineEmits<{
+  (event: 'update:model-value', value: number[] | null): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const table: any = {
+  basic: basicTable,
+  advanced: advancedTable,
+}
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table[props.type].headItems(localization.value)
+)
+const columnKeys = computed<UI_I_ColumnKey[]>(() =>
+  table[props.type].columnKeys(localization.value)
+)
+watch(localization, () => {
+  columnKeys.value = table[props.type].columnKeys(localization.value)
+})
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return table[props.type].bodyItems(props.dataTable)
+})
+
+const sort = ref<string | null>(null)
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const sorting = (data: [string, boolean]): void => {
+  const [column, status] = data
+  const direction = status ? 'asc' : 'desc'
+  sort.value = `${column}.${direction}`
+}
+
+const selectedRow = computed<number[]>({
+  get() {
+    return props.modelValue
+  },
+  set(newValue: number[]) {
+    emits('update:model-value', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/vm/migrate/select/network/table/disk/config/advancedTable.ts

@@ -0,0 +1,77 @@
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/models/interfaces'
+import type { UI_I_Localization } from '~/models/interfaces'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/utils/constructDataTable'
+import { networkAdvancedTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/disk/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.vm, true, '25%', networkAdvancedTableItemKeys[0]],
+    [localization.networkAdapter, true, '25%', networkAdvancedTableItemKeys[1]],
+    [localization.sourceNetwork, true, '25%', networkAdvancedTableItemKeys[2]],
+    [
+      localization.destinationNetwork,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[3],
+    ],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = `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 = `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (data: any[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((storage: any, key: number) => {
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: storage[networkAdvancedTableItemKeys[0]],
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: storage[networkAdvancedTableItemKeys[1]],
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: storage[networkAdvancedTableItemKeys[2]],
+        id: key,
+      },
+      {
+        key: 'col3',
+        text: storage[networkAdvancedTableItemKeys[3]],
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vm/migrate/select/network/table/disk/config/basicTable.ts

@@ -0,0 +1,71 @@
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/models/interfaces'
+import type { UI_I_Localization } from '~/models/interfaces'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/utils/constructDataTable'
+import { networkBasicsTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/disk/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.sourceNetwork, true, '33.3%', networkBasicsTableItemKeys[0]],
+    [localization.usedBy, true, '33.3%', networkBasicsTableItemKeys[1]],
+    [
+      localization.destinationNetwork,
+      true,
+      '33.3%',
+      networkBasicsTableItemKeys[2],
+    ],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = `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 = `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (data: any[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((storage: any, key: number) => {
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: storage[networkBasicsTableItemKeys[0]],
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: storage[networkBasicsTableItemKeys[1]],
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: storage[networkBasicsTableItemKeys[2]],
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vm/migrate/select/network/table/disk/config/tableKeys.ts

@@ -0,0 +1,10 @@
+import type {
+  UI_T_NetworkBasicsTableTableKeysTuple,
+  UI_T_NetworkAdvancedTableKeysTuple,
+} from '~/components/common/wizards/vm/migrate/select/network/table/disk/models/types'
+
+export const networkBasicsTableItemKeys: UI_T_NetworkBasicsTableTableKeysTuple =
+  ['source_network', 'used_by', 'destination_network']
+
+export const networkAdvancedTableItemKeys: UI_T_NetworkAdvancedTableKeysTuple =
+  ['vm_name', 'network_adapter', 'source_network', 'destination_network']

package/components/common/wizards/vm/migrate/select/network/table/disk/models/interfaces.ts

@@ -0,0 +1 @@
+

package/components/common/wizards/vm/migrate/select/network/table/disk/models/types.ts

@@ -0,0 +1,12 @@
+export type UI_T_NetworkAdvancedTableKeysTuple = [
+  'vm_name',
+  'network_adapter',
+  'source_network',
+  'destination_network'
+]
+
+export type UI_T_NetworkBasicsTableTableKeysTuple = [
+  'source_network',
+  'used_by',
+  'destination_network'
+]

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

@@ -35,6 +35,8 @@
 
     <common-wizards-vm-common-validation-compatibility
       :loading="!dataLocal.storage"
+      :status="'Success'"
+      text="compatibilityChecksSucceeded"
     />
   </div>
 </template>

package/components/common/wizards/vm/migrate/select/storage/configure/batch/Batch.vue

@@ -4,19 +4,19 @@
       v-model:vm-disk-format="selectedVmDiskFormat"
     />
 
-    <common-wizards-vm-migrate-select-storage-policy />
-
-    <div class="clr-checkbox-wrapper flex-align-center w-100">
-      <input
-        id="suspend-on-revert"
-        v-model="isDisableStorageDrs"
-        type="checkbox"
-        class="checkbox-btn"
-      />
-      <label for="suspend-on-revert" class="clr-control-label">
-        {{ localization.disableStorageDRSVirtualMachine }}
-      </label>
-    </div>
+    <!--    <common-wizards-vm-migrate-select-storage-policy />-->
+
+    <!--    <div class="clr-checkbox-wrapper flex-align-center w-100">-->
+    <!--      <input-->
+    <!--        id="suspend-on-revert"-->
+    <!--        v-model="isDisableStorageDrs"-->
+    <!--        type="checkbox"-->
+    <!--        class="checkbox-btn"-->
+    <!--      />-->
+    <!--      <label for="suspend-on-revert" class="clr-control-label">-->
+    <!--        {{ localization.disableStorageDRSVirtualMachine }}-->
+    <!--      </label>-->
+    <!--    </div>-->
 
     <common-wizards-vm-migrate-select-storage-table-datastore
       :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -41,7 +41,7 @@ const props = defineProps<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const isDisableStorageDrs = ref<boolean>(false)
+// const isDisableStorageDrs = ref<boolean>(false)
 
 const emits = defineEmits<{
   (event: 'update-selected-datastore', value: UI_I_TablePayload): void

package/components/common/wizards/vm/migrate/select/storage/table/disk/config/config.ts

@@ -8,29 +8,17 @@ import {
   constructColumnKey,
   constructHeadItem,
 } from '~/components/atoms/table/dataGrid/utils/constructDataTable'
-import type { UI_T_StorageTableItemTuple } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/types'
 import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
-
-export const storageTableKeys: UI_T_StorageTableItemTuple = [
-  'name',
-  'disk_group',
-  'file',
-  'storage',
-  'disk_format',
-  'vm_storage_policy',
-  'replication_group',
-]
+import { vmMigrateDiskTableItemKeys } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/config/tableKeys'
 const getItems = (
   localization: UI_I_Localization
 ): [string, boolean, string, string][] => {
   return [
-    [localization.virtualMachine, true, '96px', storageTableKeys[0]],
-    [localization.diskGroup, false, '138px', storageTableKeys[1]],
-    [localization.file, true, '110px', storageTableKeys[2]],
-    [localization.storage, true, '96px', storageTableKeys[3]],
-    [localization.diskFormat, true, '110px', storageTableKeys[4]],
-    [localization.vmStoragePolicy, true, '110px', storageTableKeys[5]],
-    [localization.replicationGroup, true, '110px', storageTableKeys[6]],
+    [localization.virtualMachine, true, '96px', vmMigrateDiskTableItemKeys[0]],
+    [localization.diskGroup, false, '138px', vmMigrateDiskTableItemKeys[1]],
+    [localization.file, true, '110px', vmMigrateDiskTableItemKeys[2]],
+    [localization.storage, true, '96px', vmMigrateDiskTableItemKeys[3]],
+    // [localization.diskFormat, true, '110px', vmMigrateDiskTableItemKeys[4]],
   ]
 }
 
@@ -63,37 +51,22 @@ export const bodyItems = (
     bodyItems.push([
       {
         key: 'col0',
-        text: storage[storageTableKeys[0]],
+        text: storage[vmMigrateDiskTableItemKeys[0]],
         id: key,
       },
       {
         key: 'col1',
-        text: storage[storageTableKeys[1]],
+        text: storage[vmMigrateDiskTableItemKeys[1]],
         id: key,
       },
       {
         key: 'col2',
-        text: storage[storageTableKeys[2]],
+        text: storage[vmMigrateDiskTableItemKeys[2]],
         id: key,
       },
       {
         key: 'col3',
-        text: storage[storageTableKeys[3]],
-        id: key,
-      },
-      {
-        key: 'col4',
-        text: storage[storageTableKeys[4]],
-        id: key,
-      },
-      {
-        key: 'col5',
-        text: storage[storageTableKeys[5]],
-        id: key,
-      },
-      {
-        key: 'col6',
-        text: storage[storageTableKeys[6]],
+        text: storage[vmMigrateDiskTableItemKeys[3]],
         id: key,
       },
     ])

package/components/common/wizards/vm/migrate/select/storage/table/disk/config/tableKeys.ts

@@ -0,0 +1,8 @@
+import type { UI_T_VmMigrateDiskTableTuple } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/types'
+
+export const vmMigrateDiskTableItemKeys: UI_T_VmMigrateDiskTableTuple = [
+  'virtual_machine',
+  'disk_group',
+  'file',
+  'datastore',
+]

package/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces.ts

@@ -1,9 +1,19 @@
-export interface UI_I_StorageConfigurePerDiskItem {
-  name: string
+export interface API_UI_I_StorageConfigurePerDiskItem {
+  virtual_machine: string
+  target: string
   disk_group: string
+  disk_source: string
+  disk_size: string
   file: string
-  storage: string
-  disk_format: string
-  vm_storage_policy: string
-  replication_group: string
+  datastore: string
+  datastore_id: string
+  sharing: string
+  read_only: string
+  disk_mode: string
+  cache: string
+  io_control: string
+  discard: string
 }
+
+export interface UI_I_StorageConfigurePerDiskItem
+  extends API_UI_I_StorageConfigurePerDiskItem {}

package/components/common/wizards/vm/migrate/select/storage/table/disk/models/types.ts

@@ -1,9 +1,6 @@
-export type UI_T_StorageTableItemTuple = [
-  'name',
+export type UI_T_VmMigrateDiskTableTuple = [
+  'virtual_machine',
   'disk_group',
   'file',
-  'storage',
-  'disk_format',
-  'vm_storage_policy',
-  'replication_group'
+  'datastore'
 ]

package/package.json

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