bfg-common 1.5.225 → 1.5.227

package/assets/localization/local_be.json

@@ -2369,7 +2369,8 @@
     "deleteDatacenterDesc": "Вы ўпэўненыя, што хочаце выдаліць цэнтр апрацоўкі дадзеных \" {0}\"? Гэта дзеянне таксама прывядзе да выдалення ўсіх яго аварыйных сігналаў і выдаленні ўсіх звязаных хастоў і віртуальных машын з спісу.",
     "gotIt": "Зразумець",
     "nodeSetupStarted": "Запусціла налада вузла",
-    "nodeSetupStartedDesc": "Налада вузла была паспяхова запушчана. Гэта можа заняць хвіліну. Далейшыя дзеянні не патрабуецца."
+    "nodeSetupStartedDesc": "Налада вузла была паспяхова запушчана. Гэта можа заняць хвіліну. Далейшыя дзеянні не патрабуецца.",
+    "valueMustBeAtLeastOneHourAfterStart": "Значэнне павінна быць не менш чым на гадзіну пазней часу пачатку"
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",
@@ -3135,5 +3136,18 @@
   },
   "bottomPanel": {
     "failed": "Няўдалы"
+  },
+  "role": {
+    "roleManagement": "Кіраванне ролямі",
+    "selectRoleToViewItsDetails": "Выберыце ролю для прагляду яе дэталяў.",
+    "roleUsage": "Выкарыстанне ролі"
+  },
+  "backup": {
+    "selectName": "Абярыце назву",
+    "specifyBackupStorageType": "Укажыце тып рэзервовага сховішча.",
+    "specifyBackupStorageName": "Укажыце назву рэзервовага сховішча.",
+    "specifyBackupStorageNameAndConfiguration": "Укажыце назву і канфігурацыю рэзервовага сховішча.",
+    "selectHostsThatRequireAccessBackupStorage": "Абярыце хосты, якім патрэбны доступ да рэзервовага сховішча.",
+    "selectDestinationStorageForBackupStorage": "Абярыце мэтавае сховішча для рэзервовага капіявання."
   }
 }

package/assets/localization/local_en.json

@@ -1578,7 +1578,7 @@
     "uploadImage": "Upload Image",
     "uppercaseCharacters": "uppercase characters",
     "urlErrorText": "Please enter a valid URL",
-    "usage": "USAGE",
+    "usage": "Usage",
     "usageCap": "Usage",
     "usbRedirection": "USB Redirection",
     "useAllAvailablePartitions": "Use all available partitions",
@@ -2373,7 +2373,8 @@
     "deleteDatacenterDesc": "Are you sure you want to delete the datacenter “{0}”? This action will also delete all its alarms and remove all associated hosts and virtual machines from the inventory.",
     "gotIt": "Got It",
     "nodeSetupStarted": "Node Setup Started",
-    "nodeSetupStartedDesc": "Node setup has been successfully started. This may take a moment to complete. No further action is required."
+    "nodeSetupStartedDesc": "Node setup has been successfully started. This may take a moment to complete. No further action is required.",
+    "valueMustBeAtLeastOneHourAfterStart": "The value must be at least one hour later than the start time."
   },
   "auth": {
     "welcomeTo": "Welcome to",
@@ -2626,7 +2627,7 @@
     "receiveBandwidth": "Receive bandwidth",
     "averageAmountDataReceive": "Average amount of data receive per second",
     "dataReceive": "Data receive",
-    "networkUsageName": "USAGE",
+    "networkUsageName": "Usage",
     "networkUtilizationDuringInterval": "Network utilization (combined transmit-rates and receive-rates) during the interval",
     "dataUsage": "Data usage",
     "packetsReceived": "Packets received",
@@ -3139,5 +3140,18 @@
   },
   "bottomPanel": {
     "failed": "Failed"
+  },
+  "role": {
+    "roleManagement": "Role Management",
+    "selectRoleToViewItsDetails": "Select a role to view its details.",
+    "roleUsage": "Role Usage"
+  },
+  "backup": {
+    "selectName": "Select a Name",
+    "specifyBackupStorageType": "Specify backup storage type.",
+    "specifyBackupStorageName": "Specify the backup storage name.",
+    "specifyBackupStorageNameAndConfiguration": "Specify the backup storage name and configuration.",
+    "selectHostsThatRequireAccessBackupStorage": "Select the hosts that require access to the backup storage.",
+    "selectDestinationStorageForBackupStorage": "Select the destination storage for the backup storage."
   }
 }

