bfg-common 1.5.279 → 1.5.280

package/assets/localization/local_be.json

@@ -1222,6 +1222,7 @@
     "range": "Дыяпазон",
     "readyComplete": "Гатовы да завяршэння",
     "readyCompleteDesc": "Праверце свой выбар, перш чым скончыць працу майстра",
+    "readyCompleteDatastoreDesc": "Перад стварэннем сховішча дадзеных праглядзіце падрабязнасці.",
     "reboot": "Перазагрузка",
     "rebootNodeApplyChanges": "Перазагрузіце вузел, каб прымяніць змены.",
     "recommendations": "Рэкамендацыі",
@@ -1349,8 +1350,9 @@
     "selectDatastoreName": "Select a name",
     "selectDestination": "Выберыце пункт прызначэння",
     "selectDestinationComputeResourceOperation": "Выберыце мэтавы вылічальны рэсурс для гэтай аперацыі",
-    "selectDiskToContinueAlert": "Выберыце дыск/LUN, каб працягнуць",
+    "selectDiskToContinueAlert": "Выберыце дыск/LUN для працягу.",
     "selected": "Выбранае",
+    "selected2": "Выбрана",
     "selectedHostDisconnectedMaintenanceMode": "Выбраны хост адключаны, знаходзіцца ў рэжыме абслугоўвання або змяняе свой статус у рэжыме абслугоўвання.",
     "selectExistingNetwork": "Выберыце існуючую сетку",
     "selectExistingStandardSwitch": "Выберыце існуючы стандартны перамыкач",
@@ -1361,10 +1363,10 @@
     "selectGuestOSMachineType": "Выберыце гасцявую аперацыйную сістэму і тып кампутара",
     "selectHardware": "Выберыце Абсталяванне",
     "selectHost": "Выберыце гаспадара",
-    "selectHostToContinueAlert": "Выберыце хост, каб працягнуць",
-    "selectHostToViewAccessible": "Выберыце хост для прагляду яго даступных дыскаў/LUN:",
+    "selectHostToContinueAlert": "Выберыце хост, каб працягнуць.",
+    "selectHostToViewAccessible": "Выберыце хост для прагляду яго даступных дыскаў/LUN.",
     "selectionPath": "Шлях адбору",
-    "selectLeastEntityContinue": "Выберыце хаця б адну сутнасць, каб працягнуць.",
+    "selectLeastEntityContinue": "Каб працягнуць, выберыце хаця б аднаго хоста.",
     "selectLocationForVirtualMachines": "Выберыце месцазнаходжанне для віртуальных машын гэтага хаста.",
     "selectLocationVirtualMachine": "Выберыце месца для віртуальнай машыны.",
     "selectName": "Выберыце імя",
@@ -1404,7 +1406,7 @@
     "sharedPassthroughGPUAssignmentPolicy": "Палітыка прызначэння агульнага скразнога графічнага працэсара",
     "sharedSecret": "Агульны сакрэт",
     "sharedStorm": "Агульны шторм",
-    "sharedStormDesc": "Стварыце агульнае сховішча дадзеных шторму на дыску/LUN",
+    "sharedStormDesc": "Стварыце агульнае сховішча дадзеных шторму на дыску/LUN.",
     "sharePolicy": "Палітыка абмену",
     "shares": "Акцыі",
     "sharesMustBe": "Агульныя рэсурсы павінны знаходзіцца ў дыяпазоне ад {0} да {1}.",
@@ -2601,7 +2603,8 @@
     "mountGuestTools": "Мантаваць гасцявыя інструменты",
     "template": "Шаблон",
     "convertToTemplate": "Пераўтварыць у шаблон",
