bfg-common 1.5.284 → 1.5.285

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

@@ -3,7 +3,7 @@
     v-if="isNewView"
     v-model="formModel"
     v-model:is-show-info-alert="isShowAlertInfo"
-    :project="props.project"
+    :selected-host-name="props.selectedNode?.name"
     :messages-fields="props.messagesFields"
     :host-id="props.hostId"
     :lun-disks-data="lunDisksData"
@@ -20,7 +20,6 @@
     v-else
     v-model="formModel"
     v-model:is-show-info-alert="isShowAlertInfo"
-    :project="props.project"
     :alert-messages="props.alertMessages"
     :messages-fields="props.messagesFields"
     :host-id="props.hostId"
@@ -51,6 +50,7 @@ import type {
   UI_I_SelectHostOptions,
 } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/lib/models/interfaces'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 import type { UI_I_CompatibleHosts } from '~/components/common/wizards/datastore/add/steps/hostAccessibility/table/lib/models/interfaces'
 import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 import type { UI_I_CreateStorageLunDisks } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
@@ -59,6 +59,7 @@ import { hostsOptionsFunc } from '~/components/common/wizards/datastore/add/step
 const formModel = defineModel<UI_I_CreateDatastoreForm>({ required: true })
 const props = defineProps<{
   project: UI_T_Project
+  selectedNode?: UI_I_TreeNode // Используется только для нового интерфейса, когда открываем визард на хосте
   alertMessages: string[]
   messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
   hosts?: UI_I_CompatibleHosts | undefined
@@ -116,7 +117,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
+  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

@@ -58,6 +58,11 @@
           @change="onSelectHost"
         />
       </div>
+
+      <div v-else class="row__host-name">
+        <span class="icon vsphere-icon-host" />
+        {{ props.selectedHostName }}
+      </div>
     </div>
 
     <div class="name-and-device__disk-list">
@@ -90,6 +95,7 @@ const isShowInfoAlert = defineModel<boolean>('isShowInfoAlert', {
   required: true,
 })
 const props = defineProps<{
+  selectedHostName: string
   lunDisksData: UI_I_CreateStorageLunDisks
   hostOptions: UI_I_SelectHostOptions[]
   alertMessages: string[]
@@ -201,6 +207,19 @@ const onSelectHost = (event: string): void => {
       letter-spacing: 0;
       vertical-align: middle;
     }
+    &__host-name {
+      font-family: 'Inter', sans-serif;
+      display: flex;
+      align-items: center;
+      column-gap: 8px;
+      color: var(--wizard-content-value);
+      font-size: 13px;
+      font-weight: 400;
+      .icon {
+        width: 20px;
+        height: 20px;
+      }
+    }
   }
 }
 </style>

package/package.json

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