package/assets/localization/local_hy.json

@@ -2373,7 +2373,8 @@
     "deleteDatacenterDesc": "Համոզված եք, որ ցանկանում եք ջնջել \"{0} \" տվյալների կենտրոնը: Այս գործողությունը նաև կջնջի դրա բոլոր ահազանգերը և կհեռացնի բոլոր հարակից սերվերներն ու վիրտուալ մեքենաները ցուցակից:",
     "gotIt": "հասկացա",
     "nodeSetupStarted": "Հանգույցի կարգավորումը սկսվեց",
-    "nodeSetupStartedDesc": "Հանգույցի կարգավորումը հաջողությամբ սկսվեց: Սա կարող է տեւել մի պահ: Այլ գործողություն չի պահանջվում:"
+    "nodeSetupStartedDesc": "Հանգույցի կարգավորումը հաջողությամբ սկսվեց: Սա կարող է տեւել մի պահ: Այլ գործողություն չի պահանջվում:",
+    "valueMustBeAtLeastOneHourAfterStart": "Արժեքը պետք է լինի առնվազն մեկ ժամ ուշ, քան մեկնարկի ժամանակը"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",
@@ -3139,5 +3140,18 @@
   },
   "bottomPanel": {
     "failed": "Անհաջող"
+  },
+  "role": {
+    "roleManagement": "Դերի կառավարում",
+    "selectRoleToViewItsDetails": "Ընտրեք դեր, դրա մանրամասները դիտելու համար:",
+    "roleUsage": "Դերի օգտագործումը"
+  },
+  "backup": {
+    "selectName": "Ընտրեք անվանումը",
+    "specifyBackupStorageType": "Նշեք պահուստային պահպանման տիպը։",
+    "specifyBackupStorageName": "Նշեք պահուստային պահպանման անունը։",
+    "specifyBackupStorageNameAndConfiguration": "Նշեք պահուստային պահպանման անունը և կազմաձևերը։",
+    "selectHostsThatRequireAccessBackupStorage": "Ընտրեք հոսթեր, որոնք պետք է հասանելիություն ունենան պահուստային պահպանմանը։",
+    "selectDestinationStorageForBackupStorage": "Ընտրեք նպատակային պահեստը պահուստային պատճենների համար։"
   }
 }

package/assets/localization/local_kk.json

@@ -2372,7 +2372,8 @@
     "deleteDatacenterDesc": "\"{0} \" деректер орталығын жойғыңыз келетініне сенімдісіз бе? Бұл әрекет сонымен қатар оның барлық дабылдарын жояды және барлық байланысты хосттар мен виртуалды машиналарды тізімнен жояды.",
     "gotIt": "Түсіндім",
     "nodeSetupStarted": "Түйін орнату басталды",
-    "nodeSetupStartedDesc": "Түйін орнату сәтті басталды. Бұл біраз уақыт алуы мүмкін. Бұдан әрі әрекет қажет емес."
+    "nodeSetupStartedDesc": "Түйін орнату сәтті басталды. Бұл біраз уақыт алуы мүмкін. Бұдан әрі әрекет қажет емес.",
+    "valueMustBeAtLeastOneHourAfterStart": "Мән басталу уақытынан кемінде бір сағат кеш болуы керек"
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",
@@ -3138,5 +3139,18 @@
   },
   "bottomPanel": {
     "failed": "Сәтсіз"
+  },
+  "role": {
+    "roleManagement": "Рөлдерді басқару",
+    "selectRoleToViewItsDetails": "Оның мәліметтерін көру үшін рөлді таңдаңыз.",
+    "roleUsage": "Рөлді пайдалану"
+  },
+  "backup": {
+    "selectName": "Атауын таңдаңыз",
+    "specifyBackupStorageType": "Резервтік сақтау түрін көрсетіңіз.",
+    "specifyBackupStorageName": "Резервтік сақтау атауын көрсетіңіз.",
+    "specifyBackupStorageNameAndConfiguration": "Резервтік сақтау атауы мен баптауларын көрсетіңіз.",
+    "selectHostsThatRequireAccessBackupStorage": "Резервтік сақтауға қолжетімділік қажет хосттарды таңдаңыз.",
+    "selectDestinationStorageForBackupStorage": "Резервтік сақтау үшін мақсатты сақтау орнын таңдаңыз."
   }
 }