-    "newTemplate": "New Template"
+    "newTemplate": "New Template",
+    "createTemplateFromVM": "Стварыць шаблон з ВМ"
   },
   "networks": {
     "active_ports": "Актыўныя Парты",

package/assets/localization/local_en.json

@@ -1221,6 +1221,7 @@
     "range": "Range",
     "readyComplete": "Ready to Complete",
     "readyCompleteDesc": "Review your selections before finishing the wizard",
+    "readyCompleteDatastoreDesc": "Review the details before the datastore is created.",
     "reboot": "Reboot",
     "rebootNodeApplyChanges": "Reboot the node to apply changes.",
     "recommendations": "Recommendations",
@@ -1348,8 +1349,9 @@
     "selectDatastoreName": "Select a name",
     "selectDestination": "Select Destination",
     "selectDestinationComputeResourceOperation": "Select the destination compute resource for this operation",
-    "selectDiskToContinueAlert": "Select disk/LUN to continue",
+    "selectDiskToContinueAlert": "Select a disk/LUN to proceed.",
     "selected": "Selected",
+    "selected2": "Selected",
     "selectedHostDisconnectedMaintenanceMode": "Selected host is disconnected, in maintenance mode or changing its maintenance mode status.",
     "selectExistingNetwork": "Select an existing network",
     "selectExistingStandardSwitch": "Select an existing standard switch",
@@ -1360,10 +1362,10 @@
     "selectGuestOSMachineType": "Select a Guest OS and Machine Type",
     "selectHardware": "Select Hardware",
     "selectHost": "Select a host",
-    "selectHostToContinueAlert": "Select Host to continue",
-    "selectHostToViewAccessible": "Select a host to view its accessible disks/LUNs:",
+    "selectHostToContinueAlert": "Select a host to proceed.",
+    "selectHostToViewAccessible": "Select a host to view its accessible disks/LUNs.",
     "selectionPath": "Selection path",
-    "selectLeastEntityContinue": "Select at least one entity to continue.",
+    "selectLeastEntityContinue": "Select at least one host to proceed.",
     "selectLocationForVirtualMachines": "Select a location for this host's virtual machines.",
     "selectLocationVirtualMachine": "Select a location for the virtual machine.",
     "selectName": "Select a Name",
@@ -1403,7 +1405,7 @@
     "sharedPassthroughGPUAssignmentPolicy": "Shared passthrough GPU assignment policy",
     "sharedSecret": "Shared secret",
     "sharedStorm": "Shared Storm",
-    "sharedStormDesc": "Create shared storm datastore on a disk/LUN",
+    "sharedStormDesc": "Create shared storm datastore on a disk/LUN.",
     "sharePolicy": "Share Policy",
     "shares": "Shares",
     "sharesMustBe": "Shares must be between {0} and {1}.",
@@ -1803,7 +1805,7 @@
     "stormSharedStorage": "Shared Storm",
     "localStorageHelpDesc": "The data is stored on the local file system of the host.",
     "stormSharedStorageHelpDesc": "Storm shared storage must be pre-deployed on dedicated servers. Shared access of hosts to Storm storage is provided.",
-    "nfsHelpDesc": "NFS storage is a network file system. NFS versions 4.1 and 4.2 are supported",
+    "nfsHelpDesc": "NFS storage is a network file system. NFS versions 4.1 and 4.2 are supported.",
     "storageDrsAutomation": "Storage DRS Automation",
     "storageDrsRuntimeSettings": "Storage DRS Runtime Settings",
     "selectClustersAndHosts": "Select Clusters and Hosts",
@@ -2605,7 +2607,8 @@
     "mountGuestTools": "Mount Guest Tools",
     "template": "Template",
     "convertToTemplate": "Convert to Template",
-    "newTemplate": "New Template"
+    "newTemplate": "New Template",
+    "createTemplateFromVM": "Create Template from VM"
   },
   "networks": {
     "active_ports": "Active ports",

package/assets/localization/local_hy.json

@@ -1221,6 +1221,7 @@
     "range": "Շրջանակ",
     "readyComplete": "Պատրաստ է ավարտին",
     "readyCompleteDesc": "Վերանայեք ձեր ընտրությունը նախքան կախարդն ավարտելը",
+    "readyCompleteDatastoreDesc": "Վերանայեք մանրամասները նախքան տվյալների պահոցը ստեղծելը։",
     "reboot": "Վերբեռնել",
     "rebootNodeApplyChanges": "Փոփոխությունները կիրառելու համար վերագործարկեք հանգույցը:",
     "recommendations": "Առաջարկություններ",
@@ -1348,8 +1349,9 @@
     "selectDatastoreName": "Ընտրեք անուն",
     "selectDestination": "Ընտրեք նպատակակետ",
     "selectDestinationComputeResourceOperation": "Ընտրեք թիրախային հաշվարկային ռեսուրսը այս գործողության համար:",
-    "selectDiskToContinueAlert": "Շարունակելու համար ընտրեք սկավառակ/LUN",
+    "selectDiskToContinueAlert": "Շարունակելու համար ընտրեք սկավառակ/LUN:",
     "selected": "Ընտրված է",
+    "selected2": "Ընտրված է",
     "selectedHostDisconnectedMaintenanceMode": "Ընտրված հոսթն անջատված է, գտնվում է սպասարկման ռեժիմում կամ փոխում է սպասարկման ռեժիմի կարգավիճակը:",
     "selectExistingNetwork": "Ընտրեք գոյություն ունեցող ցանց",
     "selectExistingStandardSwitch": "Ընտրեք գոյություն ունեցող ստանդարտ անջատիչ",
@@ -1360,10 +1362,10 @@
     "selectGuestOSMachineType": "Ընտրեք հյուրի գործառնական համակարգը և համակարգչի տեսակը",
     "selectHardware": "Ընտրեք Սարքավորում",
     "selectHost": "Ընտրեք հյուրընկալող",
-    "selectHostToContinueAlert": "Շարունակելու համար ընտրեք հյուրընկալող",
-    "selectHostToViewAccessible": "Ընտրեք հոսթ՝ իր հասանելի սկավառակները/LUN-ները դիտելու համար.",
+    "selectHostToContinueAlert": "Շարունակելու համար ընտրեք հոսթինգ:",
+    "selectHostToViewAccessible": "Ընտրեք հոսթ՝ իր հասանելի սկավառակները/LUN-ները դիտելու համար:",
     "selectionPath": "Ընտրության ուղի",
-    "selectLeastEntityContinue": "Շարունակելու համար ընտրեք առնվազն մեկ միավոր:",
+    "selectLeastEntityContinue": "Շարունակելու համար ընտրեք առնվազն մեկ հոսթինգ։",
     "selectLocationForVirtualMachines": "Ընտրեք գտնվելու վայրը այդ հյուրընկալողի վիրտուալ մեքենաների համար.",
     "selectLocationVirtualMachine": "Ընտրեք տեղ վիրտուալ մեքենայի համար:",
     "selectName": "Select a name",
@@ -1403,7 +1405,7 @@
     "sharedPassthroughGPUAssignmentPolicy": "Ընդհանուր վերջնական GPU նշանակման քաղաքականություն",
     "sharedSecret": "Ընդհանուր գաղտնիք",
     "sharedStorm": "Համօգտագործվող փոթորիկ",
-    "sharedStormDesc": "Ստեղծեք ընդհանուր փոթորկի տվյալների պահոց սկավառակի/LUN-ի վրա",
+    "sharedStormDesc": "Ստեղծեք ընդհանուր փոթորկի տվյալների պահոց սկավառակի/LUN-ի վրա:",
     "sharePolicy": "Համօգտագործման քաղաքականություն",
     "shares": "Տարածել",
     "sharesMustBe": "Ընդհանուր ռեսուրսները պետք է լինեն {0} - ից {1} միջակայքում:",
@@ -2605,7 +2607,8 @@
     "mountGuestTools": "Տեղադրեք հյուրերի գործիքները",
     "template": "Ձևանմուշ",
     "convertToTemplate": "Վերափոխել ձևանմուշի",
-    "newTemplate": "New Template"
+    "newTemplate": "New Template",
+    "createTemplateFromVM": "Ստեղծել ձևանմուշ ՎՄ-ից"
   },
   "networks": {
     "active_ports": "Ակտիվ պորտեր",

package/assets/localization/local_kk.json

@@ -1221,6 +1221,7 @@
     "range": "Ауқым",
     "readyComplete": "Аяқтауға дайын",
     "readyCompleteDesc": "Шеберді аяқтамас бұрын таңдауларыңызды қарап шығыңыз",
+    "readyCompleteDatastoreDesc": "Деректер қоймасын жасамас бұрын мәліметтерді қарап шығыңыз.",
     "reboot": "Қайта жүктеңіз",
     "rebootNodeApplyChanges": "Өзгерістерді қолдану үшін түйінді қайта жүктеңіз.",
     "recommendations": "Ұсыныстар",
@@ -1348,8 +1349,9 @@
     "selectDatastoreName": "Select a name",
     "selectDestination": "Баратын жерді таңдаңыз",
     "selectDestinationComputeResourceOperation": "Осы операция үшін мақсатты есептеу ресурсын таңдаңыз.",
-    "selectDiskToContinueAlert": "Жалғастыру үшін диск/LUN таңдаңыз",
+    "selectDiskToContinueAlert": "Жалғастыру үшін диск/LUN таңдаңыз.",
     "selected": "Таңдалған",
+    "selected2": "Таңдалған",
     "selectedHostDisconnectedMaintenanceMode": "Таңдалған хост жұмыс істемейді, техникалық қызмет көрсету режимінде немесе техникалық қызмет көрсету режимінің күйін өзгертуде.",
     "selectExistingNetwork": "Бар желіні таңдаңыз",
     "selectExistingStandardSwitch": "Бар стандартты қосқышты таңдаңыз",
@@ -1360,10 +1362,10 @@
     "selectGuestOSMachineType": "Қонақтардың операциялық жүйесін және компьютер түрін таңдаңыз",
     "selectHardware": "Аппараттық құралды таңдаңыз",
     "selectHost": "Хостты таңдаңыз",
-    "selectHostToContinueAlert": "Жалғастыру үшін хостты таңдаңыз",
-    "selectHostToViewAccessible": "Қолжетімді дискілерді/LUNs көру үшін хостты таңдаңыз:",
+    "selectHostToContinueAlert": "Жалғастыру үшін хостты таңдаңыз.",
+    "selectHostToViewAccessible": "Қолжетімді дискілерді/LUNs көру үшін хостты таңдаңыз.",
     "selectionPath": "Таңдау жолы",
-    "selectLeastEntityContinue": "Жалғастыру үшін кемінде бір нысанды таңдаңыз.",
+    "selectLeastEntityContinue": "Жалғастыру үшін кемінде бір хостты таңдаңыз.",
     "selectLocationForVirtualMachines": "Осы хосттың виртуалды машиналары үшін орынды таңдаңыз.",
     "selectLocationVirtualMachine": "Виртуалды машина үшін орынды таңдаңыз.",
     "selectName": "Select a name",
@@ -1403,7 +1405,7 @@
     "sharedPassthroughGPUAssignmentPolicy": "Жалпы GPU тағайындау саясаты",
     "sharedSecret": "Ортақ құпия",
     "sharedStorm": "Ортақ дауыл",
-    "sharedStormDesc": "Дискіде/LUN-да ортақ дауыл деректер қоймасын жасаңыз",
+    "sharedStormDesc": "Дискіде/LUN-да ортақ дауыл деректер қоймасын жасаңыз.",
     "sharePolicy": "Бөлісу саясаты",
     "shares": "Таратыңыз",
     "sharesMustBe": "Жалпы ресурстар {0} - ден {1} - ге дейін болуы керек.",
@@ -2604,7 +2606,8 @@
     "mountGuestTools": "Қонақ құралдарын орнату",
     "template": "Үлгі",
     "convertToTemplate": "Үлгіге айналдыру",
-    "newTemplate": "New Template"
+    "newTemplate": "New Template",
+    "createTemplateFromVM": "ВМ негізінде үлгі жасау"
   },
   "networks": {
     "active_ports": "Белсенді порттар",

package/assets/localization/local_ru.json

@@ -1221,6 +1221,7 @@
     "range": "Диапазон",
     "readyComplete": "Готово к завершению",
     "readyCompleteDesc": "Проверьте свой выбор перед завершением работы мастера.",
+    "readyCompleteDatastoreDesc": "Перед созданием хранилища данных проверьте детали.",
     "reboot": "Перезагрузить",
     "rebootNodeApplyChanges": "Перезагрузите узел, чтобы применить изменения.",
     "recommendations": "Рекомендации",
@@ -1348,8 +1349,9 @@
     "selectDatastoreName": "Выберите имя хранилища",
     "selectDestination": "Выберите пункт назначения",
     "selectDestinationComputeResourceOperation": "Выберите целевой вычислительный ресурс для этой операции.",
-    "selectDiskToContinueAlert": "Выберите диск/LUN, чтобы продолжить",
+    "selectDiskToContinueAlert": "Выберите диск/LUN для продолжения.",
     "selected": "Выбранный",
+    "selected2": "Выбрано",
     "selectedHostDisconnectedMaintenanceMode": "Выбранный хост отключен, находится в режиме обслуживания или меняет статус режима обслуживания.",
     "selectExistingNetwork": "Выберите существующую сеть",
     "selectExistingStandardSwitch": "Выберите существующий стандартный коммутатор",
@@ -1360,10 +1362,10 @@
     "selectGuestOSMachineType": "Выберите гостевую операционную систему и тип компьютера",
     "selectHardware": "Выберите оборудование",
     "selectHost": "Выберите хост",
-    "selectHostToContinueAlert": "Выберите хост, чтобы продолжить",
-    "selectHostToViewAccessible": "Выберите хост для просмотра его доступных дисков/LUN:",
+    "selectHostToContinueAlert": "Выберите хост для продолжения.",
+    "selectHostToViewAccessible": "Выберите хост для просмотра его доступных дисков/LUN.",
     "selectionPath": "Путь выбора",
-    "selectLeastEntityContinue": "Выберите хотя бы один объект, чтобы продолжить.",
+    "selectLeastEntityContinue": "Для продолжения выберите хотя бы один хост.",
     "selectLocationForVirtualMachines": "Выберите местоположение для виртуальных машин этого хоста.",
     "selectLocationVirtualMachine": "Выберите место для виртуальной машины.",
     "selectName": "Выбор имени",
@@ -1403,7 +1405,7 @@
     "sharedPassthroughGPUAssignmentPolicy": "Политика назначения общего сквозного графического процессора",
     "sharedSecret": "Общий ключ",
     "sharedStorm": "Шторм",
-    "sharedStormDesc": "Создать общее хранилище данных Storm на диске/LUN",
+    "sharedStormDesc": "Создать общее хранилище данных Storm на диске/LUN.",
     "sharePolicy": "Поделиться политикой",
     "shares": "Распределение",
     "sharesMustBe": "Общие ресурсы должны находиться в диапазоне от {0} до {1}.",
@@ -2604,7 +2606,8 @@
     "mountGuestTools": "Монтировать гостевые инструменты",
     "template": "Шаблон",
     "convertToTemplate": "Преобразовать в шаблон",
-    "newTemplate": "New Template"
+    "newTemplate": "New Template",
+    "createTemplateFromVM": "Создать шаблон из ВМ"
   },
   "networks": {
     "active_ports": "Активные порты",

package/assets/localization/local_zh.json

@@ -1220,6 +1220,7 @@
     "range": "范围",
     "readyComplete": "准备完成",
     "readyCompleteDesc": "在完成向导之前检查您的选择",
+    "readyCompleteDatastoreDesc": "在创建数据存储之前检查详细信息。",
     "reboot": "重新加载",
     "rebootNodeApplyChanges": "重新启动节点以应用更改。",
     "recommendations": "建议",
@@ -1349,6 +1350,7 @@
     "selectDestinationComputeResourceOperation": "选择此操作的目标计算资源。",
     "selectDiskToContinueAlert": "选择磁盘/LUN 继续",
     "selected": "已选择",
+    "selected2": "已选择",
     "selectedHostDisconnectedMaintenanceMode": "所选主机已关闭、处于维护模式或更改维护模式状态。",
     "selectExistingNetwork": "选择现有网络",
     "selectExistingStandardSwitch": "选择现有的标准交换机",
@@ -1360,7 +1362,7 @@
     "selectHardware": "选择硬件",
     "selectHost": "选择主机",
     "selectHostToContinueAlert": "选择主机继续",
-    "selectHostToViewAccessible": "选择一个主机以查看其可访问的磁盘/LUN：",
+    "selectHostToViewAccessible": "选择一个主机以查看其可访问的磁盘/LUN",
     "selectionPath": "选择路径",
     "selectLeastEntityContinue": "选择至少一个实体以继续。",
     "selectLocationForVirtualMachines": "选择该主机的虚拟机的位置。",
@@ -2602,7 +2604,8 @@
     "mountGuestTools": "安装访客工具",
     "template": "模板",
     "convertToTemplate": "转换为模板",
-    "newTemplate": "New Template"
+    "newTemplate": "New Template",
+    "createTemplateFromVM": "从虚拟机创建模板"
   },
   "networks": {
     "active_ports": "活动端口",

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

@@ -18,7 +18,7 @@
       >
         <template #subTitle>
           <div ref="subTitleBlock0">
-            <div class="subtitle-block flex-row">
+            <div class="subtitle-block flex-row items-start">
               <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
 
               <common-tooltip-help
@@ -26,7 +26,7 @@
                   help-id="datastore-type-subtitle-tooltip-icon"
                   :title="localization.common.information"
                   :help-text="localization.common.datastoreTypeHelpDesc"
-                  dropdown-width="272px"
+                  dropdown-width="320px"
                   dropdown-left
                   dropdown-top
                   class="ml-2"
@@ -236,7 +236,7 @@ const texts = computed<UI_I_WizardTexts>(() => ({
   back: localization.value.common.backCap,
   processing: localization.value.common.processing,
   next: localization.value.common.next,
-  finish: localization.value.common.add,
+  finish: localization.value.common.create,
   incompleteTitle: localization.value.common.incompleteProcess,
   incompleteMessage: localization.value.common.incompleteProcessMessage,
   incompleteCancel: localization.value.common.cancel,

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

@@ -10,6 +10,7 @@
         <ui-input
           id="name-selection-input"
           v-model="formModelLocal.name"
+          :placeholder="localization.common.name"
           test-id="name-selection-input"
           :error="nameErrorText"
         />

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

@@ -17,7 +17,7 @@
             <span
               ref="detailsItemLabel"
               :style="{ width: labelMaxWidth + 'px' }"
-              class="details-item-label"
+              :class="['details-item-label', { capitalize: localLanguage === 'en_US'}]"
             >
               {{ list.label }}:
             </span>
@@ -60,6 +60,10 @@
 <script lang="ts" setup>
 import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
 
+const { $store } = useNuxtApp()
+
+const localLanguage = computed<string>(() => $store.getters['main/getInterfaceLang'])
+
 const props = defineProps<{
   dataReadyView: UI_I_DetailsItem[]
 }>()
@@ -134,12 +138,15 @@ const labelMaxWidth = computed(() => {
           line-height: 20px;
           letter-spacing: 0;
           vertical-align: middle;
-          text-transform: capitalize;
           white-space: nowrap;
+
+          &.capitalize {
+            text-transform: capitalize;
+          }
         }
         &-value {
           display: flex;
-          align-items: center;
+          align-items: start;
           color: var(--title-form-first-color);
           font-weight: 400;
           font-size: 13px;

package/components/common/backup/storage/actions/add/steps/typeMode/TypeModeNew.vue

@@ -22,7 +22,9 @@
               :help-id="`${option.testId}-${key}`"
               :help-text="option.tooltipContent"
               :title="localization.common.information"
-              dropdown-width="272px"
+              icon-width="18"
+              icon-height="18"
+              dropdown-width="320px"
               dropdown-left
               dropdown-top
           />

package/components/common/readyToComplete/Old.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <atoms-table-info :items="props.data" />
+    <atoms-table-info :items="props.data" test-id="ready-to-complete"/>
   </div>
 </template>
 

package/components/common/tooltip/Help.vue

@@ -7,7 +7,7 @@
         :width="props.iconWidth || '16'"
         :height="props.iconHeight || '16'"
         :class="['help-icon cursor-pointer', {active: isShowHelp}, {disabled: props.isDisabled}]"
-        @click.stop="isShowHelp = !isShowHelp"
+        @click.stop.prevent="isShowHelp = !isShowHelp"
     />
     <ui-popup-window
         v-model="isShowHelp"
@@ -30,7 +30,7 @@
               width="16"
               height="16"
               class="help-close-icon cursor-pointer"
-              @click.stop="isShowHelp = false"
+              @click.stop.prevent="isShowHelp = false"
           />
         </div>
 

package/components/common/wizards/datastore/add/New.vue

@@ -18,7 +18,7 @@
       >
         <template #subTitle>
           <div ref="subTitleBlock0">
-            <div class="subtitle-block flex-row">
+            <div class="subtitle-block flex-row items-start">
               <ui-wizard-subtitle :sub-title="selectedStep.subTitle" />
 
               <common-tooltip-help
@@ -26,7 +26,7 @@
                   help-id="datastore-type-subtitle-icon"
                   :help-text="localization.common.datastoreTypeHelpDesc"
                   :title="localization.common.information"
-                  dropdown-width="272px"
+                  dropdown-width="320px"
                   dropdown-left
                   dropdown-top
               />
@@ -199,7 +199,7 @@ const texts = computed<UI_I_WizardTexts>(() => ({
   back: localization.value.common.backCap,
   processing: localization.value.common.processing,
   next: localization.value.common.next,
-  finish: localization.value.common.add,
+  finish: localization.value.common.create,
   incompleteTitle: localization.value.common.incompleteProcess,
   incompleteMessage: localization.value.common.incompleteProcessMessage,
   incompleteCancel: localization.value.common.cancel,

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

@@ -130,7 +130,7 @@ export const stepsFunc = (
   {
     id: dynamicSteps.readyComplete,
     title: localization.common.readyComplete,
-    subTitle: localization.common.readyCompleteDesc,
+    subTitle: localization.common.readyCompleteDatastoreDesc,
     status: UI_E_WIZARD_STATUS.INACTIVE,
     fields: {},
     isValid: true,

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

@@ -36,7 +36,7 @@ const checkName = async (
   } else {
     return {
       isValid: false,
-      message: !form.name ? localization.common.specifyDatastoreName : '',
+      message: !form.name ? localization.common.fieldRequired : '',
     }
   }
 }
@@ -112,7 +112,7 @@ export const checkNfsFolderSync = (
       dynamicSteps.nameAndConfigure,
       'folder',
       {
-        fieldMessage: localization.common.specifyFolderName,
+        fieldMessage: localization.common.fieldRequired,
         alertMessage: '',
       }
     )
@@ -143,7 +143,7 @@ export const checkNfsServerSync = (
       dynamicSteps.nameAndConfigure,
       'server',
       {
-        fieldMessage: localization.common.specifyServerName,
+        fieldMessage: localization.common.fieldRequired,
         alertMessage: '',
       }
     )

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/new/New.vue

@@ -82,7 +82,7 @@ watch(
       return
     }
 
-    hostBodyItems.value = getBodyDataFunc(newValue)
+    hostBodyItems.value = getBodyDataFunc(newValue, selectedHostsIdLocal.value)
   },
   { deep: true, immediate: true }
 )

package/components/common/wizards/datastore/add/steps/hostAccessibility/table/new/lib/config/compatibleTable.ts

@@ -19,7 +19,7 @@ export const getHeaderDataFunc = (
     text: localization.common.host,
     isSortable: true,
     sort: 'asc',
-    width: '250px',
+    width: '50%',
     show: true,
     filter: false,
   },
@@ -29,7 +29,7 @@ export const getHeaderDataFunc = (
     text: localization.common.cluster,
     isSortable: true,
     sort: 'asc',
-    width: '250px',
+    width: '50%',
     show: true,
     filter: false,
   },
@@ -44,11 +44,12 @@ export const options: UI_I_DataTableOptions = {
   server: true,
   isResizable: true,
   showSelectedRows: true,
-  showColumnManager: false,
+  showColumnManager: true,
 }
 
 export const getBodyDataFunc = (
-  bodyData: UI_I_CompatibleHostsTableItem[]
+  bodyData: UI_I_CompatibleHostsTableItem[],
+  selectedRows: string[]
 ): UI_I_DataTableBody[] => {
   return bodyData.map((host, _index: number) => {
     return {
@@ -56,6 +57,7 @@ export const getBodyDataFunc = (
       collapse: false,
       isHiddenCollapse: false,
       collapseToggle: false,
+      isSelected: selectedRows.includes(host.id),
       data: [
         {
           key: 'icon',
@@ -68,9 +70,9 @@ export const getBodyDataFunc = (
         {
           key: 'icon',
           col: 'col1',
-          text: host.cluster || '--',
+          text: host.cluster === 'n/a' ? '--' : host.cluster,
           data: {
-            iconClassName: `vsphere-icon-${clusterIconByState[1]}`,
+            iconClassName: host.cluster !== 'n/a' ? `vsphere-icon-${clusterIconByState[1]}` : '',
           },
         },
       ],

package/components/common/wizards/datastore/add/steps/nameAndConfigure/NameAndConfigureNew.vue

@@ -11,6 +11,7 @@
           id="configuration-name-input"
           v-model="formModelLocal.name"
           test-id="configuration-name-input"
+          :placeholder="localization.common.name"
           is-focused
           :error="nameErrorText"
           @blur="initValidation(true, ['name'])"
@@ -42,7 +43,7 @@
           id="configuration-folder-input"
           v-model="formModelLocal.folder"
           test-id="configuration-folder-input"
-          placeholder="E.g: /vols/vol0/datastore-001"
+          :placeholder="$text.toCapitalizeByIndex(localization.common.eg, [0]) + ': /vols/vol0/datastore-001'"
           :error="folderErrorText"
           @blur="initValidation(true, ['folder'])"
           @input="initValidation(false, ['folder'])"
@@ -72,7 +73,7 @@
           id="configuration-server-input"
           v-model="formModelLocal.server"
           test-id="configuration-server-input"
-          placeholder="E.g: nas, nas.it.com or 192.168.0.1"
+          :placeholder="$text.toCapitalizeByIndex(localization.common.eg, [0]) + ': nas, nas.it.com or 192.168.0.1'"
           :error="serverErrorText"
           @blur="initValidation(true, ['server'])"
           @input="initValidation(false, ['server'])"
@@ -102,6 +103,8 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
+const { $text } = useNuxtApp()
+
 const initValidationFields = ref<UI_I_InitialValidationFields>({
   name: false,
   folder: false,
@@ -119,7 +122,7 @@ const nameErrorText = computed<string>(() => {
 
   if (!initValidationFields.value.name) return ''
   return !formModelLocal.value.name
-    ? localization.value.common.specifyDatastoreName
+    ? localization.value.common.fieldRequired
     : ''
 })
 
@@ -131,7 +134,7 @@ const folderErrorText = computed<string>(() => {
 
   if (!initValidationFields.value.folder) return ''
   return !formModelLocal.value.folder
-    ? localization.value.common.specifyFolderName
+    ? localization.value.common.fieldRequired
     : ''
 })
 
@@ -143,7 +146,7 @@ const serverErrorText = computed<string>(() => {
 
   if (!initValidationFields.value.server) return ''
   return !formModelLocal.value.server
-    ? localization.value.common.specifyServerName
+    ? localization.value.common.fieldRequired
     : ''
 })
 </script>

package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDevice.vue

@@ -116,6 +116,7 @@ const loading = computed<boolean>(() =>
   $store.getters['storage/getLoading']('datastoreHosts')
 )
 const lunDisksData = computed<UI_I_CreateStorageLunDisks | null>(() => {
+  if(!formModel.value.hosts[0] && props.project === 'sphere') return null
   return $store.getters['storage/getNewDatastoreHosts']
 })
 

package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceNew.vue

@@ -10,6 +10,7 @@
         <ui-input
           id="device-selection-input"
           v-model="formModelLocal.name"
+          :placeholder="localization.common.name"
           test-id="device-selection-input"
           :error="nameErrorText"
           @blur="initValidation(true)"
@@ -105,7 +106,7 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const selectedHostLocal = ref<string>('')
+const selectedHostLocal = ref<string>(formModelLocal.value.hosts[0] || '')
 
 const isInitDatastoreNameValidation = ref<boolean>(false)
 const initValidation = (onlyBlur: boolean): void => {
@@ -121,7 +122,7 @@ const nameErrorText = computed<string>(() => {
 
   if (!isInitDatastoreNameValidation.value) return ''
   return !formModelLocal.value.name
-    ? localization.value.common.specifyDatastoreName
+    ? localization.value.common.fieldRequired
     : ''
 })
 
@@ -136,7 +137,7 @@ const onSelectHost = (event: string): void => {
   display: flex;
   flex-direction: column;
   row-gap: 16px;
-  margin-top: 16px;
+  margin: 16px 0 10px 2px;
 
   &__alert {
     align-items: flex-start;

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/Table.vue

@@ -1,6 +1,7 @@
 <template>
   <common-wizards-datastore-add-steps-name-and-device-table-new
     v-if="isNewView"
+    v-model="modelLunDiskLocal"
     :table-data="props.lunDisksData?.items || []"
     :total-items="props.lunDisksData?.total_items || 0"
     :total-pages="props.lunDisksData?.total_pages || 1"
@@ -32,7 +33,7 @@ import type {
   UI_I_CreateStorageLunDisks,
 } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
 
-const modelLunDiskLocal = defineModel<UI_I_CreateStorageLunDiskItem[]>()
+const modelLunDiskLocal = defineModel<UI_I_CreateStorageLunDiskItem[]>({ required: true })
 const props = defineProps<{
   lunDisksData: UI_I_CreateStorageLunDisks
   loading: boolean

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces.ts

@@ -1,6 +1,7 @@
 import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
 
 export interface UI_I_CreateStorageLunDiskItem {
+  id: string
   name: string
   identifier: string
   lun: number

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/New.vue

@@ -15,11 +15,25 @@
       @sort="onSorting"
     >
       <template #icon="{ item }">
-        <span :class="['icon', item.data.iconClassName]" />
+        <span :class="['icon', item.data.iconClassName]" >
+            <ui-icon name="disk" width="18" height="18" />
+        </span>
         <span class="text-ellipsis">
           {{ item.text }}
         </span>
       </template>
+
+      <template #status="{ item }">
+        <ui-chip :test-id="item.data.testId" :color="item.data.chipColor" rounded>
+          <ui-icon
+              :name="item.data.icon"
+              width="14px"
+              height="14px"
+              class="chip-icon"
+          ></ui-icon>
+          {{ item.text }}
+        </ui-chip>
+      </template>
     </ui-data-table>
   </div>
 </template>
@@ -39,6 +53,8 @@ import {
 } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/config/lunDiskTable'
 import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
 
+
+const selectedLunDisks = defineModel<UI_I_CreateStorageLunDiskItem[]>({ required: true })
 const props = defineProps<{
   tableData: UI_I_CreateStorageLunDiskItem[]
   totalItems: number
@@ -57,7 +73,7 @@ const texts = computed<UI_I_TableTexts>(() => ({
   searchHere: localization.value.common.searchHere,
   rowsPerPage: localization.value.common.rowsPerPage,
   of: localization.value.common.of,
-  selected: localization.value.common.selected,
+  selected: localization.value.common.selected2,
   columns: localization.value.common.columns,
   previous: localization.value.common.previous,
   next: localization.value.common.next,
@@ -87,7 +103,7 @@ watch(
       return
     }
 
-    deviceBodyItems.value = getBodyDataFunc(newValue)
+    deviceBodyItems.value = getBodyDataFunc(newValue, localization.value, selectedLunDisks.value)
   },
   { deep: true, immediate: true }
 )

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/config/lunDiskTable.ts

@@ -53,7 +53,7 @@ export const getHeaderDataFunc = (
   {
     col: 'col2',
     colName: 'lun',
-    text: localization.common.lun,
+    text: localization.common.lun.toUpperCase(),
     isSortable: true,
     sort: 'asc',
     width: '96px',
@@ -117,15 +117,20 @@ export const options: UI_I_DataTableOptions = {
   // showPaginationOnTop: false,
   // showSearch: false,
   // withActions: false,
-  // inBlock: true,
+  inBlock: true,
   // showExport: false,
   // withCollapse: false,
 }
 
 export const getBodyDataFunc = (
-  bodyData: UI_I_CreateStorageLunDiskItem[]
+  bodyData: UI_I_CreateStorageLunDiskItem[],
+  localization: UI_I_Localization,
+  selectedRows: UI_I_CreateStorageLunDiskItem[]
 ): UI_I_DataTableBody[] => {
   const { $binary } = useNuxtApp() as any
+
+  const selectedItems: string[] = selectedRows.map((item) => item.id)
+
   return bodyData.map((device, index: number) => {
     const statusKey = device.hardware_acceleration
       ? E_DeviceStatus.Unknown
@@ -140,10 +145,13 @@ export const getBodyDataFunc = (
       collapse: false,
       isHiddenCollapse: false,
       collapseToggle: false,
+      isSelected: selectedItems.includes(device.id),
       data: [
         {
+          key: 'icon',
           col: 'col0',
           text: device.name,
+          data: { iconClassName: 'disk' }
         },
         {
           col: 'col1',
@@ -158,8 +166,9 @@ export const getBodyDataFunc = (
           text: $binary.round(device.capacity_mb),
         },
         {
+          key: 'status',
           col: 'col4',
-          text: device.hardware_acceleration,
+          text: localization.common[statusKey],
           data: hardwareAccelerationData,
         },
         {
@@ -168,7 +177,7 @@ export const getBodyDataFunc = (
         },
         {
           col: 'col6',
-          text: device.sector_format,
+          text: device.sector_format || '--',
         },
       ],
     }

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/models/enums.ts

@@ -12,5 +12,5 @@ export enum E_DeviceStatusChipColor {
 export enum E_DeviceStatusIcon {
   StatusCheck = 'status-check',
   Close = 'close',
-  HelpIcon = 'help-icon',
+  HelpIcon = 'help-circle',
 }

package/components/common/wizards/datastore/add/steps/readyComplete/ReadyCompleteNew.vue

@@ -14,7 +14,16 @@
             :key="listKey"
             class="details-item"
           >
-            <span class="details-item-label"> {{ list.label }}: </span>
+            <span
+              ref="detailsItemLabel"
+              :style="{ width: labelMaxWidth + 'px' }"
+              :class="[
+                'details-item-label',
+                { capitalize: localLanguage === 'en_US' }
+              ]"
+            >
+              {{ list.label }}:
+            </span>
 
             <div class="details-list__col-right">
               <!-- Если value — массив -->
@@ -27,14 +36,20 @@
                   :key="itemKey"
                   class="details-item-value"
                 >
-                  <span :class="['icon', item.iconClassName]"></span>
+                  <span
+                      v-if="item.iconClassName"
+                      :class="['icon', item.iconClassName]"
+                  ></span>
                   {{ item.label }}
                 </span>
               </div>
 
               <!-- Если value — обычная строка -->
               <span v-else class="details-item-value">
-                <span :class="['icon', list.iconClassName]"></span>
+                <span
+                    v-if="list.iconClassName"
+                    :class="['icon', list.iconClassName]"
+                ></span>
                 {{ list.value }}
               </span>
             </div>
@@ -51,13 +66,37 @@ import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/in
 const props = defineProps<{
   dataReadyView: UI_I_DetailsItem[]
 }>()
+
+const { $store }: any = useNuxtApp()
+
+const localLanguage = computed<string>(
+  () => $store.getters['main/getInterfaceLang']
+)
+
+const detailsItemLabel = ref([])
+const labelMaxWidth = computed<number>(() => {
+  let maxWidth = 0
+  for (const key in detailsItemLabel.value) {
+    const node = detailsItemLabel.value[key]
+    if (node.scrollWidth > maxWidth) maxWidth = node.scrollWidth
+  }
+  return maxWidth
+})
 </script>
+<style>
+:root {
+  --ready-to-complete-border-color: #e9ebeda3;
+}
 
+:root.dark-theme {
+  --ready-to-complete-border-color: #e9ebed1f;
+}
+</style>
 <style lang="scss" scoped>
 .ready-complete {
   &__section {
     &:not(:last-child) {
-      border-bottom: 1px solid #e9ebed; // for dark and light mode
+      border-bottom: 1px solid var(--ready-to-complete-border-color);
     }
   }
 
@@ -71,7 +110,6 @@ const props = defineProps<{
       color: var(--title-form-first-color);
       font-weight: 500;
       font-size: 14px;
-      line-height: 100%;
       margin: 16px 0;
     }
 
@@ -98,12 +136,16 @@ const props = defineProps<{
           line-height: 20px;
           letter-spacing: 0;
           vertical-align: middle;
-          text-transform: capitalize;
           white-space: nowrap;
+
+          &.capitalize {
+            text-transform: capitalize;
+          }
         }
+
         &-value {
           display: flex;
-          align-items: center;
+          align-items: start;
           color: var(--title-form-first-color);
           font-weight: 400;
           font-size: 13px;
@@ -114,6 +156,8 @@ const props = defineProps<{
 
         .icon {
           margin-right: 8px;
+          width: 20px;
+          height: 20px;
         }
       }
     }

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

@@ -14,7 +14,7 @@ const constructLunDiskItems = (
   return disks.map((disk) => {
     const capacity = $binary.round(disk.capacity_mb)
     return {
-      label: `${disk.name} - ${capacity} ${localization.common.mb}`,
+      label: `${disk.name} - ${capacity}`,
       iconClassName: 'icon-vSphere-dsVmDisk',
     }
   })

package/components/common/wizards/datastore/add/steps/typeMode/TypeModeNew.vue

@@ -22,7 +22,9 @@
               :help-id="`${option.testId}-${key}`"
               :help-text="option.tooltipContent"
               :title="localization.common.information"
-              dropdown-width="272px"
+              icon-width="18"
+              icon-height="18"
+              dropdown-width="320px"
               dropdown-left
               dropdown-top
           />
@@ -77,21 +79,25 @@ const localization = computed<UI_I_Localization>(() => useLocal())
       width: 100%;
       height: 100%;
       background-color: var(--select-bg);
-      border: 1px solid var(--line-color);
+      //border: 1px solid var(--line-color);
       border-radius: 8px;
       padding: 12px;
+      box-shadow: inset 0 0 0 1px var(--line-color);
+      transition: box-shadow 0.1s ease-in-out;
     }
 
     &:not(:checked) {
       & ~ .radio-label:hover {
-        border-color: var(--select-border);
+        //border-color: var(--select-border);
+        box-shadow: inset 0 0 0 1px var(--select-border);
       }
     }
 
     &:checked {
       & ~ .radio-label {
         background-color: var(--radio-btn-active-label-bg-color);
-        border-color: var(--radio-btn-active-label-border-color);
+        //border-color: var(--radio-btn-active-label-border-color);
+        box-shadow: inset 0 0 0 1.5px var(--radio-btn-active-label-border-color);
       }
     }
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.279",
+  "version": "1.5.280",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",