bfg-common 1.6.6 → 1.6.7

package/assets/localization/local_be.json

@@ -3492,7 +3492,8 @@
     "takeSnapshot": "Зрабіце здымак",
     "newSnapshot": "Новы здымак",
     "editSnapshot": "Рэдагаваць здымак",
-    "revertLatestSnapshot": "Вярнуцца да апошняга здымка"
+    "revertLatestSnapshot": "Вярнуцца да апошняга здымка",
+    "consolidateSnapshots": "Кансолідаваць здымкі"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Правы карыстальніка esxi павінны адпавядаць ролях Administrator, крэдыт прымаюцца ад esxi і vSphere",

package/assets/localization/local_en.json

@@ -3496,7 +3496,8 @@
     "takeSnapshot": "Take Snapshot",
     "newSnapshot": "New Snapshot",
     "editSnapshot": "Edit snapshot",
-    "revertLatestSnapshot": "Revert to Latest Snapshot"
+    "revertLatestSnapshot": "Revert to Latest Snapshot",
+    "consolidateSnapshots": "Consolidate Snapshots"
   },
   "importVms": {
     "selectSourceTooltipDesc": "No Trusted infrastructure Administrator, credits are accepted from esxi and vSphere",

package/assets/localization/local_hy.json

@@ -3496,7 +3496,8 @@
     "takeSnapshot": "Ակնթարթ նկար",
     "newSnapshot": "Նոր սքրինշոթ",
     "editSnapshot": "Խմբագրել սքրինշոթը",
-    "revertLatestSnapshot": "Վերադառնալ վերջին նկարին"
+    "revertLatestSnapshot": "Վերադառնալ վերջին նկարին",
+    "consolidateSnapshots": "Միավորել լուսանկարները"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Esxi օգտագործողի իրավունքները պետք է համապատասխանեն Administrator-ի դերերին, կրեդիտներն ընդունվում են esxi-ից և vSphere-ից",

package/assets/localization/local_kk.json

@@ -3495,7 +3495,8 @@
     "takeSnapshot": "сурет",
     "newSnapshot": "Жаңа снимок",
     "editSnapshot": "Снимокты өңдеу",
-    "revertLatestSnapshot": "Варнузза және түтіннің тұманы"
+    "revertLatestSnapshot": "Варнузза және түтіннің тұманы",
+    "consolidateSnapshots": "Суреттерді біріктіру"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Esxi пайдаланушы құқықтары әкімші рөлдеріне сәйкес келуі керек, несиелер esxi және vSphere - ден алынады",

package/assets/localization/local_ru.json

@@ -3495,7 +3495,8 @@
     "takeSnapshot": "Сделать снимок",
     "newSnapshot": "Новый снимок",
     "editSnapshot": "Редактировать снимок",
-    "revertLatestSnapshot": "Вернуться к последнему снимку"
+    "revertLatestSnapshot": "Вернуться к последнему снимку",
+    "consolidateSnapshots": "Консолидация снимков"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Права пользователя vmware дожны соответствовать ролям Administrator, креды принимаются от esxi и vSphere",

package/assets/localization/local_zh.json

@@ -3493,7 +3493,8 @@
     "takeSnapshot": "快照",
     "newSnapshot": "新快照",
     "editSnapshot": "编辑快照",
-    "revertLatestSnapshot": "回到上一张照片"
+    "revertLatestSnapshot": "回到上一张照片",
+    "consolidateSnapshots": "合并快照"
   },
   "importVms": {
     "selectSourceTooltipDesc": "Esxi用户权限必须对应于管理员角色. esxi和vSphere接受积分",

package/components/common/layout/theHeader/ThemeSwitch.vue

@@ -2,7 +2,7 @@
   <ui-tooltip
     id="tooltip-theme-mode-toggle-button"
     test-id="tooltip-theme-mode-toggle-button"
-    size="md"
+    size="sm"
     position="bottom"
     position-by-tooltip="center"
   >

package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue

@@ -143,7 +143,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   &.pinned {
     .nav-context {
       position: relative;
-      z-index: calc(var(--z-fixed) + 2);
+      z-index: calc(var(--z-default) + 1);
     }
   }
   &:not(.pinned) {
@@ -177,8 +177,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
       }
     }
     &:not(.collapsed) {
-      min-width: 240px;
-
       :deep(.tooltip-container-hover) {
         display: none;
       }

package/components/common/monitor/lib/utils/local_be.json

@@ -684,7 +684,5 @@
   "multicastTx": "Перададзеныя multicast",
   "multicastTxDesc": "Колькасць перададзеных multicast пакетаў",
   "multicastRx": "Атрыманыя multicast",
-  "multicastRxDesc": "Колькасць атрыманых multicast пакетаў",
-  "memSharedcommon": "Выкарыстанне агульнай памяці",
-  "memSharedcommonDesc": "Аб'ём памяці, якая падзяляецца паміж працэсамі (выкарыстанне агульнага сегмента агульнай памяці)"
+  "multicastRxDesc": "Колькасць атрыманых multicast пакетаў"
 }

