bfg-common 1.5.408 → 1.5.410

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

@@ -1,168 +1,168 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_ChangeStepsSchemes } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import type { UI_T_DatastoreTypeCode } from '~/components/common/backup/storage/actions/add/lib/models/types'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const dynamicSteps = {
-  type: 0,
-  name: 1,
-  nameAndConfigure: 2,
-  storage: 3,
-  hostAccessibility: 4,
-  readyComplete: 5,
-}
-
-export const stepsFunc = (
-  localization: UI_I_Localization
-): UI_I_WizardStep[] => [
-  {
-    id: dynamicSteps.type,
-    title: localization.common.type,
-    subTitle: localization.backup.specifyBackupStorageType,
-    status: UI_E_WIZARD_STATUS.SELECTED,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-select-type',
-  },
-  {
-    id: dynamicSteps.name,
-    title: localization.backup.selectName,
-    subTitle: localization.backup.specifyBackupStorageName,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      name: {
-        alert: '',
-        field: '',
-      }
-    },
-    isValid: true,
-    testId: 'create-datastore-name-selection',
-  },
-  {
-    id: dynamicSteps.nameAndConfigure,
-    title: localization.common.nameAndConfiguration,
-    subTitle: localization.backup.specifyBackupStorageNameAndConfiguration,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      name: {
-        alert: '',
-        field: '',
-      },
-      folder: {
-        alert: '',
-        field: '',
-      },
-      server: {
-        alert: '',
-        field: '',
-      },
-      user: {
-        alert: '',
-        field: '',
-      },
-      password: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-configuration',
-  },
-  {
-    id: dynamicSteps.storage,
-    title: localization.common.selectStorage,
-    subTitle: localization.backup.selectDestinationStorageForBackupStorage,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      storage: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-storage',
-  },
-  {
-    id: dynamicSteps.hostAccessibility,
-    title: localization.common.hostsAccessibility,
-    subTitle: localization.backup.selectHostsThatRequireAccessBackupStorage,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      hostsAccessibility: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-hosts-accessibility',
-  },
-  {
-    id: dynamicSteps.readyComplete,
-    title: localization.common.readyComplete,
-    subTitle: localization.backup.storageReview,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-ready-complete',
-  },
-]
-
-export const stepsSchemeInitial: number[][] = [
-  // Procurator Scheme for "local"
-  [dynamicSteps.type, dynamicSteps.name, dynamicSteps.readyComplete],
-  // Procurator Scheme for "nfs" and "samba"
-  [
-    dynamicSteps.type,
-    dynamicSteps.nameAndConfigure,
-    dynamicSteps.readyComplete,
-  ],
-  // Procurator Scheme for "shared-storm"
-  [
-    dynamicSteps.type,
-    dynamicSteps.name,
-    dynamicSteps.storage,
-    dynamicSteps.readyComplete,
-  ],
-
-  // Sphere Scheme for "local"
-  [dynamicSteps.type, dynamicSteps.name, dynamicSteps.hostAccessibility, dynamicSteps.readyComplete],
-  // Sphere Scheme for "nfs" and "samba"
-  [
-    dynamicSteps.type,
-    dynamicSteps.nameAndConfigure,
-    dynamicSteps.hostAccessibility,
-    dynamicSteps.readyComplete,
-  ],
-  // Sphere Scheme for "shared-storm"
-  [
-    dynamicSteps.type,
-    dynamicSteps.name,
-    dynamicSteps.storage,
-    dynamicSteps.hostAccessibility,
-    dynamicSteps.readyComplete,
-  ],
-]
-
-export const getStepScheme = (
-  project: UI_T_Project,
-  typeCode: UI_T_DatastoreTypeCode,
-): number | undefined => {
-  const schemes: UI_I_ChangeStepsSchemes = {
-    procurator: {
-      '1': 0,
-      '2': 1,
-      '3': 1,
-      '4': 2,
-    },
-    sphere: {
-      '1': 3,
-      '2': 4,
-      '3': 4,
-      '4': 5,
-    },
-  }
-
-  return schemes[project]?.[typeCode]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_ChangeStepsSchemes } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+import type { UI_T_DatastoreTypeCode } from '~/components/common/backup/storage/actions/add/lib/models/types'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const dynamicSteps = {
+  type: 0,
+  name: 1,
+  nameAndConfigure: 2,
+  storage: 3,
+  hostAccessibility: 4,
+  readyComplete: 5,
+}
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => [
+  {
+    id: dynamicSteps.type,
+    title: localization.common.type,
+    subTitle: localization.backup.specifyBackupStorageType,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-select-type',
+  },
+  {
+    id: dynamicSteps.name,
+    title: localization.backup.selectName,
+    subTitle: localization.backup.specifyBackupStorageName,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      }
+    },
+    isValid: true,
+    testId: 'create-datastore-name-selection',
+  },
+  {
+    id: dynamicSteps.nameAndConfigure,
+    title: localization.common.nameAndConfiguration,
+    subTitle: localization.backup.specifyBackupStorageNameAndConfiguration,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+      folder: {
+        alert: '',
+        field: '',
+      },
+      server: {
+        alert: '',
+        field: '',
+      },
+      user: {
+        alert: '',
+        field: '',
+      },
+      password: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-configuration',
+  },
+  {
+    id: dynamicSteps.storage,
+    title: localization.common.selectStorage,
+    subTitle: localization.backup.selectDestinationStorageForBackupStorage,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      storage: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-storage',
+  },
+  {
+    id: dynamicSteps.hostAccessibility,
+    title: localization.common.hostsAccessibility,
+    subTitle: localization.backup.selectHostsThatRequireAccessBackupStorage,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      hostsAccessibility: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-hosts-accessibility',
+  },
+  {
+    id: dynamicSteps.readyComplete,
+    title: localization.common.readyComplete,
+    subTitle: localization.backup.storageReview,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  // Procurator Scheme for "local"
+  [dynamicSteps.type, dynamicSteps.name, dynamicSteps.readyComplete],
+  // Procurator Scheme for "nfs" and "samba"
+  [
+    dynamicSteps.type,
+    dynamicSteps.nameAndConfigure,
+    dynamicSteps.readyComplete,
+  ],
+  // Procurator Scheme for "shared-storm"
+  [
+    dynamicSteps.type,
+    dynamicSteps.name,
+    dynamicSteps.storage,
+    dynamicSteps.readyComplete,
+  ],
+
+  // Sphere Scheme for "local"
+  [dynamicSteps.type, dynamicSteps.name, dynamicSteps.hostAccessibility, dynamicSteps.readyComplete],
+  // Sphere Scheme for "nfs" and "samba"
+  [
+    dynamicSteps.type,
+    dynamicSteps.nameAndConfigure,
+    dynamicSteps.hostAccessibility,
+    dynamicSteps.readyComplete,
+  ],
+  // Sphere Scheme for "shared-storm"
+  [
+    dynamicSteps.type,
+    dynamicSteps.name,
+    dynamicSteps.storage,
+    dynamicSteps.hostAccessibility,
+    dynamicSteps.readyComplete,
+  ],
+]
+
+export const getStepScheme = (
+  project: UI_T_Project,
+  typeCode: UI_T_DatastoreTypeCode,
+): number | undefined => {
+  const schemes: UI_I_ChangeStepsSchemes = {
+    procurator: {
+      '1': 0,
+      '2': 1,
+      '3': 1,
+      '4': 2,
+    },
+    sphere: {
+      '1': 3,
+      '2': 4,
+      '3': 4,
+      '4': 5,
+    },
+  }
+
+  return schemes[project]?.[typeCode]
+}

