bfg-common 1.5.239 → 1.5.240

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

@@ -1,114 +1,114 @@
-<template>
-  <div class="new-datastore">
-    <atoms-wizard
-      show
-      :wizard="props.wizard"
-      :selected-scheme="props.selectedScheme"
-      :title="props.title"
-      :localization="localization"
-      class="add-datastore"
-      test-id="add-datastore-wizard"
-      @change-steps="onChangeSteps"
-      @hide="onHideModal"
-      @submit="onCreateDatastore"
-    >
-      <template #modalBody="{ selectedStep }">
-        <common-backup-storage-actions-add-steps-type-mode
-          v-if="selectedStep.id === dynamicSteps.type"
-          v-model="formModelLocal.type_code"
-        />
-
-        <common-backup-storage-actions-add-steps-name
-          v-if="selectedStep.id === dynamicSteps.name"
-          v-model="formModelLocal"
-          :project="props.project"
-          :messages-fields="selectedStep.fields"
-          :alert-messages="props.alertMessages[dynamicSteps.name]"
-        />
-
-        <common-backup-storage-actions-add-steps-name-and-configure
-          v-if="selectedStep.id === dynamicSteps.nameAndConfigure"
-          v-model="formModelLocal"
-          :project="props.project"
-          :messages-fields="selectedStep.fields"
-          :alert-messages="props.alertMessages[dynamicSteps.nameAndConfigure]"
-        />
-
-        <div v-if="selectedStep.id === dynamicSteps.storage">
-          <!--          TODO-->
-          <atoms-alert
-            v-show="props.alertMessages[dynamicSteps.storage]?.length"
-            test-id="configure-error-alert"
-            status="alert-danger"
-            :items="props.alertMessages[dynamicSteps.storage]"
-          />
-          <common-vm-actions-common-select-storage
-            :datastore="props.datastore"
-            :get-datastore-table-func="props.getDatastoreTableFunc"
-            hide-compatibility
-            hide-alert
-            class="storage-datatable h-full"
-            :alert-messages="props.alertMessages[dynamicSteps.storage]"
-            @change-storage="onChangeStorage"
-          />
-        </div>
-
-        <common-backup-storage-actions-add-steps-host-accessibility
-          v-if="selectedStep.id === dynamicSteps.hostAccessibility"
-          v-model="formModelLocal.hosts"
-          :alert-messages="props.alertMessages[dynamicSteps.hostAccessibility]"
-          :hosts="props.hosts"
-        />
-
-        <common-backup-storage-actions-add-steps-ready-complete
-          v-if="selectedStep.id === dynamicSteps.readyComplete"
-          :form="formModelLocal"
-          :project="props.project"
-          :hosts="props.hosts"
-          :datastore="props.datastore"
-        />
-      </template>
-    </atoms-wizard>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import { dynamicSteps } from '~/components/common/backup/storage/actions/add/lib/config/steps'
-
-const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const props = defineProps<{
-  project: UI_T_Project
-  wizard: Wizard
-  selectedScheme: number[]
-  alertMessages: string[][]
-  title: string
-  datastore: UI_I_DatastoreTableItem[]
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  hosts?: any[]
-}>()
-const emits = defineEmits<{
-  (event: 'change-steps', value: UI_I_WizardStep[]): void
-  (event: 'change-storage', value: UI_I_WizardStep[]): void
-  (event: 'hide'): void
-  (event: 'submit', value: any): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
-  emits('change-steps', value)
-const onChangeStorage = async (value: UI_I_WizardStep[]): Promise<void> =>
-  emits('change-storage', value)
-
-const onHideModal = (): void => emits('hide')
-const onCreateDatastore = (): void => emits('submit')
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="new-datastore">
+    <atoms-wizard
+      show
+      :wizard="props.wizard"
+      :selected-scheme="props.selectedScheme"
+      :title="props.title"
+      :localization="localization"
+      class="add-datastore"
+      test-id="add-datastore-wizard"
+      @change-steps="onChangeSteps"
+      @hide="onHideModal"
+      @submit="onCreateDatastore"
+    >
+      <template #modalBody="{ selectedStep }">
+        <common-backup-storage-actions-add-steps-type-mode
+          v-if="selectedStep.id === dynamicSteps.type"
+          v-model="formModelLocal.type_code"
+        />
+
+        <common-backup-storage-actions-add-steps-name
+          v-if="selectedStep.id === dynamicSteps.name"
+          v-model="formModelLocal"
+          :project="props.project"
+          :messages-fields="selectedStep.fields"
+          :alert-messages="props.alertMessages[dynamicSteps.name]"
+        />
+
+        <common-backup-storage-actions-add-steps-name-and-configure
+          v-if="selectedStep.id === dynamicSteps.nameAndConfigure"
+          v-model="formModelLocal"
+          :project="props.project"
+          :messages-fields="selectedStep.fields"
+          :alert-messages="props.alertMessages[dynamicSteps.nameAndConfigure]"
+        />
+
+        <div v-if="selectedStep.id === dynamicSteps.storage">
+          <!--          TODO-->
+          <atoms-alert
+            v-show="props.alertMessages[dynamicSteps.storage]?.length"
+            test-id="configure-error-alert"
+            status="alert-danger"
+            :items="props.alertMessages[dynamicSteps.storage]"
+          />
+          <common-vm-actions-common-select-storage
+            :datastore="props.datastore"
+            :get-datastore-table-func="props.getDatastoreTableFunc"
+            hide-compatibility
+            hide-alert
+            class="storage-datatable h-full"
+            :alert-messages="props.alertMessages[dynamicSteps.storage]"
+            @change-storage="onChangeStorage"
+          />
+        </div>
+
+        <common-backup-storage-actions-add-steps-host-accessibility
+          v-if="selectedStep.id === dynamicSteps.hostAccessibility"
+          v-model="formModelLocal.hosts"
+          :alert-messages="props.alertMessages[dynamicSteps.hostAccessibility]"
+          :hosts="props.hosts"
+        />
+
+        <common-backup-storage-actions-add-steps-ready-complete
+          v-if="selectedStep.id === dynamicSteps.readyComplete"
+          :form="formModelLocal"
+          :project="props.project"
+          :hosts="props.hosts"
+          :datastore="props.datastore"
+        />
+      </template>
+    </atoms-wizard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+import { dynamicSteps } from '~/components/common/backup/storage/actions/add/lib/config/steps'
+
+const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
+const props = defineProps<{
+  project: UI_T_Project
+  wizard: Wizard
+  selectedScheme: number[]
+  alertMessages: string[][]
+  title: string
+  datastore: UI_I_DatastoreTableItem[]
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  hosts?: any[]
+}>()
+const emits = defineEmits<{
+  (event: 'change-steps', value: UI_I_WizardStep[]): void
+  (event: 'change-storage', value: UI_I_WizardStep[]): void
+  (event: 'hide'): void
+  (event: 'submit', value: any): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
+  emits('change-steps', value)
+const onChangeStorage = async (value: UI_I_WizardStep[]): Promise<void> =>
+  emits('change-storage', value)
+
+const onHideModal = (): void => emits('hide')
+const onCreateDatastore = (): void => emits('submit')
+</script>
+
+<style scoped lang="scss"></style>

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.common.specifyBackupStorageType,
-    status: UI_E_WIZARD_STATUS.SELECTED,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-select-type',
-  },
-  {
-    id: dynamicSteps.name,
-    title: localization.backup.selectName,
-    subTitle: localization.common.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.common.readyCompleteDesc,
-    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.common.specifyBackupStorageType,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-select-type',
+  },
+  {
+    id: dynamicSteps.name,
+    title: localization.backup.selectName,
+    subTitle: localization.common.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.common.readyCompleteDesc,
+    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/nameAndConfigure/NameAndConfigure.vue

@@ -1,41 +1,41 @@
-<template>
-  <common-backup-storage-actions-add-steps-name-and-configure-new
-    v-if="isNewView"
-    v-model="formModel"
-    v-model:alert-info="isShowAlertInfo"
-    :messages-fields="props.messagesFields"
-  />
-
-  <common-backup-storage-actions-add-steps-name-and-configure-old
-    v-else
-    v-model="formModel"
-    v-model:alert-info="isShowAlertInfo"
-    :alert-messages="props.alertMessages"
-    :messages-fields="props.messagesFields"
-    @hide-alert="(e) => emits('hide-alert', e)"
-  />
-</template>
-
-<script lang="ts" setup>
-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_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-
-const formModel = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const props = defineProps<{
-  project: UI_T_Project
-  alertMessages: string[]
-  messagesFields: UI_I_WizardStep['fields']
-}>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const isShowAlertInfo = ref<boolean>(true)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-name-and-configure-new
+    v-if="isNewView"
+    v-model="formModel"
+    v-model:alert-info="isShowAlertInfo"
+    :messages-fields="props.messagesFields"
+  />
+
+  <common-backup-storage-actions-add-steps-name-and-configure-old
+    v-else
+    v-model="formModel"
+    v-model:alert-info="isShowAlertInfo"
+    :alert-messages="props.alertMessages"
+    :messages-fields="props.messagesFields"
+    @hide-alert="(e) => emits('hide-alert', e)"
+  />
+</template>
+
+<script lang="ts" setup>
+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_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+
+const formModel = defineModel<UI_I_CreateDatastoreForm>({ required: true })
+const props = defineProps<{
+  project: UI_T_Project
+  alertMessages: string[]
+  messagesFields: UI_I_WizardStep['fields']
+}>()
+const emits = defineEmits<{
+  (event: 'hide-alert', value: number): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const isShowAlertInfo = ref<boolean>(true)
+</script>
+
+<style lang="scss" scoped></style>