bfg-common 1.3.440 → 1.3.442

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

@@ -0,0 +1,191 @@
+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]
+}

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

@@ -0,0 +1,202 @@
+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: {},
+    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: {},
+    isValid: true,
+    testId: 'select-name-and-configuration',
+  },
+
+  {
+    id: 6,
+    title: localization.hostsAccessibility,
+    subTitle: localization.hostsAccessibilityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'select-hosts-accessibility',
+  },
+
+  // {
+  //   id: 1,
+  //   title: localization.selectTargetDevice,
+  //   subTitle: localization.selectTargetDeviceForNewConnection,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {
+  //     [UI_E_ValidationFields.TARGET_DEVICE_STANDARD_SWITCH]: {
+  //       alert: '',
+  //       field: '',
+  //     },
+  //     [UI_E_ValidationFields.TARGET_DEVICE_NETWORK]: {
+  //       alert: '',
+  //       field: '',
+  //     },
+  //     [UI_E_ValidationFields.TARGET_DEVICE_SWITCH]: {
+  //       alert: '',
+  //       field: '',
+  //     },
+  //     [UI_E_ValidationFields.TARGET_DEVICE_MTU]: {
+  //       alert: '',
+  //       field: '',
+  //     },
+  //   },
+  //   isValid: true,
+  //   testId: 'select-target-device',
+  // },
+  // {
+  //   id: 2,
+  //   title: localization.createStandardSwitch,
+  //   subTitle: localization.assignFreePhysicalNetworkAdaptersToTheNewSwitch,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'create-standard-switch',
+  // },
+  // {
+  //   id: 3,
+  //   title: localization.portProperties,
+  //   subTitle: localization.specifyVMkernelPortSettings,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {
+  //     [UI_E_ValidationFields.PORT_PROPERTIES_NETWORK]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //     [UI_E_ValidationFields.PORT_PROPERTIES_VLAN]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //     [UI_E_ValidationFields.PORT_PROPERTIES_MTU]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //   },
+  //   isValid: true,
+  //   testId: 'port-properties',
+  // },
+  // {
+  //   id: 4,
+  //   title: localization.ipV4Settings,
+  //   subTitle: localization.specifyVMkernelIPv4Settings,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {
+  //     [UI_E_ValidationFields.IPV_SETTINGS_IPV]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //     [UI_E_ValidationFields.IPV_SETTINGS_MASK]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //     [UI_E_ValidationFields.IPV_SETTINGS_GATEWAY]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //   },
+  //   isValid: true,
+  //   testId: 'ipv4-settings',
+  // },
+  // {
+  //   id: 5,
+  //   title: localization.connectionSettings,
+  //   subTitle:
+  //     localization.useNetworkLabelsToIdentifyMigrationCompatibleTwoHosts,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {
+  //     [UI_E_ValidationFields.CONNECTION_SETTINGS_NETWORK]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //     [UI_E_ValidationFields.CONNECTION_SETTINGS_VLAN]: {
+  //       field: '',
+  //       alert: '',
+  //     },
+  //   },
+  //   isValid: true,
+  //   testId: 'connection-settings',
+  // },
+  // {
+  //   id: 6,
+  //   title: localization.addPhysicalNetworkAdapter,
+  //   subTitle: localization.assignPhysicalNetworkAdaptersToTheSwitch,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'add-physical-network-adapter',
+  // },
+  {
+    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
+]

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

