bfg-common 1.4.231 → 1.4.232

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

@@ -1,62 +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>
+<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/vm/common/validation/lib/models/enums.ts

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

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

@@ -1,247 +1,263 @@
-<template>
-  <div class="migrate-vm">
-    <atoms-wizard
-      show
-      :wizard="wizard"
-      :selected-scheme="selectedScheme"
-      :title="localization.common.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-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="selectedStep.id === 1"
-          v-model="form.target_server"
-          v-model:connect-server="isConnectSourceServer"
-          :wizard="wizard"
-        />
-
-        <common-wizards-vm-migrate-select-compute-resource
-          v-show="selectedStep.id === 2"
-          v-model="form"
-          :alert-messages="alertMessages[2]"
-          :get-compute-resource-data="props.getComputeResourceData"
-          :compute-resource-data="props.computeResourceTableData"
-          :compute-resource-tree="props.computeResourceTree"
-          @hide-alert="onHideAlert"
-        />
-
-        <common-wizards-vm-migrate-select-storage
-          v-show="selectedStep.id === 3"
-          v-model="form"
-          :alert-messages="alertMessages[3]"
-          :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-show="selectedStep.id === 4"
-          v-model="form.network"
-        />
-
-        <common-wizards-vm-migrate-select-priority
-          v-if="selectedStep.id === 5"
-          v-model="form.vMotion_priority"
-        />
-
-        <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/vm/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/vm/migrate/lib/models/interfaces'
-import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/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/configure/disk/table/lib/models/interfaces'
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-import { constructDataReadyViewFunc } from '~/components/common/wizards/vm/migrate/lib/config/constructDataReady'
-import * as validation from '~/components/common/wizards/vm/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 isConnectSourceServer = ref<boolean>(false)
-const form = ref<UI_I_MigrateFormLocal>({
-  migrate_type: props.project === 'procurator' ? 'storage' : 'resource',
-  disk_format: 0,
-  storage: null,
-  configure: {
-    type: 'batch-configure',
-    disks: [],
-  },
-  target_server: {
-    fqdn: '',
-    user: '',
-    password: '',
-  },
-  network: {
-    isBasicNetworkMode: true,
-    data: null,
-  },
-  resource: {
-    selectedNode: null,
-    host: null,
-    cluster: null,
-    resourcePool: null,
-    vApps: null,
-  },
-  vMotion_priority: 'high',
-})
-
-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(2, currentStep.id, nextStep.id)) {
-    const nameValidation = await validation.checkSelectedResourceSync(
-      localization.value,
-      form.value.resource,
-      wizard,
-      value
-    )
-
-    value = nameValidation.newValue
-
-    stepHasError = nameValidation.stepHasError
-  }
-
-  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.value.migrate_type,
-  (newValue: UI_T_VmMigrateType) => {
-    const schemes: UI_I_ChangeStepsSchemes = {
-      procurator: {
-        storage: 0,
-      },
-      sphere: {
-        storage: 0,
-        resource: 1,
-        'resource-storage': 2,
-        server: 3,
-      },
-    }
-
-    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 connectedStorageIdOnVm = computed<string>(
-  () => props.vmSettings?.storage.id || ''
-)
-
-const dataReadyView = computed<UI_I_TableInfoItem>(() =>
-  constructDataReadyViewFunc(props.vmName, form.value)
-)
-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 {
-  :deep(.modal-body) {
-    height: inherit;
-    @include flex($dir: column);
-  }
-}
-</style>
+<template>
+  <div class="migrate-vm">
+    <atoms-wizard
+      show
+      :wizard="wizard"
+      :selected-scheme="selectedScheme"
+      :title="title"
+      :localization="localization"
+      class="migrate-vm-wizard"
+      test-id="migrate-vm-wizard"
+      @change-steps="onChangeSteps"
+      @hide="onHideModal"
+      @submit="onFinish"
+    >
+      <template #modalBody="{ selectedStep }">
+        <common-wizards-vm-migrate-select-type
+          v-if="selectedStep.id === 0"
+          v-model="form.migrate_type"
+          :project="props.project"
+        />
+
+        <common-wizards-vm-migrate-select-type
+          v-if="selectedStep.id === 1"
+          v-model="form.migrate_type"
+          :project="props.project"
+        />
+
+        <common-wizards-vm-migrate-select-target-server
+          v-if="selectedStep.id === 2"
+          v-model="form.target_server"
+          v-model:connect-server="isConnectSourceServer"
+          :wizard="wizard"
+        />
+
+        <common-wizards-vm-migrate-select-compute-resource
+          v-show="selectedStep.id === 3"
+          v-model="form"
+          :alert-messages="alertMessages[3]"
+          :get-compute-resource-data="props.getComputeResourceData"
+          :compute-resource-data="props.computeResourceTableData"
+          :compute-resource-tree="props.computeResourceTree"
+          @hide-alert="onHideAlert"
+        />
+
+        <common-wizards-vm-migrate-select-storage
+          v-show="selectedStep.id === 4"
+          v-model="form"
+          :alert-messages="alertMessages[4]"
+          :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-show="selectedStep.id === 5"
+          v-model="form.network"
+        />
+
+        <common-wizards-vm-migrate-select-priority
+          v-if="selectedStep.id === 6"
+          v-model="form.vMotion_priority"
+        />
+
+        <common-ready-to-complete
+          v-if="selectedStep.id === 7"
+          :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/vm/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/vm/migrate/lib/models/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/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/configure/disk/table/lib/models/interfaces'
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import { constructDataReadyViewFunc } from '~/components/common/wizards/vm/migrate/lib/config/constructDataReady'
+import * as validation from '~/components/common/wizards/vm/migrate/lib/validations'
+
+const props = defineProps<{
+  project: UI_T_Project
+  isScheduledTasks: boolean
+  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, props.isScheduledTasks),
+  stepsSchemeInitial
+)
+
+const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
+const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
+
+const title = computed<string>(() => {
+  let result = localization.value.common.migrate
+  if (props.isScheduledTasks) {
+    result = `${localization.value.common.scheduleNewTasks} (${localization.value.common.migrate})`
+  }
+
+  return result
+})
+
+const isConnectSourceServer = ref<boolean>(false)
+const form = ref<UI_I_MigrateFormLocal>({
+  migrate_type: props.project === 'procurator' ? 'storage' : 'resource',
+  disk_format: 0,
+  storage: null,
+  configure: {
+    type: 'batch-configure',
+    disks: [],
+  },
+  target_server: {
+    fqdn: '',
+    user: '',
+    password: '',
+  },
+  network: {
+    isBasicNetworkMode: true,
+    data: null,
+  },
+  resource: {
+    selectedNode: null,
+    host: null,
+    cluster: null,
+    resourcePool: null,
+    vApps: null,
+  },
+  vMotion_priority: 'high',
+})
+
+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.checkSelectedResourceSync(
+      localization.value,
+      form.value.resource,
+      wizard,
+      value
+    )
+
+    value = nameValidation.newValue
+
+    stepHasError = nameValidation.stepHasError
+  }
+
+  if (wizard.isValidateForStep(4, 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.value.migrate_type,
+  (newValue: UI_T_VmMigrateType) => {
+    const schemes: UI_I_ChangeStepsSchemes = {
+      procurator: {
+        storage: 0,
+      },
+      sphere: {
+        storage: 0,
+        resource: 1,
+        'resource-storage': 2,
+        server: 3,
+      },
+    }
+
+    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 connectedStorageIdOnVm = computed<string>(
+  () => props.vmSettings?.storage.id || ''
+)
+
+const dataReadyView = computed<UI_I_TableInfoItem>(() =>
+  constructDataReadyViewFunc(props.vmName, form.value)
+)
+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 {
+  :deep(.modal-body) {
+    height: inherit;
+    @include flex($dir: column);
+  }
+}
+</style>