bfg-common 1.5.466 → 1.5.467

package/components/common/vm/actions/common/select/name/Name.vue

@@ -82,7 +82,14 @@ const isParentDatacenter = (node: UI_I_TreeNode | null): boolean => {
 const submit = async (cb: Function): Promise<void> => {
   const name = vmName.value
 
-  if (name !== '' || props.validateEmptyName) {
+  if (props.validateEmptyName && name === '') {
+    showValidationErrors([
+      localization.value.common.emptyNameValidationDescription,
+    ])
+    cb(false)
+    return
+  }
+  if (name !== '') {
     const isNameValid = await checkNameIsValid(name)
     if (!isNameValid) {
       cb(false)

package/components/common/vm/actions/register/Register.vue

@@ -0,0 +1,268 @@
+<template>
+  <div class="register-vm">
+    <atoms-wizard
+      :wizard="wizard"
+      :selected-scheme="selectedScheme"
+      :title="localization.common.registerVm"
+      :localization="localization"
+      test-id="register-wizard"
+      show
+      @change-steps="onChangeSteps"
+      @hide="emits('hide')"
+      @submit="emits('finish')"
+    >
+      <template #modalBody="{ selectedStep }">
+        <!--        <atoms-loader-->
+        <!--          v-show="props.isLoading"-->
+        <!--          id="loader"-->
+        <!--          test-id="edit-vm-settings-spinner"-->
+        <!--        />-->
+        <div class="register-vm-content">
+          <common-vm-actions-common-select-name
+            v-show="
+              selectedStep.id === dynamicSteps.selectName ||
+              selectedStep.id === dynamicSteps.selectNameFolder
+            "
+            :show="
+              selectedStep.id === dynamicSteps.selectName ||
+              selectedStep.id === dynamicSteps.selectNameFolder
+            "
+            :name-form-submit="nameFormSubmit"
+            :project="props.project"
+            :data-center="props.dataCenter"
+            validate-empty-name
+            @submit="onChangeName(...$event)"
+            @check-name="emits('check-name', $event)"
+          />
+          <common-vm-actions-common-select-compute-resource
+            v-if="isSphere"
+            v-show="selectedStep.id === dynamicSteps.selectComputeResource"
+            v-model="vmForm.computeResource"
+            :compute-resource-submit="computeResourceSubmit"
+            :data-center="vmForm.dataCenter"
+            :compute-resource="props.computeResource"
+            :compute-resource-tree="props.computeResourceTree"
+            @submit="emits('change-compute-resource', $event)"
+            @select-compute-resource-tree="
+              emits('select-compute-resource-tree', $event)
+            "
+            @get-compute-resource-tree="
+              emits('get-compute-resource-tree', $event)
+            "
+            @show-compute-resource-tree="
+              emits('show-compute-resource-tree', $event)
+            "
+            @clear-compute-resource-tree="emits('clear-compute-resource-tree')"
+          />
+          <common-ready-to-complete
+            v-if="selectedStep.id === dynamicSteps.readyComplete"
+            :data="props.readyCompleteTableInfo"
+          />
+        </div>
+      </template>
+    </atoms-wizard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_WizardStep } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
+import type { UI_I_ValidationReturn } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
+import Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
+import type {
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type {
+  API_UI_I_Error,
+} from '~/lib/models/store/interfaces'
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import {
+  dynamicSteps,
+  stepsFunc,
+  stepsSchemeInitial,
+} from '~/components/common/vm/actions/register/lib/config/steps'
+
+const vmForm = defineModel<any>({required: true})
+
+const props = withDefaults(
+  defineProps<{
+    project: UI_T_Project
+    readyCompleteTableInfo: UI_I_TableInfoItem[]
+    dataCenter?: UI_I_TreeNode // для сферы
+    computeResource?: UI_I_TreeNode // для сферы
+    computeResourceTree?: UI_I_TreeNode[] // для сферы
+  }>(),
+  {
+    dataCenter: undefined,
+    computeResource: undefined,
+    computeResourceTree: undefined,
+  }
+)
+
+const emits = defineEmits<{
+  (event: 'finish'): void
+  (
+    event: 'check-name',
+    value: [[string, UI_I_TreeNode | null], (error: API_UI_I_Error) => void]
+  ): void
+  (event: 'hide'): void
+  (event: 'clear-compute-resource-tree'): void // для сферы
+  (event: 'change-compute-resource', value: UI_I_TreeNode): void // для сферы
+  (event: 'select-compute-resource-tree', 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 // для сферы
+}>()
+
+const { $recursion }: any = useNuxtApp()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const isSphere = computed<boolean>(() => props.project === 'sphere')
+
+const wizard: Wizard = new Wizard(
+  stepsFunc(localization.value),
+  stepsSchemeInitial
+)
+
+const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
+const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
+  wizard.changeSteps(value, validationFunc)
+}
+const validationFunc = async (
+  value: UI_I_WizardStep[],
+  currentStep: UI_I_WizardStep,
+  nextStep: UI_I_WizardStep
+): Promise<UI_I_ValidationReturn> => {
+  let stepHasError = false
+  let stepShouldStop = {
+    ifOnCurrentStep: false,
+    ifFromAnyStep: false,
+    stoppageStepId: -1,
+  }
+
+  wizard.setLoader(true)
+  if (
+    wizard.isValidateForStep(
+      isSphere.value ? dynamicSteps.selectNameFolder : dynamicSteps.selectName,
+      currentStep.id,
+      nextStep.id
+    )
+  ) {
+    const nameValidation = await onCheckName(value)
+
+    value = nameValidation.newValue
+    stepHasError = stepHasError || nameValidation.stepHasError
+  } else if (
+    isSphere.value &&
+    wizard.isValidateForStep(
+      dynamicSteps.selectComputeResource,
+      currentStep.id,
+      nextStep.id
+    )
+  ) {
+    const computeResourceValidation = await checkComputeResource(value)
+
+    value = computeResourceValidation.newValue
+    stepHasError = stepHasError || computeResourceValidation.stepHasError
+  }
+  wizard.setLoader(false)
+
+  return {
+    newValue: value,
+    stepHasError,
+    stepShouldStop,
+  }
+}
+
+const nameFormSubmit = ref<null | Function>(null)
+const computeResourceSubmit = ref<null | Function>(null)
+const onCheckName = async (
+  value: UI_I_WizardStep[]
+): Promise<UI_I_ValidationReturn> => {
+  let stepHasError = false
+
+  return new Promise((resolve) => {
+    const step = isSphere.value
+      ? dynamicSteps.selectNameFolder
+      : dynamicSteps.selectName
+    nameFormSubmit.value = (isValid: boolean) => {
+      if (!isValid) {
+        stepHasError = wizard.setValidation(step, 'name', {
+          fieldMessage: 'aaa',
+          alertMessage: 'aaa',
+        })
+      } else if (wizard.hasMessage(step, 'name')) {
+        value = wizard.removeValidation(step, 'name', value)
+      }
+
+      resolve({
+        stepHasError,
+        newValue: value,
+      })
+      nameFormSubmit.value = null
+    }
+  })
+}
+const checkComputeResource = async (
+  value: UI_I_WizardStep[]
+): Promise<UI_I_ValidationReturn> => {
+  let stepHasError = false
+
+  return new Promise((resolve) => {
+    computeResourceSubmit.value = (isValid: boolean) => {
+      if (!isValid) {
+        stepHasError = wizard.setValidation(
+          dynamicSteps.selectComputeResource,
+          'computeResource',
+          {
+            fieldMessage: 'aaa',
+            alertMessage: 'aaa',
+          }
+        )
+      } else if (
+        wizard.hasMessage(dynamicSteps.selectComputeResource, 'computeResource')
+      ) {
+        value = wizard.removeValidation(
+          dynamicSteps.selectComputeResource,
+          'computeResource',
+          value
+        )
+      }
+
+      resolve({
+        stepHasError,
+        newValue: value,
+      })
+      computeResourceSubmit.value = null
+    }
+  })
+}
+
+const onChangeName = (name: string, node: UI_I_TreeNode | null): void => {
+  vmForm.value.name = name
+  if (isSphere.value) {
+    vmForm.value.locationPath = node.id
+    vmForm.value.dataCenter = $recursion.findParentByValue(
+        node,
+        'datacenter',
+        'type',
+        'parent'
+    )
+  }
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.modal-body) {
+  display: flex;
+  flex-direction: column;
+}
+.register-vm-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+</style>

package/components/common/vm/actions/register/lib/config/steps.ts

@@ -0,0 +1,86 @@
+import type { UI_I_WizardStep } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/enums'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+export const dynamicSteps = {
+  selectName: 0,
+  selectNameFolder: 1,
+  selectComputeResource: 2,
+  readyComplete: 3,
+}
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => {
+  return [
+    // Procurator
+    {
+      id: dynamicSteps.selectName,
+      stepName: '',
+      title: localization.common.selectName,
+      subTitle: localization.common.specifyUniqueName,
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      testId: 'vm-select-name',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    // Sphere
+    {
+      id: dynamicSteps.selectNameFolder,
+      stepName: '',
+      title: localization.vmWizard.selectNameFolder,
+      subTitle: localization.common.specifyUniqueNameTargetLocation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-select-name-folder',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    // Sphere
+    {
+      id: dynamicSteps.selectComputeResource,
+      stepName: '',
+      title: localization.vmWizard.selectComputeResource,
+      subTitle: localization.common.selectDestinationComputeResourceOperation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-select-compute-resource',
+      fields: {
+        computeResource: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.readyComplete,
+      stepName: '',
+      title: localization.vmWizard.readyComplete,
+      subTitle: localization.vmWizard.lastCreateSubtitle,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-ready-complete',
+      fields: {},
+    },
+  ]
+}
+
+export const stepsSchemeInitial = [
+  // 0 Procurator
+  [dynamicSteps.selectName, dynamicSteps.readyComplete],
+  // 1 Sphere
+  [
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource,
+    dynamicSteps.readyComplete,
+  ],
+]

package/package.json

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