package/components/common/backup/storage/actions/add/steps/hostAccessibility/HostAccessibility.vue

@@ -1,52 +1,52 @@
-<template>
-  <common-backup-storage-actions-add-steps-host-accessibility-new
-    v-if="isNewView"
-    v-model="modelHostsLocal"
-    v-model:active-tab="activeTab"
-    :hosts="dataTable"
-    :tab-options="tabs"
-  />
-  <common-backup-storage-actions-add-steps-host-accessibility-old
-    v-else
-    v-model="modelHostsLocal"
-    v-model:active-tab="activeTab"
-    :hosts="dataTable"
-    :tab-options="tabs"
-    :alert-messages="props.alertMessages"
-    @hide-alert="(e) => emits('hide-alert', e)"
-  />
-</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 { UI_T_HostsAccessibilityTab } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/models/types'
-import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
-import { hostAccessibilityTabsFunc } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/config/tabsPannel'
-
-const modelHostsLocal = defineModel<string[]>()
-const props = defineProps<{
-  alertMessages: string[]
-  hosts?: UI_I_CompatibleHosts
-}>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const activeTab = ref<UI_T_HostsAccessibilityTab>('compatible-hosts')
-const tabs = computed<UI_I_CollapseNavItem[]>(() =>
-  hostAccessibilityTabsFunc(localization.value, [
-    (props.hosts?.items?.length || 0) + '',
-    '0',
-  ])
-)
-
-const dataTable = computed<UI_I_CompatibleHosts>(() => props.hosts)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-host-accessibility-new
+    v-if="isNewView"
+    v-model="modelHostsLocal"
+    v-model:active-tab="activeTab"
+    :hosts="dataTable"
+    :tab-options="tabs"
+  />
+  <common-backup-storage-actions-add-steps-host-accessibility-old
+    v-else
+    v-model="modelHostsLocal"
+    v-model:active-tab="activeTab"
+    :hosts="dataTable"
+    :tab-options="tabs"
+    :alert-messages="props.alertMessages"
+    @hide-alert="(e) => emits('hide-alert', e)"
+  />
+</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 { UI_T_HostsAccessibilityTab } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/models/types'
+import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
+import { hostAccessibilityTabsFunc } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/config/tabsPannel'
+
+const modelHostsLocal = defineModel<string[]>()
+const props = defineProps<{
+  alertMessages: string[]
+  hosts?: UI_I_CompatibleHosts
+}>()
+const emits = defineEmits<{
+  (event: 'hide-alert', value: number): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const activeTab = ref<UI_T_HostsAccessibilityTab>('compatible-hosts')
+const tabs = computed<UI_I_CollapseNavItem[]>(() =>
+  hostAccessibilityTabsFunc(localization.value, [
+    (props.hosts?.items?.length || 0) + '',
+    '0',
+  ])
+)
+
+const dataTable = computed<UI_I_CompatibleHosts>(() => props.hosts)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue

@@ -1,45 +1,45 @@
-<template>
-  <common-backup-storage-actions-add-steps-ready-complete-new
-    v-if="isNewView"
-    :data-ready-view="dataReadyView"
-  />
-
-  <common-backup-storage-actions-add-steps-ready-complete-old
-    v-else
-    :data-ready-view="dataReadyView"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
-import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails'
-
-const props = defineProps<{
-  project: UI_T_Project
-  form: UI_I_CreateDatastoreForm
-  hosts: UI_I_CompatibleHosts
-  datastore: UI_I_DatastoreTableItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const dataReadyView = computed<UI_I_DetailsItem>(() =>
-  constructDataReadyViewFunc(
-    localization.value,
-    props.form,
-    props.project,
-    props.hosts,
-    props.datastore
-  )
-)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-ready-complete-new
+    v-if="isNewView"
+    :data-ready-view="dataReadyView"
+  />
+
+  <common-backup-storage-actions-add-steps-ready-complete-old
+    v-else
+    :data-ready-view="dataReadyView"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
+import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails'
+
+const props = defineProps<{
+  project: UI_T_Project
+  form: UI_I_CreateDatastoreForm
+  hosts: UI_I_CompatibleHosts
+  datastore: UI_I_DatastoreTableItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const dataReadyView = computed<UI_I_DetailsItem>(() =>
+  constructDataReadyViewFunc(
+    localization.value,
+    props.form,
+    props.project,
+    props.hosts,
+    props.datastore
+  )
+)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/delete/Delete.vue

@@ -1,65 +1,65 @@
-<template>
-  <common-modals-confirm-by-input
-    :title="localization.common.confirmDeletionDatastoreTitle"
-    :sub-title="props.datastore?.name || ''"
-    test-id="datastore-delete"
-    width="576px"
-    @hide="onHide"
-    @confirm="onDelete"
-  >
-    <template #content>
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodyFirst }}
-      </p>
-
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodySecond }}
-      </p>
-
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodyThird }}
-      </p>
-    </template>
-  </common-modals-confirm-by-input>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DeleteItem } from '~/components/common/backup/storage/actions/delete/lib/models/interfaces'
-import { sendTask } from '~/lib/utils/sendTask'
-import { getBackupTreeNodeIdByTypeFromRoute } from '~/components/common/backup/lib/utils/getBackupOrBackupStorageId'
-
-const props = defineProps<{
-  datastore: UI_I_DeleteItem | null
-}>()
-const emits = defineEmits<{
-  (event: 'delete', value: string): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const targetId = computed<string>(() =>
-  getBackupTreeNodeIdByTypeFromRoute('last')
-)
-const onDelete = (): void => {
-  emits('delete', targetId.value)
-}
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.delete-group__text {
-  @include text($fs: 0.6rem);
-  font-size: 0.6rem;
-  letter-spacing: normal;
-  line-height: 1rem;
-
-  &:first-child {
-    margin-bottom: 1.2em;
-  }
-}
-</style>
+<template>
+  <common-modals-confirm-by-input
+    :title="localization.common.confirmDeletionDatastoreTitle"
+    :sub-title="props.datastore?.name || ''"
+    test-id="datastore-delete"
+    width="576px"
+    @hide="onHide"
+    @confirm="onDelete"
+  >
+    <template #content>
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodyFirst }}
+      </p>
+
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodySecond }}
+      </p>
+
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodyThird }}
+      </p>
+    </template>
+  </common-modals-confirm-by-input>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DeleteItem } from '~/components/common/backup/storage/actions/delete/lib/models/interfaces'
+import { sendTask } from '~/lib/utils/sendTask'
+import { getBackupTreeNodeIdByTypeFromRoute } from '~/components/common/backup/lib/utils/getBackupOrBackupStorageId'
+
+const props = defineProps<{
+  datastore: UI_I_DeleteItem | null
+}>()
+const emits = defineEmits<{
+  (event: 'delete', value: string): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const targetId = computed<string>(() =>
+  getBackupTreeNodeIdByTypeFromRoute('last')
+)
+const onDelete = (): void => {
+  emits('delete', targetId.value)
+}
+const onHide = (): void => {
+  emits('hide')
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.delete-group__text {
+  @include text($fs: 0.6rem);
+  font-size: 0.6rem;
+  letter-spacing: normal;
+  line-height: 1rem;
+
+  &:first-child {
+    margin-bottom: 1.2em;
+  }
+}
+</style>