bfg-common 1.4.58 → 1.4.60

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

@@ -1,307 +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"
-          v-model:datastore-type="datastoreType"
-          :project="props.project"
-        />
-
-        <common-wizards-datastore-new-add-local
-          v-if="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"
-          :hosts="props.nfsHosts"
-          :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,
-} 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_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastoreNew/add/nfs/accessibility/tablesView/lib/models/interfaces'
-import type { UI_I_ChangeStepsSchemes } from '~/components/common/wizards/datastoreNew/add/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 * as validation from '~/components/common/wizards/datastoreNew/add/lib/validations'
-
-const props = defineProps<{
-  project: UI_T_Project
-  nfsHosts?: UI_I_CreateDatastoreHosts
-  hostId?: string
-  isMainFilter?: boolean
-}>()
-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 datastoreType = ref<UI_T_DatastoreType>('shared-storm')
-const form = ref<UI_I_CreateDatastoreForm>({
-  name: 'Datastore',
-  lunDisk: [],
-  hosts: props.hostId ? [props?.hostId] : [],
-  type_code: E_DatastoreTypeKode[datastoreType.value],
-  nfsVersion: 'nfs-3',
-  readonly: false,
-  server: '',
-  folder: '',
-})
-
-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 validation.checkDatastoreNameAsync(
-      localization.value,
-      value,
-      form.value,
-      1,
-      'datastoreName',
-      wizard,
-      props.project
-    )
-
-    value = nameValidation.newValue
-
-    stepHasError = nameValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(2, currentStep.id, nextStep.id)) {
-    const nameValidation = await validation.checkDatastoreNameAsync(
-      localization.value,
-      value,
-      form.value,
-      2,
-      'datastoreName',
-      wizard,
-      props.project
-    )
-
-    value = nameValidation.newValue
-
-    const lunDiskValidation = validation.checkSelectedLunDiskSync(
-      localization.value,
-      form.value,
-      wizard,
-      value,
-      props.project,
-      props.hostId
-    )
-
-    value = lunDiskValidation.newValue
-
-    stepHasError = nameValidation.stepHasError || lunDiskValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(5, currentStep.id, nextStep.id)) {
-    const nameValidation = await validation.checkDatastoreNameAsync(
-      localization.value,
-      value,
-      form.value,
-      5,
-      'name',
-      wizard,
-      props.project
-    )
-    value = nameValidation.newValue
-
-    const folderValidation = validation.checkNfsFolderSync(
-      localization.value,
-      form.value.folder,
-      wizard,
-      value
-    )
-    value = folderValidation.newValue
-
-    const serverValidation = validation.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 validation.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) => {
-    const schemes: UI_I_ChangeStepsSchemes = {
-      procurator: {
-        local: 0,
-        'shared-storm': 1,
-        nfs: 2,
-      },
-      sphere: {
-        'shared-storm': 3,
-        nfs: 4,
-      },
-    }
-
-    const projectSchemes = schemes[props.project]
-
-    if (projectSchemes && projectSchemes[newValue] !== undefined) {
-      wizard.changeScheme(projectSchemes[newValue] as number)
-    }
-  },
-  { 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/models/interfaces.ts

@@ -1,19 +0,0 @@
-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'
-import type { UI_T_DatastoreType } from '~/components/common/wizards/datastoreNew/add/lib/models/types'
-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[]
-}
-
-export interface UI_I_ChangeStepsSchemes {
-  [key: string]: {
-    [key in UI_T_DatastoreType]?: number
-  }
-}

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

@@ -1,7 +0,0 @@
-export type UI_T_DatastoreType = 'local' | 'shared-storm' | 'nfs'
-export type UI_T_NfsType = 'nfs-3' | 'nfs-4.1'
-export type UI_T_VmfsType = 'vmfs-6' | 'vmfs-5'
-export type UI_T_KerberosAuthentication =
-  | 'dont-use'
-  | 'use-only-krb5'
-  | 'use-integrity'

