bfg-common 1.2.127 → 1.2.128

package/assets/localization/local_be.json

@@ -2105,5 +2105,9 @@
   "changeComputeResourceOriginalStorage": "Змяніць вылічальны рэсурс. ",
   "changeStorageComputeResource": "Змяніць сховішча. ",
   "changeComputeResourceAndStorage": "Змяніць вылічальны рэсурс і сховішча",
-  "vmOrigin": "Паходжанне ВМ"
+  "vmOrigin": "Паходжанне ВМ",
+  "scheduleVMotionWithHighPriority": "Запланаваць vMotion з высокім прыярытэтам (рэкамендуецца)",
+  "scheduleVMotionWithHighPriorityDesc": "vMotion атрымлівае больш высокія перавагі планавання працэсара ў параўнанні са звычайнымі прыярытэтнымі міграцыямі. ",
+  "scheduleNormalVMotion": "Расклад звычайнага vMotion",
+  "scheduleNormalVMotionDesc": "vMotion атрымлівае больш нізкія перавагі планавання працэсара ў параўнанні з высокапрыярытэтнымі міграцыямі. "
 }

package/assets/localization/local_en.json

@@ -2108,5 +2108,9 @@
   "changeComputeResourceOriginalStorage": "Change compute resource. Leave VM on the original storage",
   "changeStorageComputeResource": "Change storage. Leave VM on the original compute resource",
   "changeComputeResourceAndStorage": "Change compute resource and storage",
-  "vmOrigin": "VM origin"
+  "vmOrigin": "VM origin",
+  "scheduleVMotionWithHighPriority": "Schedule vMotion with high priority (recommended)",
+  "scheduleVMotionWithHighPriorityDesc": "vMotion receives higher CPU scheduling preference relative to normal priority migrations. vMotion might complete more quickly.",
+  "scheduleNormalVMotion": "Schedule normal vMotion",
+  "scheduleNormalVMotionDesc": "vMotion receives lower CPU scheduling preference relative to high priority migrations. You can extend vMotion duration."
 }

package/assets/localization/local_hy.json

@@ -2108,5 +2108,9 @@
   "changeComputeResourceOriginalStorage": "Փոխել հաշվողական ռեսուրսը: ",
   "changeStorageComputeResource": "Փոխել պահեստը: ",
   "changeComputeResourceAndStorage": "Փոխել հաշվողական ռեսուրսը և պահեստը",
-  "vmOrigin": "VM ծագումը"
+  "vmOrigin": "VM ծագումը",
+  "scheduleVMotionWithHighPriority": "Պլանավորեք vMotion-ը բարձր առաջնահերթությամբ (խորհուրդ է տրվում)",
+  "scheduleVMotionWithHighPriorityDesc": "vMotion-ը ստանում է պրոցեսորի պլանավորման ավելի բարձր նախապատվություն՝ համեմատած սովորական առաջնահերթ միգրացիայի հետ: ",
+  "scheduleNormalVMotion": "Պլանավորեք նորմալ vMotion",
+  "scheduleNormalVMotionDesc": "vMotion-ը ստանում է ավելի ցածր պրոցեսորի պլանավորման նախապատվություն՝ համեմատած բարձր առաջնահերթ միգրացիայի հետ: "
 }

package/assets/localization/local_kk.json

@@ -2108,5 +2108,9 @@
   "changeComputeResourceOriginalStorage": "Есептеу ресурсын өзгерту. ",
   "changeStorageComputeResource": "Жадты өзгерту. ",
   "changeComputeResourceAndStorage": "Есептеу ресурсын және жадын өзгерту",
-  "vmOrigin": "VM шығу тегі"
+  "vmOrigin": "VM шығу тегі",
+  "scheduleVMotionWithHighPriority": "vMotion бағдарламасын жоғары басымдықпен жоспарлаңыз (ұсынылады)",
+  "scheduleVMotionWithHighPriorityDesc": "vMotion қалыпты басымдықты тасымалдауларға қатысты жоғары CPU жоспарлау артықшылығын алады. ",
+  "scheduleNormalVMotion": "Қалыпты vMotion кестесін жасаңыз",
+  "scheduleNormalVMotionDesc": "vMotion жоғары басымдықты тасымалдауларға қатысты төменірек CPU жоспарлау артықшылығын алады. "
 }

package/assets/localization/local_ru.json

