bfg-common 1.3.459 → 1.3.461

package/components/common/wizards/datastoreNew/add/Add.vue

@@ -1,473 +0,0 @@
-<template>
-  <div class="new-datastore">
-    <atoms-wizard
-      show
-      :wizard="wizard"
-      :selected-scheme="selectedScheme"
-      :title="localization.newDatastore"
-      :localization="localization"
-      class="add-datastore"
-      test-id="add-datastore-wizard"
-      @change-steps="onChangeSteps"
-      @hide="onHideModal"
-      @submit="onFinish"
-    >
-      <template #modalBody="{ selectedStep }">
-        <common-wizards-datastore-new-add-types
-          v-if="selectedStep.id === 0"
-          v-model="form.type_code"
-          v-model:datastore-type="datastoreType"
-          :project="props.project"
-        />
-
-        <common-wizards-datastore-new-add-local
-          v-show="selectedStep.id === 1"
-          v-model="form"
-          :project="props.project"
-          :step-id="selectedStep.id"
-          :datastore-type="datastoreType"
-          :alert-messages="alertMessages[1]"
-          :messages-fields="selectedStep.fields"
-          @hide-alert="onHideAlert"
-        />
-
-        <common-wizards-datastore-new-add-shared-storm
-          v-show="datastoreType === 'shared-storm'"
-          v-model="form"
-          :project="props.project"
-          :step-id="selectedStep.id"
-          :datastore-type="datastoreType"
-          :alert-messages="alertMessages[selectedStep.id]"
-          :messages-fields="selectedStep.fields"
-          :datacenter-hosts="props.datacenterHosts"
-          :is-main-filter="props.isMainFilter"
-          :host-id="props.hostId"
-          @hide-alert="onHideAlert"
-          @submit="onSaveAndNextSharedStorm"
-          @main-filter="emits('main-filter', $event)"
-        />
-
-        <common-wizards-datastore-new-add-nfs
-          v-show="datastoreType === 'nfs'"
-          v-model="form"
-          :project="props.project"
-          :step-id="selectedStep.id"
-          :datastore-type="datastoreType"
-          :alert-messages="alertMessages[selectedStep.id]"
-          :messages-fields="selectedStep.fields"
-          :host-accessibility-submit="hostAccessibilitySubmit"
-          :hosts="props.nfsHosts"
-          @submit="saveChangesAndNextNfs"
-        />
-
-        <common-wizards-datastore-new-add-ready-complete
-          v-show="selectedStep.id === 11"
-          :data-ready-view="dataReadyView"
-        />
-      </template>
-    </atoms-wizard>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_WizardStep,
-  UI_I_ValidationReturn,
-  UI_I_AsyncCheckReturn,
-} from '~/components/atoms/wizard/lib/models/interfaces'
-import Wizard from '~/components/atoms/wizard/lib/utils/utils'
-import {
-  stepsFunc,
-  stepsSchemeInitial,
-} from '~/components/common/wizards/datastoreNew/add/lib/config/steps'
-
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-// import { UI_I_VerticalStepItem } from '~/components/atoms/lib/models/interfaces'
-import type {
-  UI_T_DatastoreType,
-  UI_T_NfsType,
-  // UI_T_WizardDatastoreMode,
-} from '~/components/common/wizards/datastore/add/lib/models/types'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastoreNew/add/lib/models/interfaces'
-import type {
-  UI_I_LunDisk,
-  UI_I_SelectHostOptions,
-} from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/lib/models/interfaces'
-import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import { E_DatastoreTypeKode } from '~/components/common/wizards/datastoreNew/add/lib/models/enums'
-import { constructDataReadyViewFunc } from '~/components/common/wizards/datastoreNew/add/readyComplete/lib/config/propertiesDetails'
-import { checkValidityName } from '~/components/common/wizards/datastoreNew/add/lib/utils'
-
-const props = defineProps<{
-  project: UI_T_Project
-  finishFunc: (
-    datastoreForm: UI_I_CreateDatastoreForm,
-    datastoreType: UI_T_DatastoreType,
-    version: UI_T_NfsType
-  ) => Promise<void>
-  datacenterHosts?: UI_I_SelectHostOptions[]
-  nfsHosts?: any
-  isMainFilter?: boolean
-  hostId?: string
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'finish', value: any): void
-  (event: 'main-filter', value: string): 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 datastoreType = ref<UI_T_DatastoreType>(
-  props.project === 'procurator' ? 'local' : 'shared-storm'
-)
-// const nfsVersion = ref<UI_T_NfsType>('nfs-3')
-// const dataReadyView = ref<any>([])
-
-const form = ref<any>({
-  name: '',
-  lunDisk: [],
-  type_code: E_DatastoreTypeKode[datastoreType.value],
-  nfsVersion: 'nfs-3',
-  readonly: false,
-  server: '',
-  folder: '',
-})
-const datastoreForm = ref<UI_I_CreateDatastoreForm>({
-  local: {
-    name: '',
-    hosts: [],
-    type_code: 1,
-  },
-  sharedStorm: {
-    name: '',
-    dev_names: [],
-    hosts: [],
-    pool_name: '',
-    type_code: 2,
-  },
-  nfs: {
-    name: '',
-    server: '',
-    folder: '',
-    readonly: false,
-    version: '',
-    type_code: 4,
-    hosts: [],
-  },
-})
-
-const checkName = async (
-  label: string,
-  localization: UI_I_Localization,
-  wizard: Wizard
-  // emits: UI_I_AddNetworkingEmits
-): Promise<UI_I_AsyncCheckReturn> => {
-  const typeCode = form.value.type_code
-
-  let help = typeCode === 1
-  if (typeCode === 2) {
-    help = form.value.lunDisk.length
-  }
-  if (typeCode === 4) {
-    help = form.value.folder && form.value.server
-  }
-  if (label && help) {
-    return new Promise((resolve, _reject) =>
-      checkValidityName(label, wizard, (message: string) => {
-        resolve({
-          isValid: message === '',
-          message: message === '' ? '' : message,
-        })
-      })
-    )
-  } else {
-    return {
-      isValid: false,
-      message: !label ? localization.specifyDatastoreName : '',
-    }
-  }
-}
-const checkDatastoreNameAsync = async (
-  localization: UI_I_Localization,
-  value: UI_I_WizardStep[],
-  label: string,
-  stepId: number,
-  fieldName: string,
-  wizard: Wizard
-): Promise<UI_I_ValidationReturn> => {
-  let stepHasError = false
-
-  const labelValidation: {
-    isValid: boolean
-    message: string
-  } = await checkName(label, localization, wizard)
-
-  if (!labelValidation.isValid) {
-    stepHasError = wizard.setValidation(stepId, fieldName, {
-      fieldMessage: labelValidation.message,
-      alertMessage: label ? labelValidation.message : '',
-    })
-  } else if (wizard.hasMessage(stepId, fieldName)) {
-    value = wizard.removeValidation(stepId, fieldName, value)
-  }
-
-  return {
-    newValue: value,
-    stepHasError,
-  }
-}
-const checkNfsFolderSync = (
-  localization: UI_I_Localization,
-  name: string,
-  wizard: Wizard,
-  value: UI_I_WizardStep[]
-): UI_I_ValidationReturn => {
-  let stepHasError = false
-
-  if (!name) {
-    stepHasError = wizard.setValidation(5, 'folder', {
-      fieldMessage: localization.specifyFolderName,
-      alertMessage: '',
-    })
-  } else if (wizard.hasMessage(5, 'folder')) {
-    value = wizard.removeValidation(5, 'folder', value)
-  }
-
-  return {
-    newValue: value,
-    stepHasError,
-  }
-}
-const checkNfsServerSync = (
-  localization: UI_I_Localization,
-  name: string,
-  wizard: Wizard,
-  value: UI_I_WizardStep[]
-): UI_I_ValidationReturn => {
-  let stepHasError = false
-
-  if (!name) {
-    stepHasError = wizard.setValidation(5, 'server', {
-      fieldMessage: localization.specifyServerName,
-      alertMessage: '',
-    })
-  } else if (wizard.hasMessage(5, 'server')) {
-    value = wizard.removeValidation(5, 'server', value)
-  }
-
-  return {
-    newValue: value,
-    stepHasError,
-  }
-}
-
-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(1, currentStep.id, nextStep.id)) {
-    const nameValidation = await checkDatastoreNameAsync(
-      localization.value,
-      value,
-      form.value.name,
-      1,
-      'datastoreName',
-      wizard
-    )
-
-    value = nameValidation.newValue
-
-    stepHasError = nameValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(2, currentStep.id, nextStep.id)) {
-    const nameValidation = await checkDatastoreNameAsync(
-      localization.value,
-      value,
-      form.value.name,
-      2,
-      'datastoreName',
-      wizard
-    )
-
-    value = nameValidation.newValue
-
-    //selectHostToContinueAlert
-
-    stepHasError = nameValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(5, currentStep.id, nextStep.id)) {
-    const nameValidation = await checkDatastoreNameAsync(
-      localization.value,
-      value,
-      form.value.name,
-      5,
-      'name',
-      wizard
-    )
-
-    value = nameValidation.newValue
-
-    const folderValidation = checkNfsFolderSync(
-      localization.value,
-      form.value.folder,
-      wizard,
-      value
-    )
-
-    const serverValidation = checkNfsServerSync(
-      localization.value,
-      form.value.server,
-      wizard,
-      value
-    )
-
-    stepHasError =
-      nameValidation.stepHasError ||
-      folderValidation.stepHasError ||
-      serverValidation.stepHasError
-  }
-
-  return {
-    newValue: value,
-    stepHasError,
-  }
-}
-
-const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
-  wizard.changeSteps(value, validationFunc)
-
-// Choosing Scheme
-watch(
-  datastoreType,
-  (newValue: UI_T_DatastoreType) => {
-    if (props.project === 'procurator') {
-      if (newValue === 'local') {
-        wizard.changeScheme(0)
-      }
-
-      if (newValue === 'shared-storm') {
-        wizard.changeScheme(1)
-      }
-
-      if (newValue === 'nfs') {
-        wizard.changeScheme(2)
-      }
-    }
-  },
-  { deep: true, immediate: true }
-)
-
-const dataReadyView = computed<UI_I_DetailsItem>(() =>
-  constructDataReadyViewFunc(
-    localization.value,
-    datastoreType.value,
-    form.value
-  )
-)
-const onNextStep = (_force = false): void => {}
-
-const hostAccessibilitySubmit = ref<number>(0)
-
-const isWizardModeForSphere = computed<boolean>(
-  () => props.project === 'sphere'
-)
-
-const onSaveAndNextSharedStorm = (event: any): void => {
-  const { sharedStorm } = datastoreForm.value
-  sharedStorm.name = event.name
-  sharedStorm.dev_names = event.lunDisk.map((lun: UI_I_LunDisk) => lun.name)
-  sharedStorm.hosts = [event.host]
-
-  dataReadyView.value = constructDataReadyViewFunc(
-    localization.value,
-    'shared-storm',
-    event,
-    isWizardModeForSphere.value
-  )
-
-  onNextStep(true)
-}
-const saveChangesAndNextNfs = (event: any, next = true): void => {
-  const { nfs } = datastoreForm.value
-  nfs.name = event.name
-  nfs.folder = event.folder
-  nfs.server = event.server
-  nfs.hosts = event.hosts
-
-  // TODO refactoring
-  const hostsNames = props.nfsHosts
-    ? props.nfsHosts.items
-        .filter((host) => event.hosts.includes(host.id))
-        .map((host) => host.host)
-    : []
-
-  dataReadyView.value = constructDataReadyViewFunc(
-    localization.value,
-    'nfs',
-    {
-      ...event,
-      hosts: hostsNames,
-      version: nfsVersion.value,
-    },
-    isWizardModeForSphere.value
-  )
-
-  next && onNextStep(true)
-}
-
-const onHideAlert = (stepId: number): void => {
-  wizard.hideAlertMessagesByStepId(stepId)
-}
-const onHideModal = (): void => {
-  emits('hide')
-}
-const onFinish = (): void => {
-  emits('finish', form.value)
-}
-// watch(
-//   () => props.isLoading,
-//   (newValue) => {
-//     wizard.setLoader(newValue)
-//   },
-//   { immediate: true }
-// )
-</script>
-
-<style scoped lang="scss">
-@import 'assets/scss/common/mixins.scss';
-.new-datastore {
-  &__body {
-    @include flex($dir: column);
-    height: 100%;
-    padding-left: 24px;
-  }
-}
-
-.finish-block {
-  padding: 18px 24px 24px 24px;
-
-  .add-hosts-ready-to-complete-mt-12 {
-    margin-top: 12px;
-
-    .add-hosts-ready-to-complete-bold {
-      line-height: 18px;
-      font-weight: 700;
-    }
-  }
-}
-</style>

