bfg-common 1.4.114 → 1.4.115

package/components/common/select/input/lib/models/interfaces.ts

@@ -2,4 +2,5 @@ export interface UI_I_SelectInputItem {
   label: string
   value: string | number
   disabled?: boolean
+  testId?: string
 }

package/components/common/wizards/vmNew/common/computeResource/TreeView.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="tree-view">
+    <atoms-loader-pre-loader
+      v-show="loading"
+      id="loader"
+      class="absolute-center tree-view__loading"
+      :show="true"
+    />
+    <common-recursion-tree
+      :nodes="props.computeResourceTree"
+      class="recursion-tree"
+      @get-nodes="onShowNodes"
+      @select-node="onSelectNode"
+      @contextmenu.prevent
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+
+const props = defineProps<{
+  modelValue: UI_I_TreeNode | null
+  computeResourceTree: UI_I_TreeNode[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'update:modelValue', value: UI_I_TreeNode): void
+  (
+    event: 'get-compute-resource-tree',
+    value: { id: string | number; cb: () => void }
+  ): void
+  (event: 'show-compute-resource-tree', value: UI_I_TreeNode): void
+  (event: 'select-compute-resource-tree', value: UI_I_TreeNode): void
+  (event: 'clear-compute-resource-tree'): void
+}>()
+
+const loading = ref<boolean>(false)
+const onShowNodes = (event: any): void => {
+  emits('show-compute-resource-tree', event)
+}
+const onSelectNode = (node: UI_I_TreeNode): void => {
+  emits('select-compute-resource-tree', node)
+
+  emits('update:modelValue', node)
+}
+</script>
+
+<style scoped lang="scss">
+.tree-view {
+  &__loading {
+    :deep(.spinner.spinner-inverse) {
+      position: static;
+      width: 45px;
+      height: 45px;
+      min-width: 45px;
+      min-height: 45px;
+    }
+  }
+}
+</style>

package/components/common/wizards/vmNew/common/tooltip/Tooltip.vue

@@ -0,0 +1,84 @@
+<template>
+  <td :id="tooltipTestId" class="sign-post">
+    <a
+      v-if="props.isShowElement"
+      href="javascript:void(0)"
+      data-id="show-find-help-button"
+      @click.stop="isShowTooltip = !isShowTooltip"
+      >{{ localization.common.vmOrigin }}
+    </a>
+    <atoms-the-icon
+      id="help-tooltip-icon"
+      data-id="show-help-tooltip-icon"
+      class="info-icon"
+      name="info-circle"
+      @click.stop="isShowTooltip = !isShowTooltip"
+    />
+
+    <atoms-tooltip-signpost
+      v-if="isShowTooltip"
+      :elem-id="tooltipTestId"
+      class="sign-post__content"
+      @hide="isShowTooltip = false"
+    >
+      <slot name="content"> </slot>
+    </atoms-tooltip-signpost>
+  </td>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    testId?: string
+    isShowElement?: boolean
+  }>(),
+  {
+    testId: 'tooltip',
+    isShowElement: false,
+  }
+)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const tooltipTestId = computed<string>(
+  () => `${props.testId}-configure-navigation`
+)
+
+const isShowTooltip = ref<boolean>(false)
+</script>
+
+<style lang="scss" scoped>
+@import '../../../../../../assets/scss/common/mixins';
+.sign-post {
+  @include flex($align: center);
+  padding-left: 6px;
+  margin-top: 5px;
+  &__content {
+    max-width: 350px;
+  }
+  &__alert {
+    :deep(.alert-items) {
+      padding: 3px 5px;
+    }
+    :deep(.alert-text) {
+      @include text($fs: 11px, $c: var(--global-font-color2));
+      margin-right: 0;
+    }
+  }
+  &__title {
+    @include text($fs: 22px, $fw: 300, $c: var(--global-font-color));
+  }
+  &__desc {
+    @include text($fs: 14px, $fw: 400, $c: var(--global-font-color));
+  }
+
+  .info-icon {
+    width: 24px;
+    height: 24px;
+    fill: var(--dropdown-item-color);
+    cursor: pointer;
+  }
+}
+</style>

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