@@ -2108,5 +2108,9 @@
   "changeComputeResourceOriginalStorage": "Измените вычислительный ресурс. ",
   "changeStorageComputeResource": "Измените хранилище. ",
   "changeComputeResourceAndStorage": "Изменение вычислительного ресурса и хранилища",
-  "vmOrigin": "Происхождение виртуальной машины"
+  "vmOrigin": "Происхождение виртуальной машины",
+  "scheduleVMotionWithHighPriority": "Запланируйте vMotion с высоким приоритетом (рекомендуется)",
+  "scheduleVMotionWithHighPriorityDesc": "vMotion получает более высокий приоритет планирования ЦП по сравнению с миграциями с обычным приоритетом. ",
+  "scheduleNormalVMotion": "Расписание обычного vMotion",
+  "scheduleNormalVMotionDesc": "vMotion получает более низкое предпочтение планирования ЦП по сравнению с миграциями с высоким приоритетом. "
 }

package/assets/localization/local_zh.json

@@ -2108,5 +2108,9 @@
   "changeComputeResourceOriginalStorage": "更改计算资源。",
   "changeStorageComputeResource": "改变存储。",
   "changeComputeResourceAndStorage": "更改计算资源和存储",
-  "vmOrigin": "虚拟机起源"
+  "vmOrigin": "虚拟机起源",
+  "scheduleVMotionWithHighPriority": "以高优先级安排 vMotion（推荐）",
+  "scheduleVMotionWithHighPriorityDesc": "相对于正常优先级迁移，vMotion 接收更高的 CPU 调度优先级。 ",
+  "scheduleNormalVMotion": "安排正常 vMotion",
+  "scheduleNormalVMotionDesc": "相对于高优先级迁移，vMotion 接收较低的 CPU 调度首选项。"
 }

package/components/common/diagramMain/DiagramMain.vue

@@ -224,6 +224,7 @@
         :networks-list="props.networksList"
         :switch-networks="diagramData.networks"
         :show="isShowMigrateVmkernelAdapterModal"
+        :is-dark-mode="props.isDarkMode"
         @hide="onHideMigrateVmkernelAdapterModal"
       />
     </template>

package/components/common/diagramMain/modals/MigrateVmkernelAdapter.vue

@@ -5,7 +5,12 @@
       :height="props.height || '420px'"
       :show="props.show"
       :title="props.title"
-      class="with-underline"
+      :class="[
+        'with-underline migrate-vm-kernel-modal',
+        {
+          'is-dark': props.isDarkMode,
+        },
+      ]"
       @hide="onHideViewSettingsModal"
     >
       <template #modalBody>
@@ -124,6 +129,7 @@ const props = withDefaults(
     switchName?: string
     networksList?: UI_I_NetworkFull[]
     switchNetworks?: UI_I_NetworkFull[]
+    isDarkMode: boolean
   }>(),
   {
     switchName: '',
@@ -532,4 +538,66 @@ const onHideViewSettingsModal = (): void => {
     display: inline;
   }
 }
+
+.migrate-vm-kernel-modal.is-dark {
+  :deep(.wizard-content-container) {
+    .ready-complete-container {
+      background-color: var(--pannel-bg-color);
+      margin-top: 12px;
+
+      span {
+        color: var(--description-color);
+      }
+    }
+
+    .property-label-group {
+      color: var(--main-color-mode2);
+    }
+    .flex-property-label-group {
+      color: var(--main-color-mode2);
+    }
+    .flex-property-value-group {
+      select {
+        color: #fff;
+      }
+    }
+    .wizard-content-header-area .title {
+      color: #adbbc4;
+    }
+  }
+}
+
+:root.dark-theme {
+  .step-item {
+    // 1-Selected
+    &.status-1 {
+      background-color: var(--vertical-nav-active-bg-color);
+      color: var(--vertical-steps-active-color);
+    }
+    // 2-Active
+    &.status-2 {
+      color: var(--vertical-steps-active-color);
+      &:hover {
+        color: var(--vertical-nav-item-color);
+        background-color: var(--vertical-nav-hover-bg-color);
+        border-bottom: 1px solid var(--vertical-nav-hover-border-color);
+      }
+    }
+    // 3-Complete
+    &.status-3 {
+      color: var(--vertical-steps-active-color);
+      &:hover {
+        color: var(--vertical-nav-item-color);
+        background-color: var(--vertical-nav-hover-bg-color);
+        border-bottom: 1px solid var(--vertical-nav-hover-border-color);
+      }
+    }
+    // 4-ActiveSelected
+    &.status-4 {
+      background-color: var(--vertical-nav-active-bg-color);
+      color: var(--vertical-steps-active-color);
+      border-bottom: 1px solid transparent;
+    }
+  }
+}
 </style>

