bfg-common 1.5.111 → 1.5.113

package/components/common/wizards/datastore/add/lib/config/steps.ts

@@ -1,138 +1,138 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const stepsFunc = (
-  localization: UI_I_Localization
-): UI_I_WizardStep[] => [
-  {
-    id: 0,
-    title: localization.common.type,
-    status: UI_E_WIZARD_STATUS.SELECTED,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-select-type',
-  },
-
-  {
-    id: 1,
-    title: localization.common.selectDatastoreName,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      datastoreName: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'select-datastore-name',
-  },
-  {
-    id: 2,
-    title: localization.common.nameAndDeviceSelection,
-    subTitle: localization.common.nameAndDeviceSelectionDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      datastoreName: {
-        alert: '',
-        field: '',
-      },
-      lunDisk: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-device-selection',
-  },
-
-  {
-    id: 3,
-    title: localization.common.partitionConfiguration,
-    subTitle: localization.common.partitionConfigurationDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-partition-configuration',
-  },
-
-  // {
-  //   id: 4,
-  //   title: localization.common.nfsVersion,
-  //   subTitle: localization.common.selectNfsVersion,
-  //   status: UI_E_WIZARD_STATUS.INACTIVE,
-  //   fields: {},
-  //   isValid: true,
-  //   testId: 'create-datastore-select-nfs-version',
-  // },
-  {
-    id: 4,
-    title: localization.common.nameAndConfiguration,
-    subTitle: localization.common.nameAndConfigurationDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      name: {
-        alert: '',
-        field: '',
-      },
-      folder: {
-        alert: '',
-        field: '',
-      },
-      server: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-configuration',
-  },
-
-  {
-    id: 5,
-    title: localization.common.hostsAccessibility,
-    subTitle: localization.common.hostsAccessibilityDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      hostsAccessibility: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-hosts-accessibility',
-  },
-
-  // { // TODO Пока что не будет чут попоже
-  //   id: 7,
-  //   title: localization.kerberosAuthentication,
-  //   subTitle: localization.kerberosAuthenticationDesc.replace(
-  //     '{0}',
-  //     'version'?.toUpperCase() || ''
-  //   ),
-  //   status: UI_E_WIZARD_STATUS.INACTIVE,
-  //   fields: {},
-  //   isValid: true,
-  //   testId: 'select-kerberos-authentication',
-  // },
-  {
-    id: 11,
-    title: localization.common.readyComplete,
-    subTitle: localization.common.readyCompleteDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-ready-complete',
-    // testId: 'create-datastore-storm-ready-complete',
-    // testId: 'create-datastore-nfs-ready-complete',
-    // testId: 'create-datastore-local-ready-complete',
-  },
-]
-
-export const stepsSchemeInitial: number[][] = [
-  [0, 1, 11], // Procurator Scheme for "local" type
-  [0, 2, 11], // Procurator Scheme for "shared-storm" type
-  [0, 4, 11], // Procurator Scheme for "nfs" type
-  [0, 2, 11], // Sphere Scheme for "shared-storm" type
-  [0, 4, 5, 11], // Sphere Scheme for "nfs" type
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => [
+  {
+    id: 0,
+    title: localization.common.type,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-select-type',
+  },
+
+  {
+    id: 1,
+    title: localization.common.selectDatastoreName,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'select-datastore-name',
+  },
+  {
+    id: 2,
+    title: localization.common.nameAndDeviceSelection,
+    subTitle: localization.common.nameAndDeviceSelectionDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+      lunDisk: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-device-selection',
+  },
+
+  {
+    id: 3,
+    title: localization.common.partitionConfiguration,
+    subTitle: localization.common.partitionConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-partition-configuration',
+  },
+
+  // {
+  //   id: 4,
+  //   title: localization.common.nfsVersion,
+  //   subTitle: localization.common.selectNfsVersion,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'create-datastore-select-nfs-version',
+  // },
+  {
+    id: 4,
+    title: localization.common.nameAndConfiguration,
+    subTitle: localization.common.nameAndConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+      folder: {
+        alert: '',
+        field: '',
+      },
+      server: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-configuration',
+  },
+
+  {
+    id: 5,
+    title: localization.common.hostsAccessibility,
+    subTitle: localization.common.hostsAccessibilityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      hostsAccessibility: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-hosts-accessibility',
+  },
+
+  // { // TODO Пока что не будет чут попоже
+  //   id: 7,
+  //   title: localization.kerberosAuthentication,
+  //   subTitle: localization.kerberosAuthenticationDesc.replace(
+  //     '{0}',
+  //     'version'?.toUpperCase() || ''
+  //   ),
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'select-kerberos-authentication',
+  // },
+  {
+    id: 11,
+    title: localization.common.readyComplete,
+    subTitle: localization.common.readyCompleteDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-ready-complete',
+    // testId: 'create-datastore-storm-ready-complete',
+    // testId: 'create-datastore-nfs-ready-complete',
+    // testId: 'create-datastore-local-ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  [0, 1, 11], // Procurator Scheme for "local" type
+  [0, 2, 11], // Procurator Scheme for "shared-storm" type
+  [0, 4, 11], // Procurator Scheme for "nfs" type
+  [0, 2, 11], // Sphere Scheme for "shared-storm" type
+  [0, 4, 5, 11], // Sphere Scheme for "nfs" type
+]

package/components/common/wizards/datastore/add/lib/validations.ts

@@ -1,4 +1,4 @@
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
   UI_I_AsyncCheckReturn,
   UI_I_ValidationReturn,

package/components/common/wizards/datastore/add/local/createName/CreateName.vue

@@ -2,9 +2,9 @@
   <div class="create-datastore-name">
     <atoms-alert
       v-show="props.alertMessages.length"
+      :items="props.alertMessages"
       test-id="create-storage-name-alert-error"
       status="alert-danger"
-      :items="props.alertMessages"
       @remove="onHideAlert"
     />
 

package/components/common/wizards/datastore/add/nfs/_kerberosAuthentication/KerberosAuthentication.vue

@@ -2,9 +2,9 @@
   <div class="kerberos-auth">
     <atoms-alert
       v-show="isShowAlert"
+      :items="[localization.common.kerberosAuthenticationAlert]"
       test-id="kerberos-authentication"
       status="alert-warning"
-      :items="[localization.common.kerberosAuthenticationAlert]"
       @remove="isShowAlert = false"
     />
 
@@ -14,8 +14,8 @@
           :id="item.label"
           v-model="kerberosType"
           :data-id="item.testId"
-          type="radio"
           :value="item.value"
+          type="radio"
         />
         <label :for="item.label">
           {{ item.label }}
@@ -26,10 +26,10 @@
 </template>
 
 <script lang="ts" setup>
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import { UI_T_KerberosAuthentication } from '~/components/common/wizards/datastore/add/lib/models/types'
-import { kerberosOptionsFunc } from '~/components/common/wizards/datastore/add/nfs/kerberosAuthentication/lib/config/radioOptions'
+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_KerberosAuthentication } from '~/components/common/wizards/datastore/add/lib/models/types'
+import { kerberosOptionsFunc } from '~/components/common/wizards/datastore/add/nfs/_kerberosAuthentication/lib/config/radioOptions'
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 

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

@@ -1,60 +1,60 @@
-<template>
-  <div class="host-accessibility">
-    <atoms-alert
-      v-show="props.alertMessages?.length"
-      test-id="accessibility"
-      status="alert-danger"
-      :items="props.alertMessages"
-      @remove="onHideAlert"
-    />
-
-    <atoms-tabs
-      v-model="activeTab"
-      test-id="accessibility"
-      :items="tabs"
-      size="small"
-      class="w-100"
-    />
-    <common-wizards-datastore-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>
-</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/datastore/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>
+<template>
+  <div class="host-accessibility">
+    <atoms-alert
+      v-show="props.alertMessages?.length"
+      :items="props.alertMessages"
+      test-id="accessibility"
+      status="alert-danger"
+      @remove="onHideAlert"
+    />
+
+    <atoms-tabs
+      v-model="activeTab"
+      :items="tabs"
+      test-id="accessibility"
+      size="small"
+      class="w-100"
+    />
+    <common-wizards-datastore-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>
+</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/datastore/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/datastore/add/nfs/accessibility/tablesView/TablesView.vue

@@ -5,15 +5,15 @@
         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"
-        hide-page-size
         :loading="loading"
+        hide-page-size
+        type="checkbox"
+        class="data-table"
+        test-id="accessibility-table"
         server-off
       >
         <template #icon="{ item }">
@@ -35,7 +35,7 @@ import type {
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import type { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
-import {
+import type {
   I_CompatibleHostsTable,
   I_IncompatibleHostsTable,
 } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces'

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

@@ -3,8 +3,8 @@ import type {
   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 { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
 import { compatibleHostsTableKeys } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/tableKeys'
 import {
   hostIconByState,

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

@@ -3,17 +3,17 @@
     <div>
       <atoms-alert
         v-show="props.alertMessages?.length"
+        :items="props.alertMessages"
         test-id="configure-error-alert"
         status="alert-danger"
-        :items="props.alertMessages"
         @remove="onHideAlert"
       />
 
       <atoms-alert
         v-show="alertInfo"
+        :items="[localization.common.nameAndConfigurationAlertInfo]"
         test-id="configure-information-alert"
         status="alert-info"
-        :items="[localization.common.nameAndConfigurationAlertInfo]"
         @remove="alertInfo = false"
       />
       <h6 class="nd-mt-0">{{ localization.common.nfsShareDetails }}</h6>
@@ -23,10 +23,7 @@
           {{ localization.common.name }}
         </label>
 
-        <div
-          class="clr-control-container"
-          :class="nameErrorText && 'clr-error'"
-        >
+        <div :class="['clr-control-container', nameErrorText && 'clr-error']">
           <div class="flex-align-center">
             <input
               id="configuration-name-input"
@@ -51,10 +48,7 @@
           {{ localization.common.folder }}
         </label>
 
-        <div
-          class="clr-control-container"
-          :class="folderErrorText && 'clr-error'"
-        >
+        <div :class="['clr-control-container', folderErrorText && 'clr-error']">
           <div class="flex-align-center">
             <input
               id="configuration-folder-input"
@@ -84,10 +78,7 @@
           {{ localization.common.server }}
         </label>
 
-        <div
-          class="clr-control-container"
-          :class="serverErrorText && 'clr-error'"
-        >
+        <div :class="['clr-control-container', serverErrorText && 'clr-error']">
           <div class="flex-align-center input-action-wrapper">
             <input
               id="configuration-server-input"

package/components/common/wizards/datastore/add/nfs/configuration/_serversList/DeletePopover.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-import { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const emits = defineEmits<{
   (event: 'hide'): void

package/components/common/wizards/datastore/add/nfs/configuration/_serversList/ServersList.vue

@@ -4,15 +4,15 @@
       v-model:selected-row="selectedDisk"
       v-model:page-size="pagination.pageSize"
       v-model:page="pagination.page"
-      type="any"
-      class="data-table"
-      test-id="servers-list-table"
       :head-items="headItems"
       :body-items="bodyItems"
       :total-items="1"
       :total-pages="1"
-      off-select-by-row
       :loading="loading"
+      type="any"
+      class="data-table"
+      test-id="servers-list-table"
+      off-select-by-row
       hide-footer
     >
       <template #type="{ item }">
@@ -40,14 +40,14 @@
 </template>
 
 <script lang="ts" setup>
-import {
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import { UI_I_DataServersListItem } from '~/components/common/wizards/datastore/add/nfs/configuration/serversList/lib/models/interfaces'
-import * as serversTable from '~/components/common/wizards/datastore/add/nfs/configuration/serversList/lib/config/serversListConfig'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_DataServersListItem } from '~/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/models/interfaces'
+import * as serversTable from '~/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/config/serversListConfig'
 
 const props = defineProps<{
   dataTable: UI_I_DataServersListItem[] | []

package/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/config/serversListConfig.ts

@@ -1,18 +1,21 @@
-import {
+import type {
   UI_I_HeadItem,
   UI_I_BodyItem,
 } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import {
-  constructHeadItem,
-} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { serversTableItemsKeys } from '~/components/common/wizards/datastore/add/nfs/configuration/serversList/lib/config/tableKeys'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { serversTableItemsKeys } from '~/components/common/wizards/datastore/add/nfs/configuration/_serversList/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.serversToBeAdded, true, '96px', serversTableItemsKeys[0]],
+    [
+      localization.common.serversToBeAdded,
+      true,
+      '96px',
+      serversTableItemsKeys[0],
+    ],
   ]
 }
 

package/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/config/tableKeys.ts

@@ -1,3 +1,3 @@
-import { T_ServersTableItemsTuple } from '~/components/common/wizards/datastore/add/nfs/configuration/serversList/lib/models/types'
+import type { T_ServersTableItemsTuple } from '~/components/common/wizards/datastore/add/nfs/configuration/_serversList/lib/models/types'
 
 export const serversTableItemsKeys: T_ServersTableItemsTuple = ['server_name']

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

@@ -20,7 +20,4 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
 </script>
 
-<style lang="scss" scoped>
-.nfs-version {
-}
-</style>
+<style lang="scss" scoped></style>

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

@@ -1,5 +1,6 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+
 export const nfsVersionFunc = (
   localization: UI_I_Localization
 ): UI_I_RadioOption[] => {