bfg-common 1.3.497 → 1.3.498

package/components/common/vm/actions/editSettings/EditSettings.vue

@@ -63,32 +63,32 @@
 </template>
 
 <script setup lang="ts">
-import { UI_T_Project } from '~/lib/models/types'
-import { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
-import { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import {
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+import type {
   UI_I_EditVmPayload,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
-import {
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
+import type {
   UI_I_SendDataCpu,
   UI_I_SendDataMemory,
   UI_I_SendDataNewCdDvdDrive,
   UI_I_SendDataNewHardDisk,
   UI_I_SendDataNewNetwork,
 } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import { UI_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
-import { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import { UI_I_VmSettings } from '~/lib/models/store/vm/interfaces'
-import {
+import type { UI_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type { UI_I_VmSettings } from '~/lib/models/store/vm/interfaces'
+import type {
   UI_I_DatastoreTableItem,
   UI_I_FolderOrFileTreePayload,
 } from '~/lib/models/store/storage/interfaces'
-import { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
-import { UI_T_EditVmFinishFunc } from '~/components/common/vm/actions/editSettings/lib/models/types'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
+import type { UI_T_EditVmFinishFunc } from '~/components/common/vm/actions/editSettings/lib/models/types'
 
 const props = defineProps<{
   project: UI_T_Project
@@ -109,7 +109,7 @@ const props = defineProps<{
 
 const emits = defineEmits<{
   (event: 'hide'): void
-  (event: 'update-vm', value: UI_I_EditVmPayload): void
+  (event: 'update-vm'): void
   (event: 'get-storage', value: UI_I_TablePayload): void
   (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
@@ -199,7 +199,7 @@ const validateSendData = async (): Promise<void> => {
     .then((data) => {
       loadingLocal.value = false
 
-      !data && onHideModal()
+      !data && emits('update-vm')
     })
 }
 </script>

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

@@ -0,0 +1,487 @@
+<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"
+          @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"
+          :alert-messages="alertMessages[selectedStep.id]"
+          :messages-fields="selectedStep.fields"
+          :hosts="props.nfsHosts"
+        />
+
+        <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 type { UI_T_DatastoreType } from '~/components/common/wizards/datastoreNew/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
+  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 form = ref<UI_I_CreateDatastoreForm>({
+  name: '',
+  lunDisk: [],
+  hosts: props.hostId ? [props?.hostId] : [],
+  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, props.project, (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 checkSelectedLunDiskSync = (
+  localization: UI_I_Localization,
+  { lunDisk, name }: UI_I_CreateDatastoreForm,
+  wizard: Wizard,
+  value: UI_I_WizardStep[]
+): UI_I_ValidationReturn => {
+  let stepHasError = false
+
+  if (!lunDisk.length && name) {
+    stepHasError = wizard.setValidation(2, 'lunDisk', {
+      fieldMessage: '',
+      alertMessage: localization.selectDiskToContinueAlert,
+      // alertMessage: localization.selectHostToContinueAlert,
+    })
+  } else if (wizard.hasMessage(2, 'lunDisk')) {
+    value = wizard.removeValidation(2, 'lunDisk', 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 checkHostsAccessibilitySync = (
+  localization: UI_I_Localization,
+  hosts: any,
+  wizard: Wizard,
+  value: UI_I_WizardStep[]
+): UI_I_ValidationReturn => {
+  let stepHasError = false
+
+  if (!hosts.length) {
+    stepHasError = wizard.setValidation(6, 'hostsAccessibility', {
+      fieldMessage: '',
+      alertMessage: localization.selectLeastEntityContinue,
+    })
+  } else if (wizard.hasMessage(6, 'hostsAccessibility')) {
+    value = wizard.removeValidation(6, 'hostsAccessibility', 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
+
+    const lunDiskValidation = checkSelectedLunDiskSync(
+      localization.value,
+      form.value,
+      wizard,
+      value
+    )
+
+    value = lunDiskValidation.newValue
+
+    stepHasError = nameValidation.stepHasError || lunDiskValidation.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
+    )
+    value = folderValidation.newValue
+
+    const serverValidation = checkNfsServerSync(
+      localization.value,
+      form.value.server,
+      wizard,
+      value
+    )
+    value = serverValidation.newValue
+
+    stepHasError =
+      nameValidation.stepHasError ||
+      folderValidation.stepHasError ||
+      serverValidation.stepHasError
+  }
+
+  if (wizard.isValidateForStep(6, currentStep.id, nextStep.id)) {
+    const nameValidation = await checkHostsAccessibilitySync(
+      localization.value,
+      form.value.hosts,
+      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(
+  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)
+      }
+    }
+    if (props.project === 'sphere') {
+      if (newValue === 'shared-storm') {
+        wizard.changeScheme(3)
+      }
+
+      if (newValue === 'nfs') {
+        wizard.changeScheme(4)
+      }
+    }
+  },
+  { deep: true, immediate: true }
+)
+
+const dataReadyView = computed<UI_I_DetailsItem>(() =>
+  constructDataReadyViewFunc(
+    localization.value,
+    form.value,
+    props.project,
+    props.nfsHosts
+  )
+)
+
+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/steps.ts

@@ -0,0 +1,135 @@
+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.type,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'select-datastore-type',
+  },
+
+  {
+    id: 1,
+    title: localization.selectDatastoreName,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'select-datastore-name',
+  },
+  {
+    id: 2,
+    title: localization.nameAndDeviceSelection,
+    subTitle: localization.nameAndDeviceSelectionDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+      lunDisk: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'select-name-and-device-selection',
+  },
+
+  {
+    id: 3,
+    title: localization.partitionConfiguration,
+    subTitle: localization.partitionConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'select-partition-configuration',
+  },
+
+  {
+    id: 4,
+    title: localization.nfsVersion,
+    subTitle: localization.selectNfsVersion,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'select-nfs-version',
+  },
+  {
+    id: 5,
+    title: localization.nameAndConfiguration,
+    subTitle: localization.nameAndConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+      folder: {
+        alert: '',
+        field: '',
+      },
+      server: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'select-name-and-configuration',
+  },
+
+  {
+    id: 6,
+    title: localization.hostsAccessibility,
+    subTitle: localization.hostsAccessibilityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      hostsAccessibility: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'select-hosts-accessibility',
+  },
+
+  // { // TODO Пока что не будет чут попоже
+  //   id: 7,
+  //   title: localization.kerberosAuthentication,
+  //   subTitle: localization.kerberosAuthenticationDesc.replace(
+  //     '{0}',
+  //     'version'?.toUpperCase() || ''
+  //   ),
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'select-kerberos-authentication',
+  // },
+  {
+    id: 11,
+    title: localization.readyComplete,
+    subTitle: localization.readyCompleteDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  [0, 1, 11], // Procurator Scheme for "local" type
+  [0, 2, 3, 11], // Procurator Scheme for "shared-storm" type
+  [0, 4, 5, 11], // Procurator Scheme for "nfs" type
+  [0, 2, 11], // Sphere Scheme for "shared-storm" type
+  [0, 4, 5, 6, 11], // Sphere Scheme for "nfs" type
+]

package/components/common/wizards/datastoreNew/add/lib/models/enums.ts

@@ -0,0 +1,5 @@
+export enum E_DatastoreTypeKode {
+  local = 1,
+  'shared-storm' = 2,
+  nfs = 4,
+}

package/components/common/wizards/datastoreNew/add/lib/models/interfaces.ts

@@ -0,0 +1,12 @@
+import type { UI_T_NfsType } from '~/components/common/wizards/datastoreNew/add/lib/models/types'
+import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastoreNew/add/sharedStorm/deviceSelection/lib/models/interfaces'
+export interface UI_I_CreateDatastoreForm {
+  name: string
+  lunDisk: UI_I_CreateStorageLunDiskItem[]
+  nfsVersion: UI_T_NfsType
+  type_code: 1 | 2 | 4
+  readonly: boolean
+  server: string
+  folder: string
+  hosts?: string[]
+}