@@ -0,0 +1,62 @@
+<template>
+  <div class="compatibility">
+    <p class="compatibility__title">{{ localization.inventorySummary.compatibility }}</p>
+    <div class="flex-align-center compatibility__content">
+      <template v-if="!props.loading">
+        <div class="compatibility__message">
+          <div :class="['icon', iconStatus]" />
+          <span>{{ validationText }}</span>
+        </div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_E_ValidationCompatibilityStatusIcon } from '~/components/common/wizards/vm/common/validation/lib/models/enums'
+
+const props = withDefaults(
+  defineProps<{
+    loading?: boolean
+    text: string
+    status: 'Error' | 'Success' | 'Warning'
+  }>(),
+  {
+    loading: true,
+  }
+)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const iconStatus = computed<string>(
+  () => UI_E_ValidationCompatibilityStatusIcon[props.status]
+)
+
+const validationText = computed<string>(() => localization.value.common[props.text])
+</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/vmNew/common/validation/lib/models/enums.ts

@@ -0,0 +1,5 @@
+export enum UI_E_ValidationCompatibilityStatusIcon {
+  Success = 'icon-status-ok',
+  Error = 'vsphere-icon-status-error',
+  Warning = 'vsphere-icon-status-warning',
+}

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

@@ -0,0 +1,231 @@
+<template>
+  <div class="migrate-vm">
+    <atoms-wizard
+      show
+      :wizard="wizard"
+      :selected-scheme="selectedScheme"
+      :title="localization.migrate"
+      :localization="localization"
+      class="migrate-vm-wizard"
+      test-id="migrate-vm-wizard"
+      @change-steps="onChangeSteps"
+      @hide="onHideModal"
+      @submit="onFinish"
+    >
+      <template #modalBody="{ selectedStep }">
+        <common-wizards-vm-new-migrate-select-type
+          v-if="selectedStep.id === 0"
+          v-model="form.migrate_type"
+          :project="props.project"
+        />
+
+        <common-wizards-vm-migrate-select-target-server v-if="false" />
+
+        <common-wizards-vm-migrate-select-compute-resource
+          v-if="false"
+          v-model="form"
+          :submit="selectComputeResourceSubmit"
+          :get-compute-resource-data="props.getComputeResourceData"
+          :migrate-type="form.migrate_type"
+          :compute-resource-data="props.computeResourceTableData"
+          :compute-resource-tree="props.computeResourceTree"
+        />
+
+        <common-wizards-vm-new-migrate-select-storage
+          v-show="selectedStep.id === 3"
+          v-model="form"
+          :alert-messages="alertMessages[3]"
+          :submit="selectStorageSubmit"
+          :get-datastore-table-func="props.getDatastoreTableFunc"
+          :datastore="props.datastore"
+          :connected-storage-id-default="connectedStorageIdOnVm"
+          :configure-per-disks="props.configurePerDisks"
+          @hide-alert="onHideAlert"
+        />
+
+        <common-wizards-vm-migrate-select-network
+          v-if="false"
+          v-model:is-basic-network-mode="
+            dataFormLocal.selectNetwork.isShowNetworkBasic
+          "
+          v-model:network-data="dataFormLocal.selectNetwork.data"
+        />
+
+        <common-wizards-vm-migrate-select-priority
+          v-if="false"
+          v-model="selectedVMotionPriority"
+        />
+
+        <common-ready-to-complete
+          v-if="selectedStep.id === 6"
+          :data="dataReadyView"
+        />
+      </template>
+    </atoms-wizard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_WizardStep,
+  UI_I_ValidationReturn,
+} from '~/components/atoms/wizard/lib/models/interfaces'
+import Wizard from '~/components/atoms/wizard/lib/utils/utils'
+import {
+  stepsFunc,
+  stepsSchemeInitial,
+} from '~/components/common/wizards/vmNew/migrate/lib/config/steps'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type {
+  UI_I_MigrateFormLocal,
+  UI_I_ChangeStepsSchemes,
+} from '~/components/common/wizards/vmNew/migrate/lib/models/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vmNew/migrate/select/type/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_VmSettings } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
+import type { UI_I_CollectedDataFormLocal } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
+import { constructDataReadyViewFunc } from '~/components/common/wizards/vmNew/migrate/lib/config/constructDataReady'
+import * as validation from '~/components/common/wizards/vmNew/migrate/lib/validations'
+
+const props = defineProps<{
+  project: UI_T_Project
+  vmSettings: UI_I_VmSettings | null
+  vmName: string
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  getComputeResourceData: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+  computeResourceTableData?: any
+  computeResourceTree?: UI_I_TreeNode
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'finish', value: UI_I_MigrateFormLocal): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const wizard: Wizard = new Wizard(
+  stepsFunc(localization.value),
+  stepsSchemeInitial
+)
+
+const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
+const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
+
+const form = ref<UI_I_MigrateFormLocal>({
+  migrate_type: props.project === 'procurator' ? 'storage' : 'resource',
+  disk_format: 0,
+  storage: null,
+  configure: {
+    type: 'batch-configure',
+    disks: [],
+  },
+})
+
+const validationFunc = async (
+  value: UI_I_WizardStep[],
+  currentStep: UI_I_WizardStep,
+  nextStep: UI_I_WizardStep
+): Promise<UI_I_ValidationReturn> => {
+  let stepHasError = false
+
+  if (wizard.isValidateForStep(3, currentStep.id, nextStep.id)) {
+    const nameValidation = await validation.checkSelectedDatastoreSync(
+      localization.value,
+      form.value.storage,
+      wizard,
+      value
+    )
+
+    value = nameValidation.newValue
+
+    stepHasError = nameValidation.stepHasError
+  }
+
+  return {
+    newValue: value,
+    stepHasError,
+  }
+}
+const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
+  wizard.changeSteps(value, validationFunc)
+
+// Choosing Scheme
+watch(
+  form.migrate_type,
+  (newValue: UI_T_VmMigrateType) => {
+    const schemes: UI_I_ChangeStepsSchemes = {
+      procurator: {
+        storage: 0,
+      },
+      sphere: {
+        storage: 0,
+        resource: 1,
+      },
+    }
+
+    const projectSchemes = schemes[props.project]
+
+    if (projectSchemes && projectSchemes[newValue] !== undefined) {
+      wizard.changeScheme(projectSchemes[newValue] as number)
+    }
+  },
+  { deep: true, immediate: true }
+)
+
+const loading = ref<boolean>(false)
+
+const selectStorageSubmit = ref<number>(0)
+const selectComputeResourceSubmit = ref<number>(0)
+
+const selectedVMotionPriority = ref<UI_T_SelectVMotionPriority>('high')
+
+const connectedStorageIdOnVm = computed<string>(
+  () => props.vmSettings?.storage.id || ''
+)
+
+const dataReadyView = computed<UI_I_TableInfoItem>(() =>
+  constructDataReadyViewFunc(props.vmName, form.value, dataFormLocal.value)
+)
+
+const dataFormLocal = ref<UI_I_CollectedDataFormLocal>({
+  selectedComputeResource: null,
+  selectStorage: null,
+  selectNetwork: {
+    isShowNetworkBasic: true,
+    data: null,
+  },
+  selectedVMotionPriority: 'high',
+})
+const onFinish = (): void => {
+  loading.value = true
+  emits('finish', form.value)
+  loading.value = false
+}
+
+const onHideModal = (): void => {
+  emits('hide')
+}
+
+const onHideAlert = (stepId: number): void => {
+  wizard.hideAlertMessagesByStepId(stepId)
+}
+</script>
+
+<style scoped lang="scss">
+@import 'assets/scss/common/mixins.scss';
+.migrate-vm {
+  &__wrapper {
+    @include flex($dir: column);
+    //height: 100%;
+    padding-left: 10px;
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/lib/config/constructDataReady.ts

@@ -0,0 +1,83 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
+import type { UI_I_MigrateFormLocal } from '~/components/common/wizards/vmNew/migrate/lib/models/interfaces'
+import { UI_E_VmMigrationType } from '~/components/common/wizards/vm/migrate/lib/models/enums'
+import { UI_E_SelectStorageDiskFormat } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/enums'
+import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/lib/config/formatOptions'
+
+const storageDetailsFunc = (
+  localization: UI_I_Localization,
+  migrationType: string,
+  name: string,
+  form: UI_I_MigrateFormLocal
+): UI_I_MigrateReadyBlockData[] => {
+  const { disk_format, configure, storage } = form
+
+  const isActivePerDiskTab: boolean = configure.type === 'configure-disk'
+
+  const diskFormat = vmDiskFormatOptions().find(
+    (file) => file.value === disk_format
+  )!
+
+  let result: UI_I_MigrateReadyBlockData[] = [
+    {
+      label: localization.common.migrationType,
+      value: migrationType,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.common.virtualMachine,
+      value: name,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.common.storage,
+      value: storage?.name,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: localization.common.diskFormat,
+      value: diskFormat.text,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: name,
+      value: '',
+      permissions: ['configure-disk'],
+    },
+  ]
+
+  if (isActivePerDiskTab && configure.disks) {
+    const perDiskItems: UI_I_MigrateReadyBlockData[] = configure.disks.map(
+      (disk) => {
+        const isConfigurationFile = disk.file === 'Configuration file'
+        const diskFormat = UI_E_SelectStorageDiskFormat[disk.disk_format]
+
+        const text = isConfigurationFile
+          ? disk.storage
+          : `${disk.storage} (${diskFormat})`
+
+        return {
+          label: disk.file,
+          value: text,
+          permissions: ['configure-disk'],
+          isProperty: true,
+        }
+      }
+    )
+    result = result.concat(perDiskItems)
+  }
+
+  return result.filter((option) => option.permissions.includes(configure.type))
+}
+export const constructDataReadyViewFunc = (
+  name: string,
+  data: UI_I_MigrateFormLocal
+): UI_I_MigrateReadyBlockData[] => {
+  const localization: UI_I_Localization = useLocal()
+
+  const migrationType =
+    localization.common[UI_E_VmMigrationType[data.migrate_type]]
+
+  return storageDetailsFunc(localization, migrationType, name, data)
+}

package/components/common/wizards/vmNew/migrate/lib/config/steps.ts

@@ -0,0 +1,82 @@
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => [
+  {
+    id: 0,
+    title: localization.common.selectMigrationType,
+    subTitle: localization.common.selectMigrationTypeDesc,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-type',
+  },
+  {
+    id: 1,
+    title: localization.common.selectTargetVCenterSer,
+    subTitle: localization.common.selectComputeResourceDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-target-server',
+  },
+  {
+    id: 2,
+    title: localization.common.selectComputeResource,
+    subTitle: localization.common.selectComputeResourceDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-compute-resource',
+  },
+  {
+    id: 3,
+    title: localization.common.selectStorage,
+    subTitle: localization.common.selectStorageDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'migrate-vm-select-storage',
+  },
+  {
+    id: 4,
+    title: localization.common.selectNetworks,
+    subTitle: localization.common.selectNetworksDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-networks',
+  },
+  {
+    id: 5,
+    title: localization.common.selectVMotionPriority,
+    subTitle: localization.common.selectVMotionPriorityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-select-vMotion-priority',
+  },
+  {
+    id: 6,
+    title: localization.common.readyComplete,
+    subTitle: '',
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'migrate-vm-ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  [0, 3, 6], // Procurator Scheme for "Change storage only" type
+  [0, 1, 3, 4, 5, 6], // Sphere Scheme for "shared-storm" type
+  [0, 1, 3, 4, 5, 6], // Sphere Scheme for "nfs" type
+]

package/components/common/wizards/vmNew/migrate/lib/models/enums.ts

@@ -0,0 +1,6 @@
+export enum UI_E_VmMigrationType {
+  resource = 'changeComputeResourceOriginalStorage',
+  storage = 'changeStorageComputeResource',
+  'resource-storage' = 'changeComputeResourceAndStorage',
+  server = '',
+}

package/components/common/wizards/vmNew/migrate/lib/models/interfaces.ts

@@ -0,0 +1,38 @@
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
+import type { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/interfaces'
+import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
+import type { UI_I_ComputeResourceDataLocal } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/models/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vmNew/migrate/select/type/lib/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
+
+export interface UI_I_MigrateFormLocal {
+  migrate_type: UI_T_VmMigrateType
+  disk_format: number
+  storage: any
+
+  configure: {
+    type: UI_T_VmMigrateSelectStorageTab
+    disks: UI_I_StorageConfigurePerDiskItem[]
+  }
+}
+
+export interface UI_I_ChangeStepsSchemes {
+  [key: string]: {
+    [key in UI_T_VmMigrateType]?: number
+  }
+}
+
+export interface UI_I_MigrateReadyBlockData extends UI_I_TableInfoItem {
+  permissions: UI_T_VmMigrateSelectStorageTab[]
+}
+
+export interface UI_I_CollectedDataFormLocal {
+  selectedComputeResource: UI_I_ComputeResourceDataLocal
+  selectStorage: UI_I_SelectStorageReadyData
+  selectNetwork: {
+    isShowNetworkBasic: boolean
+    data: any // добавить интерфае потом
+  }
+  selectedVMotionPriority: UI_T_SelectVMotionPriority
+}