bfg-common 1.5.220 → 1.5.222

package/components/atoms/table/info/Info.vue

@@ -59,6 +59,10 @@ table {
   .vm-name-label {
     width: 20%;
 
+    &::first-letter {
+      text-transform: uppercase;
+    }
+
     &.hard-disk-properties {
       padding-left: 25px;
     }

package/components/common/backup/storage/actions/add/Add.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="new-datastore">
     <common-backup-storage-actions-add-temp-add
-      mode="procurator"
+      :mode="props.mode"
       :finish-func="onFinish"
+      :hosts="props.hosts"
+      :datastore="props.datastore"
+      :get-datastore-table-func="props.getDatastoreTableFunc"
       @hide="onHideModal"
     />
   </div>
@@ -14,7 +17,19 @@ import type {
   UI_T_NfsType,
 } from '~/components/common/wizards/datastore/add/lib/models/types'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+import type { UI_T_WizardDatastoreMode } from '~/components/common/backup/storage/actions/add/temp/lib/models/types'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 
+const props = withDefaults(
+  defineProps<{
+    mode: UI_T_WizardDatastoreMode
+    datastore: UI_I_DatastoreTableItem[]
+    getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+    hosts?: any[]
+  }>(),
+  { hosts: [] }
+)
 const emits = defineEmits<{
   (event: 'create', value: any): void
   (event: 'hide'): void

package/components/common/backup/storage/actions/add/temp/Add.vue

@@ -18,20 +18,17 @@
           <common-backup-storage-actions-add-temp-types
             v-show="stepPosition === 0"
             v-model:type="datastoreType"
-            :project="props.mode"
           />
 
           <common-backup-storage-actions-add-temp-local
             v-show="datastoreType === 'local' && !isShowCompleteBlock"
             :mode="props.mode"
             :step-position="stepPosition"
-            :datastore-type="datastoreType"
             :local-create-name-submit="localCreateNameSubmit"
-            :datacenter-hosts="props.datacenterHosts"
-            :is-main-filter="props.isMainFilter"
+            :host-accessibility-submit="hostAccessibilitySubmit"
+            :hosts="props.hosts"
             @loading="(e) => (loading = e)"
             @submit="onSaveNameAndNextLocal"
-            @main-filter="emits('main-filter', $event)"
           />
 
           <common-backup-storage-actions-add-temp-nfs
@@ -41,7 +38,7 @@
             :datastore-type="datastoreType"
             :nfs-configuration-submit="nfsConfigurationSubmit"
             :host-accessibility-submit="hostAccessibilitySubmit"
-            :hosts="props.nfsHosts"
+            :hosts="props.hosts"
             @loading="(e) => (loading = e)"
             @change-nfs-version="updateNfsVersion"
             @submit="saveChangesAndNextNfs"
@@ -54,7 +51,7 @@
             :datastore-type="datastoreType"
             :nfs-configuration-submit="nfsConfigurationSubmit"
             :host-accessibility-submit="hostAccessibilitySubmit"
-            :hosts="props.nfsHosts"
+            :hosts="props.hosts"
             @loading="(e) => (loading = e)"
             @change-nfs-version="updateNfsVersion"
             @submit="saveChangesAndNextSamba"
@@ -67,6 +64,10 @@
             :datastore-type="datastoreType"
             :create-name-submit="sharedStormCreateNameSubmit"
             :storage-submit="storageSubmit"
+            :host-accessibility-submit="hostAccessibilitySubmit"
+            :hosts="props.hosts"
+            :datastore="props.datastore"
+            :get-datastore-table-func="props.getDatastoreTableFunc"
             @loading="(e) => (loading = e)"
             @submit="saveChangesAndNextSharedStorm"
           />
@@ -83,6 +84,7 @@
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
 import type { UI_I_VerticalStepItem } from '~/components/atoms/lib/models/interfaces'
 import type {
   UI_T_DatastoreType,
@@ -93,6 +95,7 @@ import type {
   I_SharedStormData,
   UI_I_CreateDatastoreForm,
 } from '~/components/common/backup/storage/actions/add/temp/lib/models/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
 import { stepItemsFunc } from '~/components/common/backup/storage/actions/add/temp/lib/config/stepItems'
 import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/temp/readyComplete/lib/config/propertiesDetails'
 
@@ -104,23 +107,25 @@ const props = defineProps<{
     datastoreType: UI_T_DatastoreType,
     version: UI_T_NfsType
   ) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
   datacenterHosts?: any[]
   nfsHosts?: any
+  hosts?: any
   isMainFilter?: boolean
   hostId?: string
 }>()
 const emits = defineEmits<{
   (event: 'hide'): void
   (event: 'global-refresh'): void
-  (event: 'main-filter', value: string): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
+const isWizardModeForSphere = computed<boolean>(() => props.mode === 'sphere')
+
 const loading = ref<boolean>(false)
-const datastoreType = ref<UI_T_DatastoreType>(
-  props.mode === 'procurator' ? 'local' : 'shared-storm'
-)
+const datastoreType = ref<UI_T_DatastoreType>('local')
 const nfsVersion = ref<UI_T_NfsType>('nfs-4.1')
 
 const stepPosition = ref<number>(0)
@@ -158,6 +163,7 @@ const datastoreForm = ref<UI_I_CreateDatastoreForm>({
     name: '',
     storm_id: '',
     type_code: 4,
+    hosts: [],
   },
 })
 
@@ -227,6 +233,10 @@ const checkSubmit = (force = false): boolean => {
       localCreateNameSubmit.value++
       return false
     }
+    if (isWizardModeForSphere.value && stepPosition.value === 2 && !force) {
+      hostAccessibilitySubmit.value++
+      return false
+    }
   }
 
   if (datastoreType.value === 'nfs') {
@@ -235,7 +245,7 @@ const checkSubmit = (force = false): boolean => {
       return false
     }
 
-    if (props.mode === 'sphere' && stepPosition.value === 2 && !force) {
+    if (isWizardModeForSphere.value && stepPosition.value === 2 && !force) {
       hostAccessibilitySubmit.value++
       return false
     }
@@ -255,7 +265,7 @@ const checkSubmit = (force = false): boolean => {
       return false
     }
 
-    if (props.mode === 'sphere' && stepPosition.value === 2 && !force) {
+    if (isWizardModeForSphere.value && stepPosition.value === 2 && !force) {
       hostAccessibilitySubmit.value++
       return false
     }
@@ -270,24 +280,26 @@ const checkSubmit = (force = false): boolean => {
       storageSubmit.value++
       return false
     }
+    if (isWizardModeForSphere.value && stepPosition.value === 3 && !force) {
+      hostAccessibilitySubmit.value++
+      return false
+    }
   }
 
   return true
 }
 
-const isWizardModeForSphere = computed<boolean>(() => props.mode === 'sphere')
-
 const onSaveNameAndNextLocal = (event: any): void => {
   const { local } = datastoreForm.value
 
   if (isWizardModeForSphere.value) {
     local.name = event.name
-    local.hosts.push(event.host)
+    local.hosts = event.hosts
   }
 
-  if (!isWizardModeForSphere.value) {
-    local.name = event
-  }
+  // if (!isWizardModeForSphere.value) {
+  //   local.name = event
+  // }
 
   dataReadyView.value = constructDataReadyViewFunc(
     localization.value,
@@ -308,19 +320,19 @@ const saveChangesAndNextNfs = (event: any, next = true): void => {
   nfs.password = event.password
   nfs.hosts = event.hosts
 
-  // TODO refactoring
-  const hostsNames = props.nfsHosts
-    ? props.nfsHosts.items
-        .filter((host) => event.hosts.includes(host.id))
-        .map((host) => host.host)
-    : []
+  // // TODO refactoring
+  // const hostsNames = props.nfsHosts
+  //   ? props.nfsHosts.items
+  //       .filter((host) => event.hosts.includes(host.id))
+  //       .map((host) => host.host)
+  //   : []
 
   dataReadyView.value = constructDataReadyViewFunc(
     localization.value,
     'nfs',
     {
       ...event,
-      hosts: hostsNames,
+      // hosts: hostsNames,
       version: nfsVersion.value,
     },
     isWizardModeForSphere.value
@@ -338,19 +350,19 @@ const saveChangesAndNextSamba = (event: any, next = true): void => {
   samba.password = event.password
   samba.hosts = event.hosts
 
-  // TODO refactoring
-  const hostsNames = props.nfsHosts
-    ? props.nfsHosts.items
-        .filter((host) => event.hosts.includes(host.id))
-        .map((host) => host.host)
-    : []
+  // // TODO refactoring
+  // const hostsNames = props.nfsHosts
+  //   ? props.nfsHosts.items
+  //       .filter((host) => event.hosts.includes(host.id))
+  //       .map((host) => host.host)
+  //   : []
 
   dataReadyView.value = constructDataReadyViewFunc(
     localization.value,
     'samba',
     {
       ...event,
-      hosts: hostsNames,
+      // hosts: hostsNames,
     },
     isWizardModeForSphere.value
   )
@@ -365,6 +377,7 @@ const saveChangesAndNextSharedStorm = (
   const { sharedStorm } = datastoreForm.value
   sharedStorm.name = event.name
   sharedStorm.storm_id = event.storm_id
+  sharedStorm.hosts = event.hosts
 
   dataReadyView.value = constructDataReadyViewFunc(
     localization.value,
@@ -380,7 +393,13 @@ const saveChangesAndNextSharedStorm = (
 
 const isShowCompleteBlock = computed<boolean>(() => {
   // TODO refactoring
-  const localStep = datastoreType.value === 'local' && stepPosition.value === 2
+  // const localStep = datastoreType.value === 'local' && stepPosition.value === 2
+  let localStep
+  if (props.mode === 'procurator') {
+    localStep = datastoreType.value === 'local' && stepPosition.value === 2
+  } else {
+    localStep = datastoreType.value === 'local' && stepPosition.value === 3
+  }
 
   let nfsFirst
   if (props.mode === 'procurator') {

package/components/common/backup/storage/actions/add/temp/lib/config/stepItems.ts

@@ -61,7 +61,7 @@ const stepFromNfs = (
       text: localization.common.nameAndConfiguration,
       disabled: true,
       complete: false,
-      testId: 'name-and-configuration'
+      testId: 'name-and-configuration',
     },
   ]
 
@@ -70,7 +70,7 @@ const stepFromNfs = (
       text: localization.common.hostsAccessibility,
       disabled: true,
       complete: false,
-      testId: 'hosts-accessibility'
+      testId: 'hosts-accessibility',
     })
   }
 
@@ -78,7 +78,7 @@ const stepFromNfs = (
     text: localization.common.readyComplete,
     disabled: true,
     complete: false,
-    testId: 'ready-complete'
+    testId: 'ready-complete',
   })
 
   return steps
@@ -100,13 +100,18 @@ const stemFromLocal = (
   localization: UI_I_Localization,
   mode: UI_T_WizardDatastoreMode
 ): UI_I_VerticalStepItem[] => {
-  const isModeProcurator = mode === 'procurator'
-  return [
-    { text: localization.common.type, disabled: false, complete: false, testId: 'type', },
+  const steps = [
+    {
+      text: localization.common.type,
+      disabled: false,
+      complete: false,
+      testId: 'type',
+    },
     {
-      text: localization.common[
-        isModeProcurator ? 'selectDatastoreName' : 'nameAndDeviceSelection'
-      ],
+      // text: localization.common[
+      //   isModeProcurator ? 'selectDatastoreName' : 'nameAndDeviceSelection'
+      // ],
+      text: localization.common.selectDatastoreName,
       disabled: true,
       complete: false,
       testId: 'datastore-name',
@@ -115,15 +120,32 @@ const stemFromLocal = (
       text: localization.common.readyComplete,
       disabled: true,
       complete: false,
-      testId: 'ready-complete'
+      testId: 'ready-complete',
     },
   ]
+
+  if (mode === 'sphere') {
+    steps.splice(2, 0, {
+      text: localization.common.hostsAccessibility,
+      disabled: true,
+      complete: false,
+      testId: 'hosts-accessibility',
+    })
+  }
+
+  return steps
 }
 const stemFromSharedStorm = (
   localization: UI_I_Localization,
+  mode: UI_T_WizardDatastoreMode
 ): UI_I_VerticalStepItem[] => {
-  return [
-    { text: localization.common.type, disabled: false, complete: false, testId: 'type', },
+  const steps = [
+    {
+      text: localization.common.type,
+      disabled: false,
+      complete: false,
+      testId: 'type',
+    },
     {
       text: localization.common.selectDatastoreName,
       disabled: true,
@@ -140,9 +162,20 @@ const stemFromSharedStorm = (
       text: localization.common.readyComplete,
       disabled: true,
       complete: false,
-      testId: 'ready-complete'
+      testId: 'ready-complete',
     },
   ]
+
+  if (mode === 'sphere') {
+    steps.splice(3, 0, {
+      text: localization.common.hostsAccessibility,
+      disabled: true,
+      complete: false,
+      testId: 'hosts-accessibility',
+    })
+  }
+
+  return steps
 }
 
 export const stepItemsFunc = (

package/components/common/backup/storage/actions/add/temp/lib/utils.ts

@@ -23,11 +23,12 @@ export const checkValidityName = async (
 ): Promise<UI_I_DatastoreValidityName> => {
   // TODO move to projects!!!
 
-  const kind = 10 // TODO move in global space
-  const url =
-    mode === 'procurator'
-      ? `/ui/ds/validate?name=${encodeURIComponent(name)}`
-      : `/ui/object/validate_name?name=${encodeURIComponent(name)}&kind=${kind}`
+  let kind = 10 // TODO move in global space
+  let url = `/ui/ds/validate?name=${encodeURIComponent(name)}`
+  if (mode === 'sphere') {
+    kind = 17 // TODO move in global space
+    url =  `/ui/object/validate_name?name=${encodeURIComponent(name)}&kind=${kind}`
+  }
   // @ts-ignore
   const { error } = await useMyFetch<null, API_UI_I_Error>(url, {
     method: 'GET',

package/components/common/backup/storage/actions/add/temp/local/Local.vue

@@ -1,60 +1,78 @@
 <template>
   <div class="local-step flex flex-col h-full">
-    <span
-      v-if="mode === 'sphere' && props.stepPosition === 1"
-      class="vmfs-container__desc"
-    >
-      {{ localization.common.nameAndDeviceSelectionDesc }}
-    </span>
+<!--    <span-->
+<!--      v-if="mode === 'sphere' && props.stepPosition === 1"-->
+<!--      class="vmfs-container__desc"-->
+<!--    >-->
+<!--      {{ localization.common.nameAndDeviceSelectionDesc }}-->
+<!--    </span>-->
 
     <common-backup-storage-actions-add-temp-local-create-name
-      v-show="mode === 'procurator' && props.stepPosition === 1"
+      v-show="props.stepPosition === 1"
+      :mode="props.mode"
       :local-create-name-submit="props.localCreateNameSubmit"
       test-id="local"
       @loading="(e) => emits('loading', e)"
-      @submit="(e) => emits('submit', e)"
+      @submit="onChangeName($event)"
     />
 
-    <common-backup-storage-actions-add-temp-shared-storm-device-selection
-      v-show="mode === 'sphere' && props.stepPosition === 1"
-      v-model:lun-disk="selectedLunDisk"
-      mode="sphere"
-      :device-selection-submit="props.localCreateNameSubmit"
-      :step-position="props.stepPosition"
-      :datastore-type="props.datastoreType"
-      :datacenter-hosts="props.datacenterHosts"
-      :is-main-filter="props.isMainFilter"
-      @loading="(e) => emits('loading', e)"
-      @submit="(e) => emits('submit', e)"
-      @main-filter="emits('main-filter', $event)"
+    <templates-inventory-actions-backup-storage-add-temp-nfs-accessibility
+        v-if="mode === 'sphere' && props.stepPosition === 2"
+        :host-accessibility-submit="props.hostAccessibilitySubmit"
+        :hosts="props.hosts"
+        @next="onChangeAccessibilityAndNext"
     />
+<!--    <common-backup-storage-actions-add-temp-shared-storm-device-selection-->
+<!--      v-show="mode === 'sphere' && props.stepPosition === 1"-->
+<!--      v-model:lun-disk="selectedLunDisk"-->
+<!--      mode="sphere"-->
+<!--      :device-selection-submit="props.localCreateNameSubmit"-->
+<!--      :step-position="props.stepPosition"-->
+<!--      :datastore-type="props.datastoreType"-->
+<!--      :datacenter-hosts="props.datacenterHosts"-->
+<!--      :is-main-filter="props.isMainFilter"-->
+<!--      @loading="(e) => emits('loading', e)"-->
+<!--      @submit="(e) => emits('submit', e)"-->
+<!--      @main-filter="emits('main-filter', $event)"-->
+<!--    />-->
   </div>
 </template>
 
 <script lang="ts" setup>
 import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
-import type { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/lib/models/interfaces'
-import type { UI_T_DatastoreTypeCode } from '~/components/common/wizards/datastore/add/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
+// import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
+// import type { UI_I_SelectHostOptions } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/lib/models/interfaces'
+// import type { UI_T_DatastoreTypeCode } from '~/components/common/wizards/datastore/add/lib/models/types'
+// import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
+  mode: UI_T_Project
+  hosts: any
   stepPosition: number
   localCreateNameSubmit: number
-  datastoreType: UI_T_DatastoreTypeCode
-  mode: UI_T_Project
-  datacenterHosts?: UI_I_SelectHostOptions[]
-  isMainFilter?: boolean
+  hostAccessibilitySubmit: number
 }>()
 const emits = defineEmits<{
   (event: 'loading', value: boolean): void
   (event: 'submit', value: string): void
-  (event: 'main-filter', value: string): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
+const sendData: any = {
+  name: '',
+  hosts: []
+}
+const onChangeName = (name: string): void => {
+  sendData.name = name
+
+  emits('submit', sendData)
+}
+const onChangeAccessibilityAndNext = (hosts: string[]): void => {
+  sendData.hosts = hosts
+  emits('submit', sendData)
+}
+// const localization = computed<UI_I_Localization>(() => useLocal())
 
-const selectedLunDisk = ref<UI_I_CreateStorageLunDiskItem[]>([])
+// const selectedLunDisk = ref<UI_I_CreateStorageLunDiskItem[]>([])
 </script>
 
 <style lang="scss" scoped>

package/components/common/backup/storage/actions/add/temp/local/accessibility/Accessibility.vue

@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <atoms-alert
+      v-show="errors.length"
+      test-id="accessibility"
+      status="alert-danger"
+      :items="errors"
+      @remove="removeValidationErrors"
+    />
+
+    <div>
+      <atoms-tabs
+        v-model="activeTab"
+        test-id="accessibility"
+        :items="tabs"
+        size="small"
+      />
+    </div>
+    <div>
+      <templates-inventory-actions-backup-storage-add-temp-nfs-accessibility-tables-view
+        v-model:selected-row="selectedHosts"
+        :data-table="dataTable?.items || []"
+        :total-items="dataTable?.total_items || 0"
+        :total-pages="dataTable?.total_pages || 1"
+        :pagination="pagination"
+        :table-type="activeTab"
+        @pagination="updatePagination"
+        @sort="sortTable"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_CollapseNavItem } from '~/node_modules/bfg-common/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_Localization } from '~/node_modules/bfg-common/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/node_modules/bfg-common/lib/models/table/interfaces'
+import type { T_HostsAccessibilityTab } from '~/components/templates/inventory/actions/backup/storage/add/temp/nfs/accessibility/lib/models/types'
+import { hostAccessibilityTabsFunc } from '~/components/templates/inventory/actions/backup/storage/add/temp/nfs/accessibility/lib/config/tabsPannel'
+// import { hostsAccessibilityTablesFunc } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/hostsTableItems'
+
+const props = defineProps<{
+  hostAccessibilitySubmit: number
+  hosts?: any
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+const emits = defineEmits<{
+  (event: 'next', value: string[]): void
+}>()
+
+const activeTab = ref<T_HostsAccessibilityTab>('compatible-hosts')
+const tabs = computed<UI_I_CollapseNavItem[]>(() =>
+  hostAccessibilityTabsFunc(localization.value, [
+    (props.hosts?.items?.length || 0) + '',
+    '0',
+  ])
+)
+
+// const dataTable = computed(() => hostsAccessibilityTablesFunc(activeTab.value))
+// TODO refactoring
+const dataTable = computed<any>(() => props.hosts)
+
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 35,
+})
+const sort = ref<string | null>(null)
+
+const selectedHosts = ref<string[]>([])
+
+const updatePagination = (event: UI_I_Pagination): void => {
+  pagination.value = event
+}
+const sortTable = (event: string): void => {
+  sort.value = event
+}
+
+const errors = ref<string[]>([])
+
+const showValidationErrors = (text: string): void => {
+  errors.value = [text]
+}
+const removeValidationErrors = (): void => {
+  errors.value = []
+}
+const submit = async (): Promise<void> => {
+  if (!selectedHosts.value.length) {
+    const text = localization.value.common.selectLeastEntityContinue
+    showValidationErrors(text)
+    return
+  }
+
+  removeValidationErrors()
+  emits('next', selectedHosts.value)
+}
+watch(
+  () => props.hostAccessibilitySubmit,
+  () => {
+    submit()
+  }
+)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/add/temp/local/accessibility/lib/config/tabsPannel.ts

@@ -0,0 +1,25 @@
+import type { UI_I_Localization } from '~/node_modules/bfg-common/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/node_modules/bfg-common/components/atoms/collapse/lib/models/interfaces'
+
+export const hostAccessibilityTabsFunc = (
+  localization: UI_I_Localization,
+  hosts: string[]
+): UI_I_CollapseNavItem[] => {
+  const [compatibleHosts, incompatibleHost] = hosts
+
+  return [
+    {
+      text: localization.common.compatibleHosts.replace('{0}', compatibleHosts || ''),
+      value: 'compatible-hosts',
+      disabled: false,
+    },
+    {
+      text: localization.common.incompatibleHosts.replace(
+        '{0}',
+        incompatibleHost || ''
+      ),
+      value: 'incompatible-hosts',
+      disabled: true,
+    },
+  ]
+}

package/components/common/backup/storage/actions/add/temp/local/accessibility/lib/models/interfaces.ts

@@ -0,0 +1,9 @@
+export interface I_CompatibleHostsTable {
+  id: number
+  host: string
+  cluster: string
+}
+
+export interface I_IncompatibleHostsTable extends I_CompatibleHostsTable {
+  host_incompatibility_reason: string
+}

package/components/common/backup/storage/actions/add/temp/local/accessibility/lib/models/types.ts

@@ -0,0 +1,5 @@
+export type T_HostsAccessibilityTab = 'compatible-hosts' | 'incompatible-hosts'
+
+export type T_CompatibleHostsTableKeys = 'name' | 'cluster'
+
+export type T_IncompatibleHostsTableKeys = 'name' | 'cluster' | 'host_incompatibility_reason'