package/components/common/wizards/datastoreNew/add/lib/config/stepItems.ts

@@ -1,191 +0,0 @@
-import type { UI_I_VerticalStepItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_T_WizardDatastoreMode,
-  UI_T_DatastoreType,
-  UI_T_NfsType,
-} from '~/components/common/wizards/datastore/add/lib/models/types'
-
-const stepFromSharedStorm = (
-  localization: UI_I_Localization,
-  mode: UI_T_WizardDatastoreMode
-): UI_I_VerticalStepItem[] => {
-  const steps = [
-    // { text: localization.type, disabled: false, complete: false },
-    {
-      text: localization.nameAndDeviceSelection,
-      disabled: true,
-      complete: false,
-    },
-    // {
-    //   text: localization.vmfsVersion,
-    //   disabled: true,
-    //   complete: false,
-    // }, <!-- TODO в shared-storm пока верси не будет  -->
-    // {
-    //   text: localization.partitionConfiguration,
-    //   disabled: true,
-    //   complete: false,
-    // },
-  ]
-  // TODO refactoring
-  if (mode === 'procurator') {
-    steps.push({
-      text: localization.partitionConfiguration,
-      disabled: true,
-      complete: false,
-    })
-  }
-  steps.push({
-    text: localization.readyComplete,
-    disabled: true,
-    complete: false,
-  })
-  return steps
-}
-
-const stepFromNfs = (
-  localization: UI_I_Localization,
-  mode: UI_T_WizardDatastoreMode
-): UI_I_VerticalStepItem[] => {
-  const steps = [
-    { text: localization.type, disabled: false, complete: false },
-    { text: localization.nfsVersion, disabled: true, complete: false },
-    {
-      text: localization.nameAndConfiguration,
-      disabled: true,
-      complete: false,
-    },
-    // {
-    //   text: localization.kerberosAuthentication,
-    //   disabled: true,
-    //   complete: false,
-    //   permissions: ['nfs-4.1'],
-    // },// TODO Пока что не будет чут попоже
-    // { text: localization.hostsAccessibility, disabled: true, complete: false }, // Он будет когда будем делать групповое
-    // { text: localization.readyComplete, disabled: true, complete: false },
-  ]
-
-  if (mode === 'sphere') {
-    steps.push({
-      text: localization.hostsAccessibility,
-      disabled: true,
-      complete: false,
-    })
-  }
-
-  steps.push({
-    text: localization.readyComplete,
-    disabled: true,
-    complete: false,
-  })
-
-  return steps
-
-  // console.log(position, 'position')
-
-  // nfsItems = nfsItems.filter((item) => {
-  //   // return item.permissions
-  //   //   ? type !== null
-  //   //     ? item.permissions.includes(type)
-  //   //     : true
-  //   //   : false
-  //   return item.permissions ? item.permissions.includes(type) : true
-  // })
-  // nfsItems.forEach((x, key) => {
-  //   if (key <= position) {
-  //     // console.log(key, 'key')
-  //     x.complete = true
-  //     x.disabled = false
-  //   }
-  // })
-
-  // console.log(type, 'typeeeeee')
-}
-
-// const stemFromVvol = (localization: UI_I_Localization): UI_I_VerticalStepItem[] => {
-//   return [
-//     { text: localization.type, disabled: false, complete: false },
-//     {
-//       text: localization.nameAndContainerSelection,
-//       disabled: true,
-//       complete: false,
-//     },
-//     { text: localization.hostsAccessibility, disabled: true, complete: false },
-//     { text: localization.readyComplete, disabled: true, complete: false },
-//   ]
-// }
-const stemFromLocal = (
-  localization: UI_I_Localization,
-  mode: UI_T_WizardDatastoreMode
-): UI_I_VerticalStepItem[] => {
-  const isModeProcurator = mode === 'procurator'
-  return [
-    { text: localization.type, disabled: false, complete: false },
-    {
-      text: localization[
-        isModeProcurator ? 'selectDatastoreName' : 'nameAndDeviceSelection'
-      ],
-      disabled: true,
-      complete: false,
-    },
-    { text: localization.readyComplete, disabled: true, complete: false },
-  ]
-}
-
-export const stepItemsFunc = (
-  localization: UI_I_Localization,
-  type: UI_T_DatastoreType,
-  mode: UI_T_WizardDatastoreMode
-): UI_I_VerticalStepItem[] => {
-  const handlers = {
-    'shared-storm': stepFromSharedStorm,
-    nfs: stepFromNfs,
-    local: stemFromLocal,
-  }
-
-  return handlers[type](localization, mode)
-}
-
-interface SubTitles {
-  'shared-storm': string[]
-  nfs: string[]
-  local: string[]
-}
-
-export const subTitleFunc = (
-  localization: UI_I_Localization,
-  type: UI_T_DatastoreType,
-  position: number,
-  version?: UI_T_NfsType
-): string => {
-  position = position - 1
-
-  if (type === 'nfs' && version === 'nfs-3' && position === 2) {
-    position = position + 1
-  }
-
-  const description: string[] = [
-    localization.selectNfsVersion,
-    localization.nameAndConfigurationDesc,
-    // localization.kerberosAuthenticationDesc.replace(
-    //   '{0}',
-    //   version?.toUpperCase() || ''
-    // ),
-    // localization.hostsAccessibilityDesc,
-  ]
-
-  const sharedStormDesc: string[] = [
-    localization.nameAndDeviceSelectionDesc,
-    // localization.vmfsVersionDesc,
-    localization.partitionConfigurationDesc,
-  ]
-
-  const subTitles: SubTitles = {
-    nfs: description,
-    'shared-storm': sharedStormDesc,
-    local: [],
-  }
-
-  return subTitles[type][position]
-}