package/assets/localization/local_ru.json

@@ -2372,7 +2372,8 @@
     "deleteDatacenterDesc": "Вы уверены, что хотите удалить центр обработки данных “{0}”? Это действие также приведет к удалению всех его аварийных сигналов и удалению всех связанных хостов и виртуальных машин из списка.",
     "gotIt": "Понял",
     "nodeSetupStarted": "Начата настройка узла",
-    "nodeSetupStartedDesc": "Настройка узла успешно запущена. Это может занять некоторое время. Никаких дальнейших действий не требуется."
+    "nodeSetupStartedDesc": "Настройка узла успешно запущена. Это может занять некоторое время. Никаких дальнейших действий не требуется.",
+    "valueMustBeAtLeastOneHourAfterStart": "Значение должно быть не менее чем на час позже времени начала"
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",
@@ -3138,5 +3139,18 @@
   },
   "bottomPanel": {
     "failed": "Неудавшиеся"
+  },
+  "role": {
+    "roleManagement": "Управление ролями",
+    "selectRoleToViewItsDetails": "Выберите роль, чтобы просмотреть сведения о ней.",
+    "roleUsage": "Использование ролей"
+  },
+  "backup": {
+    "selectName": "Выберите имя",
+    "specifyBackupStorageType": "Укажите тип хранилища для резервного копирования.",
+    "specifyBackupStorageName": "Укажите имя хранилища для резервного копирования.",
+    "specifyBackupStorageNameAndConfiguration": "Укажите имя и конфигурацию хранилища для резервного копирования.",
+    "selectHostsThatRequireAccessBackupStorage": "Выберите хосты, которым нужен доступ к хранилищу резервных копий.",
+    "selectDestinationStorageForBackupStorage": "Выберите целевое хранилище для резервного копирования."
   }
 }

package/assets/localization/local_zh.json

@@ -2370,7 +2370,8 @@
     "deleteDatacenterDesc": "你确定要删除数据中心“{0}”吗？此操作将同时删除所有警报和从库中移除所有关联的主机和虚拟机。",
     "gotIt": "得到了",
     "nodeSetupStarted": "节点设置开始",
-    "nodeSetupStartedDesc": "节点设置已成功启动。这可能需要一些时间才能完成。无需采取进一步的行动。"
+    "nodeSetupStartedDesc": "节点设置已成功启动。这可能需要一些时间才能完成。无需采取进一步的行动。",
+    "valueMustBeAtLeastOneHourAfterStart": "该值必须至少比开始时间晚一小时。"
   },
   "auth": {
     "welcomeTo": "欢迎来到",
@@ -3136,5 +3137,18 @@
   },
   "bottomPanel": {
     "failed": "失败的"
+  },
+  "role": {
+    "roleManagement": "角色管理",
+    "selectRoleToViewItsDetails": "选择角色以查看其细节。",
+    "roleUsage": "角色使用"
+  },
+  "backup": {
+    "selectName": "选择名称",
+    "specifyBackupStorageType": "指定备份存储类型。",
+    "specifyBackupStorageName": "指定备份存储名称。",
+    "specifyBackupStorageNameAndConfiguration": "指定备份存储名称和配置。",
+    "selectHostsThatRequireAccessBackupStorage": "选择需要访问备份存储的主机。",
+    "selectDestinationStorageForBackupStorage": "为备份存储选择目标存储。"
   }
 }

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

@@ -12,6 +12,7 @@
     :get-datastore-table-func="props.getDatastoreTableFunc"
     @change-steps="onChangeSteps"
     @change-storage="onChangeStorage"