package/components/common/diagramMain/modals/steps/ConnectionSettings.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="wizard-content-container add-networking-step">
-    <common-add-networking-steps-header
+    <common-diagram-main-modals-steps-header
       :title="props.title"
       :text="props.text"
     />
@@ -204,3 +204,18 @@ onUnmounted(() => {
   emits('hide-error-message-alert')
 })
 </script>
+
+<style scoped lang="scss">
+.wizard-content-container {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  flex: 1 1 100%;
+  box-sizing: border-box;
+  padding: 16px 15px 10px 10px;
+  overflow-y: auto;
+  color: #333;
+  order: 2;
+  width: 100%;
+}
+</style>

package/components/common/diagramMain/modals/steps/Header.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="wizard-content-header-area">
+    <div>
+      <div class="title">
+        {{ props.title }}
+      </div>
+      <div class="description">
+        {{ props.text }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+// Props from up
+
+const props = defineProps<{
+  title: string
+  text: string
+}>()
+</script>
+
+<style scoped lang="scss">
+.wizard-content-header-area {
+  flex-shrink: 0;
+  width: inherit;
+  height: auto;
+  background-color: transparent;
+  padding-bottom: 3px;
+  border-bottom: 1px solid #a6a6a6;
+}
+
+.wizard-content-header-area {
+  display: flex;
+  //padding-top: 12px;
+
+  .description {
+    color: #333333;
+    font-size: 13px;
+  }
+
+  .title {
+    font-weight: 700;
+    font-size: 13px;
+    margin: 0;
+    color: #333;
+  }
+
+  .description,
+  .select {
+    flex: 1 1 100%;
+    margin-right: 5px;
+  }
+
+  :deep(select) {
+    background-color: transparent;
+    border-color: var(--type-list-border-color);
+  }
+}
+</style>

package/components/common/diagramMain/modals/steps/SelectVmkernelAdapter.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="wizard-content-container add-networking-step">
-    <common-add-networking-steps-header
+  <div class="wizard-content-container">
+    <common-diagram-main-modals-steps-header
       :title="props.title"
       :text="props.text"
     />
@@ -195,7 +195,6 @@ onUnmounted(() => {
   box-sizing: border-box;
   padding: 16px 15px 10px 10px;
   overflow-y: auto;
-  background-color: #fff;
   color: #333;
   order: 2;
   width: 100%;

package/components/common/diagramMain/modals/steps/VmkernelAdapterReadyComplete.vue

@@ -1,17 +1,19 @@
 <template>
   <div class="wizard-content-container">
-    <common-add-networking-steps-header
+    <common-diagram-main-modals-steps-header
       :title="props.title"
       :text="props.text"
     />
-    <template
-      v-for="viewSettingsField in viewSettingsFields"
-      :key="viewSettingsField.id"
-    >
-      <common-diagram-main-modals-view-settings
-        :view-settings-field="viewSettingsField"
-      />
-    </template>
+    <div class="ready-complete-container">
+      <template
+        v-for="viewSettingsField in viewSettingsFields"
+        :key="viewSettingsField.id"
+      >
+        <common-diagram-main-modals-view-settings
+          :view-settings-field="viewSettingsField"
+        />
+      </template>
+    </div>
   </div>
 </template>
 
@@ -30,7 +32,9 @@ const props = defineProps<{
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 // View settings fields data
-const viewSettingsFields = computed(() => createMigrateVmkernelAdapterSchemeReadyCompleteFunc(localization.value))
+const viewSettingsFields = computed(() =>
+  createMigrateVmkernelAdapterSchemeReadyCompleteFunc(localization.value)
+)
 </script>
 
 <style scoped lang="scss">
@@ -42,7 +46,6 @@ const viewSettingsFields = computed(() => createMigrateVmkernelAdapterSchemeRead
   box-sizing: border-box;
   padding: 16px 15px 10px 10px;
   overflow-y: auto;
-  background-color: #fff;
   color: #333;
   order: 2;
   width: 100%;

package/components/common/diagramMain/modals/viewSettings/Info.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="props.show">
+  <div v-if="props.show" class="info-container">
     <atoms-nav-bar
       v-if="props.modalTabs && props.modalTabs.length > 0"
       v-model="selectedTabViewSettings"
@@ -83,7 +83,7 @@ const viewSettingsTabContent = (tab: number): UI_I_ViewSettingsFields[] =>
       )
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 .table-fixed-height {
   min-height: 287px;
   max-height: 287px;
@@ -93,4 +93,31 @@ const viewSettingsTabContent = (tab: number): UI_I_ViewSettingsFields[] =>
     max-height: 312px;
   }
 }
+
+:root.dark-theme {
+  .info-container {
+    background-color: var(--pannel-bg-color);
+    color: var(--main-color-mode2);
+
+    &:has(.no-items-selected-container) {
+      background-color: transparent;
+    }
+
+    td span {
+      color: var(--main-color-mode2);
+    }
+
+    button span {
+      color: var(--main-color-mode2);
+
+      &:hover:not(.disabled) {
+        background-color: transparent;
+      }
+    }
+
+    button.active span {
+      color: #fff;
+    }
+  }
+}
 </style>

package/components/common/wizards/vm/common/{Tooltip.vue → tooltip/Tooltip.vue}

@@ -48,7 +48,7 @@ const isShowFindHelp = ref<boolean>(false)
 </script>
 
 <style lang="scss" scoped>
-@import 'assets/scss/common/mixins';
+@import '../../../../../../assets/scss/common/mixins';
 .sign-post {
   @include flex($align: center);
   padding-left: 6px;

package/components/common/wizards/vm/common/validation/compatibility/Compatibility.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="compatibility">
+    <p class="compatibility__title">{{ localization.compatibility }}</p>
+    <div class="flex-align-center compatibility__content">
+      <template v-if="!props.loading">
+        <div class="compatibility__message">
+          <div class="icon icon-status-ok" />
+          <span>{{ localization.compatibilityChecksSucceeded }}</span>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    loading?: boolean
+  }>(),
+  {
+    loading: true,
+  }
+)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins';
+.compatibility {
+  padding-top: 10px;
+
+  &__title {
+  }
+
+  &__content {
+    align-items: self-start;
+    border: 1px solid #000;
+    padding-top: 5px;
+    padding-left: 5px;
+    overflow: auto;
+    min-height: 75px;
+  }
+  &__message {
+    @include flex($align: center);
+    .icon {
+      margin-right: 5px;
+    }
+  }
+}
+</style>

package/components/common/wizards/vm/migrate/Migrate.vue

@@ -28,6 +28,10 @@
           :project="props.project"
         />
 
+        <common-wizards-vm-migrate-select-compute-resource
+          v-show="currentBlockId === 'select-compute-resource'"
+        />
+
         <common-wizards-vm-migrate-select-storage
           v-show="currentBlockId === 'select-storage'"
           :submit="selectStorageSubmit"
@@ -37,6 +41,14 @@
           :configure-per-disks="props.configurePerDisks"
           @next-step="onSelectStorageAndNext"
         />
+
+        <common-wizards-vm-migrate-select-network
+          v-show="currentBlockId === 'select-networks'"
+        />
+
+        <common-wizards-vm-migrate-select-priority
+          v-show="currentBlockId === 'select-motion-priority'"
+        />
       </div>
 
       <common-wizards-vm-common-ready-complete

package/components/common/wizards/vm/migrate/models/interfaces.ts

@@ -2,9 +2,12 @@ import type { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces
 import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
 import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
 import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
+import type { UI_T_Project } from '~/models/types'
 
 export interface UI_I_MigrateVerticalStepItem extends UI_I_VerticalStepItem {
   id: string
+  project: UI_T_Project[]
+
   permissions?: UI_T_VmMigrateType[]
 }
 

package/components/common/wizards/vm/migrate/select/computeResource/ComputeResource.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="compute-resource">
+    <atoms-tabs
+      v-model="activeTab"
+      test-id="migrate-select-storage-tabs"
+      :items="selectStorageTabs"
+      size="small"
+      class="compute-resource__tabs"
+    />
+
+    <common-wizards-vm-common-validation-compatibility />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/models/interfaces'
+import type { UI_T_SelectComputeResourceTabType } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
+import { vmMigrateComputeResourceTabsFunc } from '~/components/common/wizards/vm/migrate/select/computeResource/config/tabsPannel'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const activeTab = ref<UI_T_SelectComputeResourceTabType>('host')
+const selectStorageTabs = computed<UI_I_CollapseNavItem[]>(() =>
+  vmMigrateComputeResourceTabsFunc(localization.value)
+)
+</script>
+
+<style lang="scss" scoped>
+.compute-resource {
+  &__tabs {
+    width: 100%;
+    :deep(.nav) {
+      margin-top: 0;
+    }
+  }
+}
+</style>

package/components/common/wizards/vm/migrate/select/computeResource/config/tabsPannel.ts

@@ -0,0 +1,28 @@
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/models/interfaces'
+export const vmMigrateComputeResourceTabsFunc = (
+  localization: UI_I_Localization
+): UI_I_CollapseNavItem[] => {
+  return [
+    {
+      text: localization.hosts,
+      value: 'host',
+      disabled: false,
+    },
+    {
+      text: localization.clusters,
+      value: 'cluster',
+      disabled: false,
+    },
+    {
+      text: localization.resourcePools,
+      value: 'resource-pool',
+      disabled: false,
+    },
+    {
+      text: localization.vApps,
+      value: 'v-apps',
+      disabled: false,
+    },
+  ]
+}

package/components/common/wizards/vm/migrate/select/network/Network.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="select-network">
+    <common-wizards-vm-common-validation-compatibility />
+  </div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/vm/migrate/select/priority/Priority.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="select-priority">
+    <common-select-radio-group
+      v-model="selectedPriorityType"
+      :options="vmMigrationPriorityTypes"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
+import { vmMigrateSelectPriorityTypesFunc } from '~/components/common/wizards/vm/migrate/select/priority/config/typeOptions'
+
+const props = defineProps<{
+  modelValue: string
+}>()
+const emits = defineEmits<{
+  (event: 'update:model-value', value: string | number): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const vmMigrationPriorityTypes = computed<UI_I_RadioOption[]>(() =>
+  vmMigrateSelectPriorityTypesFunc(localization.value)
+)
+
+const selectedPriorityType = computed<string>({
+  get() {
+    return props.modelValue
+  },
+  set(newValue: string) {
+    emits('update:model-value', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/vm/migrate/select/priority/config/typeOptions.ts

@@ -0,0 +1,21 @@
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
+
+export const vmMigrateSelectPriorityTypesFunc = (
+  localization: UI_I_Localization
+): UI_I_RadioOption[] => {
+  return [
+    {
+      label: localization.scheduleVMotionWithHighPriority,
+      value: 'high-priority',
+      disabled: false,
+      description: localization.scheduleVMotionWithHighPriorityDesc,
+    },
+    {
+      label: localization.scheduleNormalVMotion,
+      value: 'schedule-normal',
+      disabled: false,
+      description: localization.scheduleNormalVMotionDesc,
+    },
+  ]
+}

package/components/common/wizards/vm/migrate/select/storage/Storage.vue

@@ -33,20 +33,9 @@
       @update-selected-per-disks="selectedPerDisks = $event"
     />
 
-    <div class="compatibility-wrap">
-      <p class="compatibility">
-        {{ localization.compatibility }}
-      </p>
-      <div class="compatibility-message flex-align-center">
-        <template v-if="dataLocal.storage">
-          <div class="icon-status-ok" />
-          <span>{{ localization.compatibilityChecksSucceeded }}</span>
-        </template>
-        <div v-else>
-          <br />
-        </div>
-      </div>
-    </div>
+    <common-wizards-vm-common-validation-compatibility
+      :loading="!dataLocal.storage"
+    />
   </div>
 </template>
 
@@ -122,15 +111,4 @@ watch(
     }
   }
 }
-
-.compatibility-wrap {
-  padding-top: 10px;
-
-  .compatibility-message {
-    border: 1px solid #000;
-    padding-top: 5px;
-    padding-left: 5px;
-    overflow: auto;
-  }
-}
 </style>

package/components/common/wizards/vm/migrate/select/storage/models/types.ts

@@ -1,3 +1,9 @@
 export type UI_T_VmMigrateSelectStorageTab =
   | 'batch-configure'
   | 'configure-disk'
+
+export type UI_T_SelectComputeResourceTabType =
+  | 'host'
+  | 'cluster'
+  | 'resource-pool'
+  | 'v-apps'

package/components/common/wizards/vm/migrate/select/type/config/typeOptions.ts

@@ -31,7 +31,7 @@ export const vmMigrateTypesFunc = (
     {
       label: localization.crossVCenterServerExport,
       value: 'server',
-      disabled: true,
+      disabled: false,
       description: localization.crossVCenterServerExportDesc,
       permissions: ['sphere'],
     },

package/components/common/wizards/vm/migrate/utils.ts

@@ -7,60 +7,6 @@ export const stepItemsFunc = (
   localization: UI_I_Localization,
   type: UI_T_VmMigrateType,
   project: UI_T_Project
-): UI_I_MigrateVerticalStepItem[] => {
-  const stepsType = {
-    sphere: stepForSphere,
-    procurator: stepForProcurator,
-  }
-
-  return stepsType[project](localization, type)
-}
-
-const stepForSphere = (
-  localization: UI_I_Localization
-): UI_I_MigrateVerticalStepItem[] => {
-  return [
-    {
-      text: localization.selectName,
-      disabled: false,
-      complete: false,
-      description: '',
-      id: '',
-    },
-    {
-      text: localization.selectStorage,
-      disabled: true,
-      complete: false,
-      description: '',
-      id: '',
-    },
-    {
-      text: localization.selectCloneOptions,
-      disabled: true,
-      complete: false,
-      description: '',
-      id: '',
-    },
-    {
-      text: localization.customizeHardware,
-      disabled: true,
-      complete: false,
-      description: '',
-      id: '',
-    },
-    {
-      text: localization.readyComplete,
-      disabled: true,
-      complete: false,
-      description: '',
-      id: '',
-    },
-  ]
-}
-
-const stepForProcurator = (
-  localization: UI_I_Localization,
-  type: UI_T_VmMigrateType
 ): UI_I_MigrateVerticalStepItem[] => {
   const stepItems: UI_I_MigrateVerticalStepItem[] = [
     {
@@ -68,6 +14,7 @@ const stepForProcurator = (
       disabled: false,
       complete: false,
       description: localization.selectMigrationTypeDesc,
+      project: ['sphere', 'procurator'],
       id: 'select-migration-type',
     },
     {
@@ -75,6 +22,7 @@ const stepForProcurator = (
       disabled: true,
       complete: false,
       description: localization.selectComputeResourceDesc,
+      project: ['sphere'],
       permissions: ['server'],
       id: 'select-target-center',
     },
@@ -83,6 +31,7 @@ const stepForProcurator = (
       disabled: true,
       complete: false,
       description: localization.selectComputeResourceDesc,
+      project: ['sphere'],
       permissions: ['resource', 'resource-storage', 'server'],
       id: 'select-compute-resource',
     },
@@ -91,6 +40,7 @@ const stepForProcurator = (
       disabled: true,
       complete: false,
       description: localization.selectStorageDesc,
+      project: ['sphere', 'procurator'],
       permissions: ['storage', 'resource-storage', 'server'],
       id: 'select-storage',
     },
@@ -99,6 +49,7 @@ const stepForProcurator = (
       disabled: true,
       complete: false,
       description: localization.selectNetworksDesc,
+      project: ['sphere'],
       permissions: ['resource', 'resource-storage', 'server'],
       id: 'select-networks',
     },
@@ -107,6 +58,7 @@ const stepForProcurator = (
       disabled: true,
       complete: false,
       description: localization.selectVMotionPriorityDesc,
+      project: ['sphere'],
       permissions: ['resource', 'resource-storage', 'server'],
       id: 'select-motion-priority',
     },
@@ -114,12 +66,15 @@ const stepForProcurator = (
       text: localization.readyComplete,
       disabled: true,
       complete: false,
+      project: ['sphere', 'procurator'],
       id: 'ready-complete',
     },
   ]
 
-  return stepItems.filter((item) => {
-    // Если свойства permissions нет, возвращаем элемент
-    return !item.permissions || item.permissions.includes(type)
-  })
+  return stepItems
+    .filter((item) => item.project.includes(project)) // фильтрация по значению project
+    .filter((item) => {
+      // Если свойства permissions нет, возвращаем элемент
+      return !item.permissions || item.permissions.includes(type)
+    })
 }

package/package.json

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