package/components/common/monitor/lib/utils/local_en.json

@@ -684,7 +684,5 @@
   "multicastTx": "Multicast transmitted",
   "multicastTxDesc": "Number of multicast packets transmitted",
   "multicastRx": "Multicast received",
-  "multicastRxDesc": "Number of multicast packets received",
-  "memSharedcommon": "Shared Memory Usage",
-  "memSharedcommonDesc": "Amount of memory shared between processes (common shared memory segment usage)"
+  "multicastRxDesc": "Number of multicast packets received"
 }

package/components/common/monitor/lib/utils/local_hy.json

@@ -684,7 +684,5 @@
   "multicastTx": "Փոխանցված multicast",
   "multicastTxDesc": "Փոխանցված multicast փաթեթների քանակը",
   "multicastRx": "Ստացված multicast",
-  "multicastRxDesc": "Ստացված multicast փաթեթների քանակը",
-  "memSharedcommon": "Համօգտագործվող հիշողության օգտագործում",
-  "memSharedcommonDesc": "Պրոցեսների միջև համօգտագործվող հիշողության ծավալը (ընդհանուր համօգտագործվող հիշողության սեգմենտի օգտագործում)"
+  "multicastRxDesc": "Ստացված multicast փաթեթների քանակը"
 }

package/components/common/monitor/lib/utils/local_kk.json

@@ -684,7 +684,5 @@
   "multicastTx": "Жіберілген мультикаст",
   "multicastTxDesc": "Жіберілген мультикаст пакеттерінің саны",
   "multicastRx": "Қабылданған мультикаст",
-  "multicastRxDesc": "Қабылданған мультикаст пакеттерінің саны",
-  "memSharedcommon": "Ортақ жадты пайдалану",
-  "memSharedcommonDesc": "Процестер арасында бөлісетін жад көлемі (ортақ бөлісетін жад сегментін пайдалану)"
+  "multicastRxDesc": "Қабылданған мультикаст пакеттерінің саны"
 }

package/components/common/monitor/lib/utils/local_ru.json

@@ -684,7 +684,5 @@
   "multicastTx": "Multicast отправлено",
   "multicastTxDesc": "Количество отправленных групповых пакетов",
   "multicastRx": "Multicast получено",
-  "multicastRxDesc": "Количество полученных групповых пакетов",
-  "memSharedcommon": "Использование разделяемой памяти",
-  "memSharedcommonDesc": "Объём памяти, совместно используемой процессами (общие сегменты разделяемой памяти)"
+  "multicastRxDesc": "Количество полученных групповых пакетов"
 }

package/components/common/monitor/lib/utils/local_zh.json

@@ -684,7 +684,5 @@
   "multicastTx": "已发送组播",
   "multicastTxDesc": "已发送的组播数据包数",
   "multicastRx": "已接收组播",
-  "multicastRxDesc": "已接收的组播数据包数",
-  "memSharedcommon": "共享内存使用情况",
-  "memSharedcommonDesc": "进程之间共享的内存量（公共共享内存段使用情况）"
+  "multicastRxDesc": "已接收的组播数据包数"
 }

package/components/common/monitor/utilization/infoBlock/Old.vue

@@ -17,7 +17,7 @@
         </div>
       </div>
       <div class="footer-body-block">
-        <p>{{ consumedItem?.value }}</p>
+        <p>0 {{ localization.common.gb }}</p>
         <p>{{ maxItem?.value }}</p>
       </div>
     </div>

package/components/common/pages/scheduledTasks/table/new/New.vue

@@ -82,18 +82,16 @@
               <ui-icon name="vertical-dotes" width="20" height="20" />
             </span>
           </ui-button>