+    @submit="onCreate"
     @hide="onHideModal"
   />
   <common-backup-storage-actions-add-old
@@ -27,16 +28,13 @@
     :get-datastore-table-func="props.getDatastoreTableFunc"
     @change-steps="onChangeSteps"
     @change-storage="onChangeStorage"
+    @submit="onCreate"
     @hide="onHideModal"
   />
 </template>
 
 <script setup lang="ts">
 import type { UI_T_Project } from '~/lib/models/types'
-import type {
-  // UI_T_DatastoreType,
-  UI_T_NfsType,
-} from '~/components/common/backup/storage/actions/add/lib/models/types'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
 import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
 import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
@@ -46,7 +44,8 @@ import type {
   UI_I_WizardStep,
 } from '~/components/atoms/wizard/lib/models/interfaces'
 import type { UI_T_DatastoreTypeCode } from '~/components/common/backup/storage/actions/add/lib/models/types'
-import Wizard from '~/components/atoms/wizard/lib/utils/utils'
+// TODO use from uikit
+import Wizard from "~/components/atoms/wizard/lib/utils/utils";
 import {
   stepsFunc,
   stepsSchemeInitial,
@@ -68,7 +67,7 @@ const props = withDefaults(
   { hosts: [] }
 )
 const emits = defineEmits<{
-  (event: 'create', value: any): void
+  (event: 'create', value: UI_I_CreateDatastoreForm): void
   (event: 'hide'): void
 }>()
 
@@ -77,7 +76,7 @@ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const title = ref(localization.value.common.newDatastore)
+const title = ref(localization.value.common.newBackupStorage)
 
 const wizard: Wizard = new Wizard(
   stepsFunc(localization.value),
@@ -106,7 +105,7 @@ const validationFunc = async (
       value,
       form.value,
       dynamicSteps.name,
-      'datastoreName',
+      'name',
       wizard,
       props.project
     )
@@ -134,7 +133,7 @@ const validationFunc = async (
     )
     value = nameValidation.newValue
 
-    const folderValidation = validation.checkNfsFolderSync(
+    const folderValidation = validation.checkFolderSync(
       localization.value,
       form.value.folder,
       wizard,
@@ -142,7 +141,7 @@ const validationFunc = async (
     )
     value = folderValidation.newValue
 
-    const serverValidation = validation.checkNfsServerSync(
+    const serverValidation = validation.checkServerSync(
       localization.value,
       form.value.server,
       wizard,
@@ -150,10 +149,28 @@ const validationFunc = async (
     )
     value = serverValidation.newValue
 
+    const usernameValidation = validation.checkUsernameSync(
+      localization.value,
+      form.value.user,
+      wizard,
+      value
+    )
+    value = usernameValidation.newValue
+
+    const passwordValidation = validation.checkPasswordSync(
+      localization.value,
+      form.value.password,
+      wizard,
+      value
+    )
+    value = passwordValidation.newValue
+
     stepHasError =
       nameValidation.stepHasError ||
       folderValidation.stepHasError ||
-      serverValidation.stepHasError
+      serverValidation.stepHasError ||
+      usernameValidation.stepHasError ||
+      passwordValidation.stepHasError
   }
 
   if (
@@ -163,31 +180,31 @@ const validationFunc = async (
       nextStep.id
     )
   ) {
-    const nameValidation = await validation.checkHostsAccessibilitySync(
+    const hostsValidation = await validation.checkHostsAccessibilitySync(
       localization.value,
       form.value.hosts,
       wizard,
       value
     )
 
-    value = nameValidation.newValue
+    value = hostsValidation.newValue
 
-    stepHasError = nameValidation.stepHasError
+    stepHasError = hostsValidation.stepHasError
   }
 
   if (
     wizard.isValidateForStep(dynamicSteps.storage, currentStep.id, nextStep.id)
   ) {
-    const nameValidation = await validation.checkStorageSync(
+    const storageValidation = await validation.checkStorageSync(
       localization.value,
       form.value.storm_id,
       wizard,
       value
     )
 
-    value = nameValidation.newValue
+    value = storageValidation.newValue
 
-    stepHasError = nameValidation.stepHasError
+    stepHasError = storageValidation.stepHasError
   }
 
   return {
@@ -217,12 +234,9 @@ const onChangeStorage = (storage: UI_I_DatastoreTableItem | null): void => {
   form.value.storm_id = storage.id
 }
 
-const onFinish = async (
-  form: UI_I_CreateDatastoreForm,
-  mode: UI_T_DatastoreType,
-  version: UI_T_NfsType
+const onCreate = async (
 ): Promise<void> => {
-  emits('create', { form, mode, version })
+  emits('create', form.value)
 }
 
 const onHideModal = (): void => {

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

@@ -196,9 +196,9 @@ import type {
 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_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
 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 })
@@ -279,51 +279,3 @@ const onCreateDatastore = (): void => emits('submit')
   }
 }
 </style>
-
-<!--<template>-->
-<!--  <div class="new-datastore">new-->
-<!--    <common-backup-storage-actions-add-temp-add-->
-<!--      :mode="props.mode"-->
-<!--      :finish-func="props.finishFunc"-->
-<!--      :hosts="props.hosts"-->
-<!--      :datastore="props.datastore"-->
-<!--      :get-datastore-table-func="props.getDatastoreTableFunc"-->
-<!--      @hide="onHideModal"-->
-<!--    />-->
-<!--  </div>-->
-<!--</template>-->
-
-<!--<script setup lang="ts">-->
-<!--import type {-->
-<!--  // UI_T_DatastoreType,-->
-<!--  UI_T_NfsType,-->
-<!--} from '~/components/common/backup/storage/actions/add/lib/models/types'-->
-<!--import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'-->
-<!--import type {-->
-<!--  UI_T_DatastoreType,-->
-<!--  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 = defineProps<{-->
-<!--  mode: UI_T_WizardDatastoreMode-->
-<!--  datastore: UI_I_DatastoreTableItem[]-->
-<!--  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>-->
-<!--  finishFunc: (-->
-<!--    datastoreForm: UI_I_CreateDatastoreForm,-->
-<!--    datastoreType: UI_T_DatastoreType,-->
-<!--    version: UI_T_NfsType-->
-<!--  ) => Promise<void>-->
-<!--  hosts?: any[]-->
-<!--}>()-->
-<!--const emits = defineEmits<{-->
-<!--  (event: 'hide'): void-->
-<!--}>()-->
-
-<!--const onHideModal = (): void => {-->
-<!--  emits('hide')-->
-<!--}-->
-<!--</script>-->
-
-<!--<style scoped lang="scss"></style>-->

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

@@ -23,6 +23,7 @@
           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
@@ -30,17 +31,27 @@
           v-model="formModelLocal"
           :project="props.project"
           :messages-fields="selectedStep.fields"
+          :alert-messages="props.alertMessages[dynamicSteps.nameAndConfigure]"
         />
 
-        <common-vm-actions-common-select-storage
-          v-if="selectedStep.id === dynamicSteps.storage"
-          :datastore="props.datastore"
-          :get-datastore-table-func="props.getDatastoreTableFunc"
-          hide-compatibility
-          hide-alert
-          class="storage-datatable h-full"
-          @change-storage="onChangeStorage"
-        />
+        <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"
@@ -63,9 +74,11 @@
 
 <script setup lang="ts">
 import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
+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'
 
@@ -98,74 +111,4 @@ const onHideModal = (): void => emits('hide')
 const onCreateDatastore = (): void => emits('submit')
 </script>
 
-<style scoped lang="scss">
-@import 'assets/scss/common/mixins.scss';
-.new-datastore {
-  &__body {
-    @include flex($dir: column);
-    height: 100%;
-    padding-left: 24px;
-  }
-}
-
-.finish-block {
-  padding: 18px 24px 24px 24px;
-
-  .add-hosts-ready-to-complete-mt-12 {
-    margin-top: 12px;
-
-    .add-hosts-ready-to-complete-bold {
-      line-height: 18px;
-      font-weight: 700;
-    }
-  }
-}
-</style>
-
-<!--<template>-->
-<!--  <div class="new-datastore">-->
-<!--    <common-backup-storage-actions-add-temp-add-->
-<!--      :mode="props.mode"-->
-<!--      :finish-func="props.finishFunc"-->
-<!--      :hosts="props.hosts"-->
-<!--      :datastore="props.datastore"-->
-<!--      :get-datastore-table-func="props.getDatastoreTableFunc"-->
-<!--      @hide="onHideModal"-->
-<!--    />-->
-<!--  </div>-->
-<!--</template>-->
-
-<!--<script setup lang="ts">-->
-<!--import type {-->
-<!--  // UI_T_DatastoreType,-->
-<!--  UI_T_NfsType,-->
-<!--} from '~/components/common/backup/storage/actions/add/lib/models/types'-->
-<!--import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'-->
-<!--import type {-->
-<!--  UI_T_DatastoreType,-->
-<!--  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 = defineProps<{-->
-<!--  mode: UI_T_WizardDatastoreMode-->
-<!--  datastore: UI_I_DatastoreTableItem[]-->
-<!--  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>-->
-<!--  finishFunc: (-->
-<!--    datastoreForm: UI_I_CreateDatastoreForm,-->
-<!--    datastoreType: UI_T_DatastoreType,-->
-<!--    version: UI_T_NfsType-->
-<!--  ) => Promise<void>-->
-<!--  hosts?: any[]-->
-<!--}>()-->
-<!--const emits = defineEmits<{-->
-<!--  (event: 'hide'): void-->
-<!--}>()-->
-
-<!--const onHideModal = (): void => {-->
-<!--  emits('hide')-->
-<!--}-->
-<!--</script>-->
-
-<!--<style scoped lang="scss"></style>-->
+<style scoped lang="scss"></style>

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

@@ -1,9 +1,9 @@
 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 { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
 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,
@@ -20,7 +20,7 @@ export const stepsFunc = (
   {
     id: dynamicSteps.type,
     title: localization.common.type,
-    subTitle: localization.common.specifyDatastoreType,
+    subTitle: localization.common.specifyBackupStorageType,
     status: UI_E_WIZARD_STATUS.SELECTED,
     fields: {},
     isValid: true,
@@ -28,11 +28,11 @@ export const stepsFunc = (
   },
   {
     id: dynamicSteps.name,
-    title: localization.common.name,
-    subTitle: localization.common.nameAndDeviceSelectionDesc,
+    title: localization.backup.selectName,
+    subTitle: localization.common.specifyBackupStorageName,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
-      datastoreName: {
+      name: {
         alert: '',
         field: '',
       }
@@ -43,7 +43,7 @@ export const stepsFunc = (
   {
     id: dynamicSteps.nameAndConfigure,
     title: localization.common.nameAndConfiguration,
-    subTitle: localization.common.nameAndConfigurationDesc,
+    subTitle: localization.backup.specifyBackupStorageNameAndConfiguration,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       name: {
@@ -58,7 +58,7 @@ export const stepsFunc = (
         alert: '',
         field: '',
       },
-      username: {
+      user: {
         alert: '',
         field: '',
       },
@@ -73,7 +73,7 @@ export const stepsFunc = (
   {
     id: dynamicSteps.storage,
     title: localization.common.selectStorage,
-    subTitle: localization.common.selectStorageDesc,
+    subTitle: localization.backup.selectDestinationStorageForBackupStorage,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       storage: {
@@ -87,7 +87,7 @@ export const stepsFunc = (
   {
     id: dynamicSteps.hostAccessibility,
     title: localization.common.hostsAccessibility,
-    subTitle: localization.common.hostsAccessibilityDesc,
+    subTitle: localization.backup.selectHostsThatRequireAccessBackupStorage,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {
       hostsAccessibility: {

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

@@ -2,6 +2,7 @@ import type {
   UI_T_NfsType,
   UI_T_DatastoreTypeCode,
 } from '~/components/common/backup/storage/actions/add/lib/models/types'
+
 export interface UI_I_CreateDatastoreForm {
   name: string
   version: UI_T_NfsType