bfg-common 1.4.58 → 1.4.60

package/components/common/wizards/datastoreNew/add/nfs/accessibility/Accessibility.vue

@@ -1,63 +0,0 @@
-<template>
-  <div class="host-accessibility">
-    <atoms-alert
-      v-show="props.alertMessages?.length"
-      test-id="accessibility"
-      status="alert-danger"
-      :items="props.alertMessages"
-      @remove="onHideAlert"
-    />
-
-    <div>
-      <atoms-tabs
-        v-model="activeTab"
-        test-id="accessibility"
-        :items="tabs"
-        size="small"
-      />
-    </div>
-    <div>
-      <common-wizards-datastore-new-add-nfs-accessibility-tables-view
-        v-model="modelHosts"
-        :data-table="dataTable?.items || []"
-        :total-items="dataTable?.total_items || 0"
-        :total-pages="dataTable?.total_pages || 1"
-        :table-type="activeTab"
-      />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
-import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/models/interfaces'
-import { hostAccessibilityTabsFunc } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/config/tabsPannel'
-
-const props = defineProps<{
-  alertMessages: string[]
-  hosts?: UI_I_CreateDatastoreHosts
-}>()
-const modelHosts = defineModel<string[]>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-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<UI_I_CreateDatastoreHosts>(() => props.hosts)
-const onHideAlert = (): void => {
-  emits('hide-alert', 6)
-}
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/wizards/datastoreNew/add/nfs/accessibility/lib/config/tabsPannel.ts

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

package/components/common/wizards/datastoreNew/add/nfs/accessibility/lib/models/interfaces.ts

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

package/components/common/wizards/datastoreNew/add/nfs/accessibility/lib/models/types.ts

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

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/TablesView.vue

@@ -1,85 +0,0 @@
-<template>
-  <div class="data-table-view">
-    <div>
-      <atoms-table-data-grid
-        v-model:selected-row="selectedHostsIdLocal"
-        v-model:page-size="pagination.pageSize"
-        v-model:page="pagination.page"
-        type="checkbox"
-        class="data-table"
-        test-id="accessibility-table"
-        :head-items="headItems"
-        :body-items="bodyItems"
-        :total-items="props.totalItems"
-        :total-pages="props.totalPages"
-        :items-per-page="itemsPerPage"
-        :loading="loading"
-      >
-        <template #icon="{ item }">
-          <span :class="['datagrid-cell-icon', item.data.iconClassName]" />
-          <span class="text-ellipsis">
-            {{ item.text }}
-          </span>
-        </template>
-      </atoms-table-data-grid>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
-import type { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
-import {
-  I_CompatibleHostsTable,
-  I_IncompatibleHostsTable,
-} from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
-import * as compatibleTable from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/compatibleTable'
-import * as incompatibleTable from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/incompatibleTable'
-
-const props = defineProps<{
-  dataTable: I_CompatibleHostsTable[] | I_IncompatibleHostsTable[]
-  tableType: T_HostsAccessibilityTab
-  totalItems: number
-  totalPages: number
-}>()
-const selectedHostsIdLocal = defineModel<string[]>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const loading = computed<boolean>(() => false)
-
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 1,
-})
-
-const tables: any = {
-  'compatible-hosts': compatibleTable,
-  'incompatible-hosts': incompatibleTable,
-}
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  tables[props.tableType].headItems(localization.value)
-)
-const bodyItems = computed<UI_I_BodyItem[][]>(() => {
-  return tables[props.tableType].bodyItems(props.dataTable)
-})
-</script>
-
-<style lang="scss" scoped>
-.data-table-view {
-  height: inherit;
-  .data-table {
-    height: inherit;
-    :deep(.datagrid-outer-wrapper) {
-      height: inherit;
-    }
-  }
-}
-</style>

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/config/compatibleTable.ts