package/components/common/wizards/datastoreNew/add/lib/utils.ts

@@ -1,64 +0,0 @@
-import type { API_UI_I_Error } from '~/lib/models/store/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import Wizard from '~/components/atoms/wizard/lib/utils/utils'
-
-export const checkValidityName = async (
-  name: string,
-  wizard: Wizard,
-  project: UI_T_Project,
-  sendMessage: (message: string) => void
-): Promise<void> => {
-  // TODO move to projects!!!
-
-  wizard.setLoader(true)
-  const kind = 10 // TODO move in global space
-  const url =
-    project === 'procurator'
-      ? `/ui/ds/validate?name=${name}`
-      : `/ui/object/validate_name?name=${name}&kind=${kind}`
-  // @ts-ignore
-  const { error } = await useMyFetch<null, API_UI_I_Error>(url, {
-    method: 'GET',
-  })
-  wizard.setLoader(false)
-
-  if (error.value && error.value.data.error_code !== 0) {
-    const existError = error.value.data?.error_message || error.value.data
-    sendMessage(existError)
-    return
-  }
-  sendMessage('')
-}
-
-export const validateNameAndGenerateDataId = (
-  name: string,
-  _errorMessage: string,
-  defaultDataId?: string
-): string => {
-  let baseDataId = defaultDataId || 'storage-name-alert-error'
-
-  const patterns = [
-    {
-      regex: /^[a-zA-Z0-9_\-\.]+$/,
-      error_message:
-        /invalid name, must only contain letters, numbers, and '_', '-' '.' symbols/,
-      suffix: '-invalid-name-symbols',
-    },
-    {
-      regex: /^.{3,64}$/,
-      error_message:
-        /invalid name length, must be between: \d+ and \d+ characters/,
-      suffix: '-invalid-name-length',
-    },
-  ]
-
-  // Проверка error_message на соответствие шаблонам
-
-  for (const pattern of patterns) {
-    if (!pattern.regex.test(name)) {
-      return `${baseDataId}${pattern.suffix}`
-    }
-  }
-
-  return baseDataId
-}

package/components/common/wizards/datastoreNew/add/local/Local.vue

@@ -1,45 +0,0 @@
-<template>
-  <div class="local-step">
-    <common-wizards-datastore-new-add-local-create-name
-      v-if="isShowCreateLocalNameBlock"
-      v-model="model.name"
-      :alert-messages="props.alertMessages"
-      :messages-fields="props.messagesFields"
-      @hide-alert="(e) => emits('hide-alert', e)"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
-import type { UI_T_DatastoreType } from '~/components/common/wizards/datastore/add/lib/models/types'
-import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastoreNew/add/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  stepId: number
-  datastoreType: UI_T_DatastoreType
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-}>()
-const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const isShowCreateLocalNameBlock = computed<boolean>(
-  () => props.project === 'procurator' && props.stepId === 1
-)
-</script>
-
-<style lang="scss" scoped>
-.local-step {
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-  overflow-x: hidden;
-  height: 100%;
-}
-</style>

package/components/common/wizards/datastoreNew/add/local/createName/CreateName.vue