@@ -0,0 +1,38 @@
+import { UI_T_NfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
+
+// TODO refactoring
+export interface UI_I_NfsPoolNameForm<T = number> {
+  server: string
+  folder: string
+  version: T
+  readonly: boolean
+  hosts: string[]
+}
+export interface UI_I_CreateDatastoreBodyRequest {
+  name: string
+  pool_name: string
+  type_code: number
+}
+interface I_NfsForm extends UI_I_NfsPoolNameForm<UI_T_NfsType> {
+  name: string
+  type_code: number
+}
+interface I_SharedStorm extends UI_I_CreateDatastoreBodyRequest {
+  dev_names: string[]
+  hosts: string[]
+}
+
+export interface UI_I_CreateDatastoreForm {
+  local: {
+    name: string
+    hosts: string[]
+    type_code: number
+  }
+  sharedStorm: I_SharedStorm
+  nfs: I_NfsForm
+}
+
+export interface UI_I_CreateStorageUuid {
+  code: number
+  pool_name: string
+}

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

@@ -0,0 +1,14 @@
+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'
+
+// export type UI_T_WizardDatastoreMode = 'procurator' | 'sphere'
+
+// export interface UI_I_DatastoreValidityName {
+//   valid: boolean
+//   msg: any
+// }

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

@@ -0,0 +1,72 @@
+import { API_UI_I_Error } from '~/lib/models/store/interfaces'
+import {
+  // UI_I_DatastoreValidityName,
+  UI_T_WizardDatastoreMode,
+} from '~/components/common/wizards/datastoreNew/add/lib/models/types'
+// import {
+//   UI_I_CreateDatastoreBodyRequest,
+//   I_CreateStorageUuid,
+// } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+
+// type T_StoragePoolNameResult = {
+//   data: I_CreateStorageUuid
+//   msg: API_UI_I_Error
+// }
+
+// type T_NullableStoragePoolNameResult = {
+//   [K in keyof T_StoragePoolNameResult]: T_StoragePoolNameResult[K] | null
+// }
+
+export const checkValidityName = async (
+  name: string,
+  sendMessage: (message: string) => void,
+  mode: UI_T_WizardDatastoreMode = 'procurator'
+): Promise<void> => {
+  // TODO move to projects!!!
+
+  const kind = 10 // TODO move in global space
+  const url =
+    mode === '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',
+  })
+
+  if (error.value && error.value.data.error_code !== 0) {
+    const existError = error.value.data?.error_message || error.value.data
+    sendMessage(existError)
+    return
+    // return { valid: false, msg: existError }
+  }
+  sendMessage('')
+  // return { valid: true, msg: null }
+}
+
+// export const getStoragePoolName = async <T>(
+//   url: string,
+//   params: T
+// ): Promise<T_NullableStoragePoolNameResult> => {
+//   const { data, error } = await useMyFetch<I_CreateStorageUuid, API_UI_I_Error>(
+//     url,
+//     {
+//       method: 'POST',
+//       body: params,
+//     }
+//   )
+//
+//   if (error.value) return { data: null, msg: error.value }
+//
+//   return { data: data.value, msg: null }
+// }
+
+// export const createDatastore = async <T = UI_I_CreateDatastoreBodyRequest>(
+//   params: T
+// ): Promise<API_UI_I_Error> => {
+//   const { error } = await useMyFetch<any, API_UI_I_Error>('/api/v1/pn/ds', {
+//     method: 'POST',
+//     body: params,
+//   })
+//   return error.value
+// }

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

@@ -0,0 +1,44 @@
+<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'
+
+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<any>()
+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

@@ -0,0 +1,129 @@
+<template>
+  <div class="create-datastore-name">
+    <atoms-alert
+      v-show="props.alertMessages.length"
+      test-id="datastore-creat-name"
+      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.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 ng-star-inserted">
+          {{ 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_ValidationTouchResult } from '~/lib/models/plugins/validation/interfaces'
+import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_FormValidationDataStore } from '~/components/common/wizards/datastoreNew/add/sharedStorm/deviceSelection/lib/models/interfaces'
+import { defaultFormFunc } from '~/components/common/wizards/datastoreNew/add/local/createName/lib/config/defaultForm'
+
+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())
+const { $validation } = useNuxtApp()
+
+const validation = $validation.call({})
+const defaultForm: UI_I_FormValidationDataStore = defaultFormFunc(
+  localization.value
+)
+const form = ref<UI_I_FormValidationDataStore>(useDeepCopy(defaultForm))
+
+const setForm = () => {
+  form.value = useDeepCopy(defaultForm)
+  validation.setForm(form)
+}
+setForm()
+
+const validForm = ref<UI_I_ValidationTouchResult | null>(null)
+
+/* Validation for Name input */
+const isInitNameValidation = ref<boolean>(false)
+const initValidation = (onlyBlur = false): void => {
+  validForm.value = validation.touch()
+  onlyBlur && (isInitNameValidation.value = true)
+}
+const nameErrorText = computed<string>(() => {
+  if (props.messagesFields.datastoreName.field) {
+    return props.messagesFields.datastoreName.field
+  }
+
+  if (!isInitNameValidation.value) return ''
+  return validForm.value?.errors?.name?.[0] || ''
+})
+
+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>