-          <Teleport to="body">
-            <ui-dropdown
-              :show="actionsShowId === item.data.id"
-              :test-id="`event-table-action-dropdown-${item.data.id}`"
-              :items="schedulerDropActions"
-              :elem-id="`event-table-action-${item.data.id}`"
-              width="max-content"
-              left
-              @select="onSelectAction"
-              @hide="onHideActionsDropdown"
-            />
-          </Teleport>
+          <ui-dropdown
+            :show="actionsShowId === item.data.id"
+            :test-id="`event-table-action-dropdown-${item.data.id}`"
+            :items="schedulerDropActions"
+            :elem-id="`event-table-action-${item.data.id}`"
+            width="max-content"
+            left
+            @select="onSelectAction"
+            @hide="onHideActionsDropdown"
+          />
         </div>
       </template>
 

package/components/common/pages/tasks/table/Table.vue

@@ -67,30 +67,28 @@
             <ui-icon name="vertical-dotes" width="20" height="20" />
           </span>
         </ui-button>
-        <Teleport to="body">
-          <ui-dropdown
-            :show="actionsShowId === item.data.id"
-            :test-id="`data-table-task-dropdown-${item.data.id}`"
-            :items="actions"
-            :elem-id="`data-table-task-action-${item.data.id}`"
-            width="max-content"
-            left
-            @select="onSelectAction(item.data.target, $event)"
-            @hide="onHideActionsDropdown"
-          >
-            <template #row="{ item: dropMenu }">
-              <ui-icon
-                v-if="dropMenu.iconName === 'hide'"
-                name="password-hide"
-                width="16"
-                height="16"
-              />
-              <span class="action-text">
-                {{ dropMenu.text }}
-              </span>
-            </template>
-          </ui-dropdown>
-        </Teleport>
+        <ui-dropdown
+          :show="actionsShowId === item.data.id"
+          :test-id="`data-table-task-dropdown-${item.data.id}`"
+          :items="actions"
+          :elem-id="`data-table-task-action-${item.data.id}`"
+          width="max-content"
+          left
+          @select="onSelectAction(item.data.target, $event)"
+          @hide="onHideActionsDropdown"
+        >
+          <template #row="{ item: dropMenu }">
+            <ui-icon
+              v-if="dropMenu.iconName === 'hide'"
+              name="password-hide"
+              width="16"
+              height="16"
+            />
+            <span class="action-text">
+              {{ dropMenu.text }}
+            </span>
+          </template>
+        </ui-dropdown>
       </div>
     </template>
 

package/components/common/vm/actions/consolidate/New.vue

@@ -1,6 +1,6 @@
 <template>
   <common-modals-confirmation
-    :headline="localization.common.consolidateConfirmation"
+    :headline="localization.snapshots.consolidateSnapshots"
     :description="localization.common.consolidateConfirmationDesc"
     :modal-texts="modalTexts"
     @hide-modal="emits('hide-modal')"

package/components/common/vm/actions/consolidate/Old.vue

@@ -1,7 +1,7 @@
 <template>
   <common-modals-confirmation
-    :headline="localization.common.consolidate"
-    :description="localization.common.consolidateConfirmationDescOld"
+    :headline="localization.snapshots.consolidateSnapshots"
+    :description="localization.common.consolidateConfirmationDesc"
     @hide-modal="emits('hide-modal')"
     @confirm="emits('confirm')"
   />

package/components/common/vm/actions/rename/New.vue

@@ -11,12 +11,21 @@
     @hide="emits('hide')"
   >
     <template #content>
+      <ui-alert
+          v-if="props.errors.length"
+          :messages="props.errors.length && !isEmptyName ? props.errors : []"
+          test-id="sign-in-error-alert"
+          type="error"
+          class="mb-2 mx-8"
+          size="md"
+          hide-close-button
+      />
       <div class="content">
         <form @submit.prevent="onRename">
           <ui-input
             id="name"
             v-model="nameLocal"
-            :error="props.errors[0]"
+            :error="props.isEmptyName ? localization.common.fieldRequired : ''"
             :label="localization.common.name"
             test-id="rename-vm-name-input"
             type="text"