@@ -1,116 +0,0 @@
-<template>
-  <div class="create-datastore-name">
-    <atoms-alert
-      v-show="props.alertMessages.length"
-      test-id="create-storage-name-alert-error"
-      status="alert-danger"
-      :items="props.alertMessages"
-      @remove="onHideAlert"
-    />
-
-    <div class="clr-form-control clr-row">
-      <label for="datastore-name" class="clr-control-label clr-col-md-2">
-        {{ localization.common.datastoreName }}
-      </label>
-
-      <div class="clr-control-container" :class="nameErrorText && 'clr-error'">
-        <div class="flex-align-center">
-          <input
-            id="datastore-name"
-            v-model.trim="createDatastoreNameLocal"
-            data-id="datastore-name-input"
-            type="text"
-            class="clr-input"
-            @blur="initValidation(true)"
-            @input="initValidation(false)"
-          />
-          <atoms-the-icon class="error-icon" name="info-circle" />
-        </div>
-
-        <div class="clr-subtext" data-id="local-datastore-name-field-require">
-          {{ nameErrorText }}
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_Localization,
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
-import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-
-const props = defineProps<{
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-}>()
-const createDatastoreNameLocal = defineModel<string>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-/* Validation for Name input */
-const isInitNameValidation = ref<boolean>(false)
-const initValidation = (onlyBlur = false): void => {
-  onlyBlur && (isInitNameValidation.value = true)
-}
-
-const nameErrorText = computed<string>(() => {
-  if (
-    props.messagesFields?.datastoreName?.field &&
-    !createDatastoreNameLocal.value
-  ) {
-    return props.messagesFields.datastoreName.field
-  }
-
-  if (!isInitNameValidation.value) return ''
-  return !createDatastoreNameLocal.value
-    ? localization.value.common.specifyDatastoreName
-    : ''
-})
-
-const onHideAlert = (): void => {
-  emits('hide-alert', 1)
-}
-</script>
-
-<style lang="scss" scoped>
-.create-datastore-name {
-  &__alert-info {
-    :deep(.alert-text) {
-      font-size: 11px;
-      letter-spacing: normal;
-    }
-  }
-  .clr-form-control {
-    display: flex;
-    flex-direction: row;
-
-    .clr-control-container {
-      min-height: 48px;
-      input {
-        width: 375px;
-      }
-      &.clr-error {
-        .clr-subtext,
-        .error-icon {
-          display: block;
-        }
-      }
-      .clr-subtext,
-      .error-icon {
-        display: none;
-      }
-      .error-icon {
-        fill: #db2100;
-        width: 24px;
-        height: 24px;
-      }
-    }
-  }
-}
-</style>

package/components/common/wizards/datastoreNew/add/nfs/Nfs.vue

@@ -1,63 +0,0 @@
-<template>
-  <div class="nfs-container">
-    <common-wizards-datastore-new-add-nfs-version
-      v-if="props.stepId === 4"
-      v-model="model.nfsVersion"
-    />
-
-    <common-wizards-datastore-new-add-nfs-configuration
-      v-show="props.stepId === 5"
-      v-model="model"
-      :project="props.project"
-      :alert-messages="props.alertMessages"
-      :messages-fields="props.messagesFields"
-      @hide-alert="(e) => emits('hide-alert', e)"
-    />
-
-    <common-wizards-datastore-new-add-nfs-accessibility
-      v-if="showHostAccessibility"
-      v-model="model.hosts"
-      :alert-messages="props.alertMessages"
-      :hosts="props.hosts"
-      @hide-alert="(e) => emits('hide-alert', e)"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_Localization,
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastoreNew/add/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  stepId: number
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-  hosts?: any
-}>()
-const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const showHostAccessibility = computed<boolean>(() => {
-  return props.project === 'sphere' && props.stepId === 6
-})
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.nfs-container {
-  @include flex($dir: column);
-  height: inherit;
-  &__desc {
-  }
-}
-</style>

package/components/common/wizards/datastoreNew/add/nfs/_kerberosAuthentication/lib/config/radioOptions.ts

@@ -1,27 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-
-export const kerberosOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: localization.common.dontUseKerberosAuthentication,
-      value: 'dont-use',
-      disabled: false,
-      testId: 'dont-use-value',
-    },
-    {
-      label: localization.common.useKerberosAuthenticationKrb5,
-      value: 'use-only-krb5',
-      disabled: false,
-      testId: 'use-only-krb5-value',
-    },
-    {
-      label: localization.common.useKerberosAuthenticationIntegrity,
-      value: 'use-integrity',
-      disabled: false,
-      testId: 'use-integrity-value',
-    },
-  ]
-}