@@ -1,62 +0,0 @@
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { I_CompatibleHostsTable } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
-import { compatibleHostsTableKeys } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/tableKeys'
-import {
-  hostIconByState,
-  clusterIconByState,
-} from '~/components/common/lib/config/states'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.common.host, true, '300px', compatibleHostsTableKeys[0]],
-    [localization.common.cluster, true, '300px', compatibleHostsTableKeys[1]],
-  ]
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item) => {
-    result.push(constructHeadItem('icon', item[0], item[3], false, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (
-  data: I_CompatibleHostsTable[]
-): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-  data.forEach((item: I_CompatibleHostsTable, key) => {
-    const hostData = {
-      // @ts-ignore
-      iconClassName: `vsphere-icon-${hostIconByState[item.state]}`,
-    }
-    const clusterData = {
-      iconClassName: `vsphere-icon-${clusterIconByState[1]}`,
-    }
-
-    bodyItems.push([
-      {
-        key: 'icon',
-        text: item[compatibleHostsTableKeys[0]],
-        data: hostData,
-        id: item.id,
-        testId: `host-table-item-${item.host}`,
-      },
-      {
-        key: 'icon',
-        text: item[compatibleHostsTableKeys[1]],
-        data: clusterData,
-        id: item.id,
-        testId: `host-table-item-${item.host}`,
-      },
-    ])
-  })
-  return bodyItems
-}

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/config/incompatibleTable.ts

@@ -1,68 +0,0 @@
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { I_IncompatibleHostsTable } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'
-import { E_NodeIconsByState } from '~/lib/models/enums'
-import { incompatibleHostsTableKeys } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/tableKeys'
-import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.common.host, true, 'auto', incompatibleHostsTableKeys[0]],
-    [
-      localization.common.hostIncompatibilityReason,
-      true,
-      'auto',
-      incompatibleHostsTableKeys[1],
-    ],
-    [localization.common.cluster, true, 'auto', incompatibleHostsTableKeys[2]],
-  ]
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 0 || i === 2 ? 'icon' : `col${i}`
-    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (
-  data: I_IncompatibleHostsTable[]
-): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-  data.forEach((item: I_IncompatibleHostsTable, key) => {
-    const hostData = {
-      iconClassName: E_NodeIconsByState.host_Normal,
-    }
-    const clusterData = {
-      iconClassName: E_NodeIconsByState.host_Normal,
-    }
-
-    bodyItems.push([
-      {
-        key: 'icon',
-        text: item[incompatibleHostsTableKeys[0]],
-        data: hostData,
-        id: key,
-      },
-      {
-        key: 'col1',
-        text: item[incompatibleHostsTableKeys[1]],
-        id: key,
-      },
-      {
-        key: 'icon',
-        text: item[incompatibleHostsTableKeys[2]],
-        data: clusterData,
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}

package/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/config/tableKeys.ts

@@ -1,15 +0,0 @@
-import type {
-  T_CompatibleHostsTableKeys,
-  T_IncompatibleHostsTableKeys,
-} from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
-
-export const compatibleHostsTableKeys: T_CompatibleHostsTableKeys[] = [
-  'host',
-  'cluster',
-]
-
-export const incompatibleHostsTableKeys: T_IncompatibleHostsTableKeys[] = [
-  'host',
-  'cluster',
-  'host_incompatibility_reason',
-]

package/components/common/wizards/datastoreNew/add/nfs/configuration/Configuration.vue

@@ -1,236 +0,0 @@
-<template>
-  <div class="configuration">
-    <div>
-      <atoms-alert
-        v-show="props.alertMessages?.length"
-        test-id="configure-error-alert"
-        status="alert-danger"
-        :items="props.alertMessages"
-        @remove="onHideAlert"
-      />
-
-      <atoms-alert
-        v-show="alertInfo"
-        test-id="configure-information-alert"
-        status="alert-info"
-        :items="[localization.common.nameAndConfigurationAlertInfo]"
-        @remove="alertInfo = false"
-      />
-      <h6 class="nd-mt-0">{{ localization.common.nfsShareDetails }}</h6>
-
-      <div class="clr-form-control clr-row">
-        <label for="" class="clr-control-label clr-col-md-2">
-          {{ localization.common.name }}
-        </label>
-
-        <div
-          class="clr-control-container"
-          :class="nameErrorText && 'clr-error'"
-        >
-          <div class="flex-align-center">
-            <input
-              id="configuration-name-input"
-              v-model="model.name"
-              data-id="configuration-name-input"
-              type="text"
-              class="clr-input"
-              @blur="initValidation(true, ['name'])"
-              @input="initValidation(false, ['name'])"
-            />
-            <atoms-the-icon class="error-icon" name="info-circle" />
-          </div>
-
-          <div class="clr-subtext" data-id="nfs-datastore-name-field-require">
-            {{ nameErrorText }}
-          </div>
-        </div>
-      </div>
-
-      <div class="clr-form-control clr-row">
-        <label class="clr-control-label clr-col-md-2">
-          {{ localization.common.folder }}
-        </label>
-
-        <div
-          class="clr-control-container"
-          :class="folderErrorText && 'clr-error'"
-        >
-          <div class="flex-align-center">
-            <input
-              id="configuration-folder-input"
-              v-model="model.folder"
-              data-id="configuration-folder-input"
-              type="text"
-              class="clr-input"
-              @blur="initValidation(true, ['folder'])"
-              @input="initValidation(false, ['folder'])"
-            />
-            <atoms-the-icon class="error-icon" name="info-circle" />
-          </div>
-
-          <div
-            v-if="folderErrorText"
-            class="clr-subtext"
-            data-id="folder-name-field-require"
-          >
-            {{ folderErrorText }}
-          </div>
-          <div v-else class="clr-subtext">E.g: /vols/vol0/datastore-001</div>
-        </div>
-      </div>
-
-      <div class="nd-mt-0 clr-form-control clr-row">
-        <label class="clr-control-label clr-col-md-2">
-          {{ localization.common.server }}
-        </label>
-
-        <div
-          class="clr-control-container"
-          :class="serverErrorText && 'clr-error'"
-        >
-          <div class="flex-align-center input-action-wrapper">
-            <input
-              id="configuration-folder-input"
-              v-model="model.server"
-              data-id="configuration-folder-input"
-              type="text"
-              class="clr-input"
-              @blur="initValidation(true, ['server'])"
-              @input="initValidation(false, ['server'])"
-            />
-            <atoms-the-icon class="error-icon" name="info-circle" />
-          </div>
-          <div
-            v-if="serverErrorText"
-            class="clr-subtext"
-            data-id="server-name-field-require"
-          >
-            {{ serverErrorText }}
-          </div>
-          <div v-else class="clr-subtext">
-            E.g: nas, nas.it.com or 192.168.0.1
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type {
-  UI_I_Localization,
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
-import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_InitialValidationFields } from '~/components/common/wizards/datastoreNew/add/nfs/configuration/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-}>()
-const model = defineModel<any>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const initValidationFields = ref<UI_I_InitialValidationFields>({
-  name: false,
-  folder: false,
-  server: false,
-})
-const initValidation = (onlyBlur = false, types: string[]): void => {
-  onlyBlur && types.forEach((type) => (initValidationFields.value[type] = true))
-}
-
-/* Validation error text for Name input field */
-const nameErrorText = computed<string>(() => {
-  if (props.messagesFields?.name?.field && !model.value.name) {
-    return props.messagesFields.name.field
-  }
-
-  if (!initValidationFields.value.name) return ''
-  return !model.value.name ? localization.value.common.specifyDatastoreName : ''
-})
-
-/* Validation error text for Folder input field */
-const folderErrorText = computed<string>(() => {
-  if (props.messagesFields.folder?.field && !model.value.folder) {
-    return props.messagesFields.folder.field
-  }
-
-  if (!initValidationFields.value.folder) return ''
-  return !model.value.folder ? localization.value.common.specifyFolderName : ''
-})
-
-/* Validation error text for Server input field */
-const serverErrorText = computed<string>(() => {
-  if (props.messagesFields.server?.field && !model.value.server) {
-    return props.messagesFields.server.field
-  }
-
-  if (!initValidationFields.value.server) return ''
-  return !model.value.server ? localization.value.common.specifyServerName : ''
-})
-const onHideAlert = (): void => {
-  emits('hide-alert', 5)
-}
-const alertInfo = ref<boolean>(props.project === 'procurator')
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.configuration {
-  @include flex($dir: column, $just: space-between);
-  height: 100%;
-  & > h6 {
-    font-weight: 500;
-    font-size: 14px;
-    padding-top: 6px;
-  }
-
-  &__alert-info {
-    :deep(.alert-text) {
-      font-size: 11px;
-      letter-spacing: normal;
-    }
-  }
-  .clr-form-control {
-    margin-top: 0;
-    display: flex;
-    flex-direction: row;
-
-    .clr-control-container {
-      min-height: 48px;
-      &.clr-error {
-        .clr-subtext,
-        .error-icon {
-          display: block;
-        }
-      }
-      .error-icon {
-        display: none;
-      }
-      .error-icon {
-        fill: #db2100;
-        width: 24px;
-        height: 24px;
-      }
-    }
-  }
-  &__servers-list {
-    height: 170px;
-  }
-}
-.flex-align-center {
-  &.input-action-wrapper {
-    width: 260px;
-  }
-  input {
-    width: 210px;
-  }
-}
-</style>

package/components/common/wizards/datastoreNew/add/nfs/configuration/_serversList/lib/models/types.ts

@@ -1 +0,0 @@
-export type T_ServersTableItemsTuple = ['server_name']

package/components/common/wizards/datastoreNew/add/nfs/configuration/lib/models/interfaces.ts

@@ -1,5 +0,0 @@
-export interface UI_I_InitialValidationFields {
-  name: boolean
-  folder: boolean
-  server: boolean
-}

package/components/common/wizards/datastoreNew/add/nfs/version/Version.vue

@@ -1,26 +0,0 @@
-<template>
-  <section class="nfs-version">
-    <common-select-radio-group
-      v-model="selectedNfsVersionLocal"
-      :options="nfsVersion"
-    />
-  </section>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import type { UI_T_NfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
-import { nfsVersionFunc } from '~/components/common/wizards/datastore/add/nfs/version/lib/config/versionOptions'
-
-const selectedNfsVersionLocal = defineModel<UI_T_NfsType>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
-</script>
-
-<style lang="scss" scoped>
-.nfs-version {
-}
-</style>

package/components/common/wizards/datastoreNew/add/nfs/version/lib/config/versionOptions.ts

@@ -1,22 +0,0 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-export const nfsVersionFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: 'NFS 3',
-      value: 'nfs-3',
-      disabled: false,
-      description: localization.nfsVersionDesc1,
-      testId: 'datastore-nfs-version-3',
-    },
-    {
-      label: 'NFS 4.1',
-      value: 'nfs-4.1',
-      disabled: false,
-      description: localization.nfsVersionDesc2,
-      testId: 'datastore-nfs-version-4.1',
-    },
-  ]
-}