@@ -37,6 +46,7 @@ const props = defineProps<{
   vmName: string
   isLoading: boolean
   errors: string[]
+  isEmptyName: boolean
 }>()
 const emits = defineEmits<{
   (event: 'hide'): void

package/components/common/vm/actions/rename/Rename.vue

@@ -4,6 +4,7 @@
     :vm-name="props.vmName"
     :is-loading="isLoading"
     :errors="errors"
+    :is-empty-name="isEmptyName"
     @hide="onHide"
     @change-name="onChangeName"
     @remove-validation-errors="onRemoveValidationErrors"
@@ -64,6 +65,7 @@ const onChangeName = async (name: string): Promise<void> => {
   onHide()
 }
 
+const isEmptyName = ref<boolean>(false)
 const errors = ref<string[]>([])
 const showValidationErrors = (data: string[]): void => {
   errors.value = data
@@ -74,6 +76,8 @@ const onRemoveValidationErrors = (): void => {
 
 const onCheckName = async (name: string): Promise<boolean> => {
   let result = true
+  isEmptyName.value = false
+  errors.value = []
 
   const url = props.nameRequestUrl.replace('{name}', encodeURIComponent(name))
   const { error } = await useMyFetch<null, API_UI_I_Error>(url, {
@@ -83,9 +87,11 @@ const onCheckName = async (name: string): Promise<boolean> => {
   const status = error.value?.statusCode || 200
   switch (status) {
     case 400: // Empty name
+    case 404: // 404 получаем в Сфере
       showValidationErrors([
         localization.value.common.emptyNameValidationDescription,
       ])
+      isEmptyName.value = true
       result = false
       break
     case 405: // Invalid kind

package/components/common/vm/snapshots/lib/models/types.ts

@@ -2,6 +2,7 @@ export type UI_T_SnapshotActionType =
   | 'take'
   | 'edit'
   | 'revert'
+  | 'revertLast'
   | 'delete'
   | 'delete_all'
   | 'group_take'

package/components/common/vm/snapshots/modals/confirm/New.vue

@@ -10,7 +10,7 @@
     @hide-modal="emits('hide')"
     @confirm="emits('submit')"
   >
-    <template v-if="props.type === 'revert'" #otherContent>
+    <template v-if="props.type === 'revert' || props.type === 'revertLast'" #otherContent>
       <div class="confirm-modal-checkbox-content mt-4 p-3">
         <ui-checkbox
           v-model="suspendOnRevert"
@@ -79,6 +79,7 @@ const descriptionText = computed<string>(() => {
       break
 
     case 'revert':
+    case 'revertLast':
       description =
         localization.value.snapshots.revertToSnapshotDescription.replace(
           '{0}',

package/components/common/vm/snapshots/modals/confirm/Old.vue

@@ -8,7 +8,7 @@
     @submit="onConfirm"
   >
     <template #modalBody>
-      <div v-if="props.type === 'revert'">
+      <div v-if="props.type === 'revert' || props.type === 'revertLast'">
         <p class="description-text" data-id="description-revert-content">
           {{ descriptionRevertContent }}
         </p>

package/components/common/vm/snapshots/modals/confirm/lib/models/enums.ts

@@ -2,6 +2,7 @@ export enum UI_E_TitleConfirmModal {
   'take' = '',
   'edit' = 'edit',
   'revert' = 'revert',
+  'revertLast' = 'revert',
   'delete' = 'delete',
   'delete_all' = 'deleteAll',
   'group_delete_all' = 'deleteAll',
@@ -12,6 +13,7 @@ export enum UI_E_TitleModal {
   'take' = '',
   'edit' = '',
   'revert' = 'revertToSnapshot',
+  'revertLast' = 'revertLatestSnapshot',
   'delete' = 'deleteSnapshot',
   'delete_all' = 'deleteAllSnapshots',
   'group_delete_all' = 'deleteAllSnapshots',

package/components/common/vm/snapshots/modals/lib/config/modalTexts.ts

@@ -18,6 +18,7 @@ export const modalTexts = (
     groupTake: localization.common.create,
     edit: localization.common.save,
     revert: localization.common.revert,
+    revertLast: localization.common.revert,
     delete: localization.common.delete,
     delete_all: localization.common.deleteAll,
     group_delete_all: localization.common.deleteAll,

package/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/New.vue

@@ -2,7 +2,7 @@
   <div class="device-table-container">
     <ui-data-table
       :data="data"
-      :options="tableConfig.options"
+      :options="options"
       :loading="props.isLoading"
       :total-pages="props.totalPages"
       :total-items="props.totalItems"
@@ -79,10 +79,13 @@ import type {
   UI_I_TableTexts,
 } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
 import type { UI_I_DataTableSkeleton } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_T_SelectComputeResourceTabType } from '~/components/common/wizards/vm/migrate/steps/selectStorage/lib/models/types'
+import type { UI_T_SelectComputeResourceTabType } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
 import type { UI_T_ComputeResourceTableItem } from '~/components/common/wizards/vm/migrate/steps/computeResource/lib/models/types'
-import * as hostTable from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/config/hostTable'
-import * as clusterTable from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/config/clusterTable'
+import {
+  options,
+  getHeaderDataFunc,
+  getBodyDataFunc,
+} from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/config/hostTable'
 
 const selectedDataLocal = defineModel<number | null>({ required: true })
 const props = defineProps<{
@@ -117,33 +120,15 @@ const tableSkeleton = ref<UI_I_DataTableSkeleton>({
   withoutPagination: true,
 })
 
-const tableTitleMap = {
-  host: localization.value.common.hosts,
-  cluster: localization.value.common.clusters,
-} as const
-const tableConfigMap = {
-  host: hostTable,
-  cluster: clusterTable,
-} as const
-
-const tableConfig = computed(
-  () => tableConfigMap[props.type as keyof typeof tableConfigMap]
-)
-
 const data = computed<UI_I_DataTable>(() => ({
-  id: `compute-resource-${props.type}-table`,
-  title: tableDataTitle.value,
+  id: 'compute-resource-host-table',
+  title: `${localization.value.common.hosts} (${props.totalItems})`,
   header: deviceHeadItems.value,
   body: deviceBodyItems.value,
 }))
-const tableDataTitle = computed<string>(
-  () =>
-    `${tableTitleMap[props.type as keyof typeof tableConfigMap]} (${
-      props.totalItems
-    })`
-)
+
 const deviceHeadItems = computed<UI_I_DataTableHeader[]>(() =>
-  tableConfig.value.getHeaderDataFunc(localization.value)
+  getHeaderDataFunc(localization.value)
 )
 
 const deviceBodyItems = ref<UI_I_DataTableBody[]>([])
@@ -155,16 +140,13 @@ watch(
       return
     }
 
-    deviceBodyItems.value = tableConfig.value.getBodyDataFunc(
-      newValue,
-      localization.value
-    )
+    deviceBodyItems.value = getBodyDataFunc(newValue, localization.value)
   },
   { deep: true, immediate: true }
 )
 
 const onSelectRow = (value: UI_I_DataTableBody[]): void => {
-  selectedDataLocal.value = value?.[0].row as number
+  selectedDataLocal.value = value?.[0].row
 }
 </script>
 

package/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/config/hostTable.ts

@@ -222,9 +222,7 @@ export const getBodyDataFunc = (
           key: 'icon',
           col: 'col0',
           text: host.name,
-          data: {
-            iconClassName: `vsphere-icon-${hostIconByState[host.state]}`,
-          },
+          data: `vsphere-icon-${hostIconByState[host.state]}`,
           testId: `migrate-host-table-item-${index}`,
         },
 

package/package.json

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

package/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/config/clusterTable.ts

@@ -1,340 +0,0 @@
-import type {
-  UI_I_DataTableBody,
-  UI_I_DataTableOptions,
-  UI_I_DataTableHeader,
-} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ClusterTableItem } from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/lib/models/interfaces'
-// import {
-//   UI_E_DeviceStatus,
-//   UI_E_DeviceStatusChipColor,
-//   UI_E_DeviceStatusIcon,
-// } from '~/components/common/wizards/vm/migrate/steps/computeResource/tableView/new/lib/models/enums'
-
-// // Маппинг для статусов
-// const STATUS_MAPPING = {
-//   [UI_E_DeviceStatus.Unknown]: {
-//     icon: UI_E_DeviceStatusIcon.HelpIcon,
-//     chipColor: UI_E_DeviceStatusChipColor.Primary,
-//   },
-//   [UI_E_DeviceStatus.Supported]: {
-//     icon: UI_E_DeviceStatusIcon.StatusCheck,
-//     chipColor: UI_E_DeviceStatusChipColor.Green,
-//   },
-//   [UI_E_DeviceStatus.NotSupported]: {
-//     icon: UI_E_DeviceStatusIcon.Close,
-//     chipColor: UI_E_DeviceStatusChipColor.Red,
-//   },
-// }
-
-export const getHeaderDataFunc = (
-  localization: UI_I_Localization
-): UI_I_DataTableHeader[] => [
-  {
-    col: 'col0',
-    colName: 'name',
-    text: localization.common.name,
-    isSortable: true,
-    sort: 'asc',
-    width: '180px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col1',
-    colName: 'available_cpu',
-    text: localization.common.availableCpu,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col2',
-    colName: 'available_memory',
-    text: localization.common.availableMemory,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col3',
-    colName: 'available_storage',
-    text: localization.common.availableStorage,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col4',
-    colName: 'drs',
-    text: localization.common.vSphere_DRS,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col5',
-    colName: 'ha',
-    text: localization.common.vSphere_HA,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col6',
-    colName: 'total_cpu',
-    text: localization.common.totalCpu,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col7',
-    colName: 'total_memory',
-    text: localization.common.totalMemory,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col8',
-    colName: 'total_storage',
-    text: localization.common.totalStorage,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col9',
-    colName: 'vms',
-    text: localization.common.vms,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col10',
-    colName: 'hosts',
-    text: localization.common.hosts,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col11',
-    colName: 'cpus',
-    text: localization.common.cpus,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col12',
-    colName: 'datastores',
-    text: localization.common.datastores,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col13',
-    colName: 'vsan',
-    text: localization.common.vSAN,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col14',
-    colName: 'vc',
-    text: localization.common.vc,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col15',
-    colName: 'evc_cpu_mode',
-    text: localization.common.evcCpuMode,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col16',
-    colName: 'evc_graphics_mode',
-    text: localization.common.evcGraphicsMode,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-]
-export const options: UI_I_DataTableOptions = {
-  perPageOptions: [{ text: '10', value: 100, default: true }],
-  isSelectable: true,
-  selectType: 'radio',
-  showPagination: false,
-  showPageInfo: false,
-  isSortable: true,
-  server: true,
-  isResizable: true,
-  showSelectedRows: false,
-  showColumnManager: true,
-  inModal: true,
-  inBlock: false,
-  // isFocusable: false,
-  // showPaginationOnTop: false,
-  // showSearch: false,
-  // withActions: false,
-  // showExport: false,
-  // withCollapse: false,
-}
-
-export const getBodyDataFunc = (
-  bodyData: UI_I_ClusterTableItem[],
-  _localization: UI_I_Localization
-): UI_I_DataTableBody[] => {
-  const { $binary }: any = useNuxtApp()
-
-  return bodyData.map((cluster, index: number) => {
-    //   const statusKey = host.state
-    //   ? UI_E_DeviceStatus.Unknown
-    //   : UI_E_DeviceStatus.Supported
-    // const statusData = {
-    //   ...STATUS_MAPPING[statusKey],
-    //   testId: `${host.name}-${index}-status`,
-    // }
-
-    return {
-      row: index,
-      collapse: false,
-      isHiddenCollapse: false,
-      collapseToggle: false,
-
-      data: [
-        {
-          key: 'icon',
-          col: 'col0',
-          text: cluster.name,
-          data: {
-            iconClassName: 'vsphere-icon-cluster',
-          },
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-
-        {
-          col: 'col1',
-          text: $binary.roundHz(cluster.available_cpu),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col2',
-          text: $binary.round(cluster.available_memory),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col3',
-          text: $binary.round(cluster.available_storage),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col4',
-          text: cluster.drs,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col5',
-          text: cluster.ha,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col6',
-          text: $binary.roundHz(cluster.total_cpu),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col7',
-          text: $binary.round(cluster.total_memory),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col8',
-          text: $binary.round(cluster.total_storage),
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col9',
-          text: cluster.vms,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col10',
-          text: cluster.hosts,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col11',
-          text: cluster.cpus,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col12',
-          text: cluster.datastores,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col13',
-          text: cluster.vsan,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col14',
-          text: cluster.vc,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col15',
-          text: cluster.evc_cpu_mode,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-        {
-          col: 'col16',
-          text: cluster.evc_graphics_mode,
-          testId: `migrate-cluster-table-item-${index}`,
-        },
-      ],
-    }
-  })
-}