bfg-common 1.2.112 → 1.2.113

package/components/common/wizards/vm/migrate/Migrate.vue

@@ -1,204 +1,204 @@
-<template>
-  <atoms-modal-by-steps
-    test-id="clone-vm-wizard"
-    :show="true"
-    :title="localization.migrate"
-    :step-items="stepItems"
-    :step-position="stepPosition"
-    :loading="loading"
-    class="migrate-vm"
-    @next="onNextStep"
-    @back="onBack"
-    @change-step="onChangeStep"
-    @finish="onFinish"
-    @hide="onHideModal"
-  >
-    <template #contentHeading><span /></template>
-    <template #modalBody="{ title, description }">
-      <div class="migrate-vm__wrapper">
-        <common-wizards-vm-migrate-content-heading
-          :title="title"
-          :description="description"
-        />
-
-        <div class="migrate-vm__headline"></div>
-        <common-wizards-vm-migrate-select-type
-          v-show="currentBlockId === 'select-migration-type'"
-          v-model="vmMigrateType"
-          :project="props.project"
-        />
-
-        <common-wizards-vm-migrate-select-storage
-          v-show="currentBlockId === 'select-storage'"
-          :submit="selectStorageSubmit"
-          :get-datastore-table-func="props.getDatastoreTableFunc"
-          :datastore="props.datastore"
-          :connected-storage-id="connectedStorageIdOnVm"
-          :configure-per-disks="props.configurePerDisks"
-          @next-step="onSelectStorageAndNext"
-        />
-      </div>
-
-      <common-wizards-vm-common-ready-complete
-        v-if="currentBlockId === 'ready-complete'"
-        :ready-complete-table-info="dataReadyView"
-      />
-    </template>
-  </atoms-modal-by-steps>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/models/interfaces'
-import type { UI_T_Project } from '~/models/types'
-import type { UI_I_TablePayload } from '~/models/store/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/models/store/storage/interfaces'
-import type { UI_I_VmSettings } from '~/models/store/vm/interfaces'
-import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
-import type { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
-import { UI_I_MigrateVerticalStepItem } from '~/components/common/wizards/vm/migrate/models/interfaces'
-import { stepItemsFunc } from '~/components/common/wizards/vm/migrate/utils'
-import { constructDataReadyViewFunc } from '~/components/common/wizards/vm/migrate/config/constructDataReady'
-
-const props = defineProps<{
-  project: UI_T_Project
-  vmSettings: UI_I_VmSettings | null
-  vmName: string
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-  readyCompleteTableInfo?: any // пока так потом если будет нужен изменит или удалить
-  finishFunc: any
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const stepPosition = ref<number>(0)
-const loading = ref<boolean>(false)
-
-const selectStorageSubmit = ref<number>(0)
-
-const vmMigrateType = ref<UI_T_VmMigrateType>(
-  props.project === 'procurator' ? 'storage' : 'resource'
-)
-const dataReadyView = ref<UI_I_TableInfoItem[]>([])
-
-const stepItems = computed<UI_I_MigrateVerticalStepItem[]>(() =>
-  stepItemsFunc(localization.value, vmMigrateType.value, props.project)
-)
-const currentBlockId = computed<string>(
-  () => stepItems.value[stepPosition.value].id
-)
-
-const connectedStorageIdOnVm = computed<string>(
-  () => props.vmSettings?.storage.id || ''
-)
-
-const onSelectStorageAndNext = (event: UI_I_SelectStorageReadyData): void => {
-  dataReadyView.value = constructDataReadyViewFunc<UI_I_SelectStorageReadyData>(
-    vmMigrateType.value,
-    props.vmName,
-    event
-  )
-
-  onNextStep(true)
-}
-const onFinish = (): void => {
-  loading.value = true
-  props.finishFunc().then(() => {
-    onHideModal()
-    loading.value = false
-  })
-}
-
-let cashStep = -1
-const onNextStep = (force = false): void => {
-  const isValid = checkSubmit(force)
-  if (!isValid) return
-
-  const isDisabled = stepItems.value[cashStep]?.disabled
-  if (cashStep !== -1 && !isDisabled) {
-    stepPosition.value = cashStep
-    cashStep = -1
-    return
-  }
-
-  stepItems.value[stepPosition.value].complete = true
-  stepItems.value[stepPosition.value + 1].disabled = false
-  stepPosition.value++
-}
-const checkSubmit = (force = false): boolean => {
-  if (currentBlockId.value === 'select-storage' && !force) {
-    selectStorageSubmit.value++
-    return false
-  }
-
-  return true
-}
-const onBack = (): void => {
-  stepPosition.value--
-}
-const onChangeStep = (key: number): void => {
-  if (key < stepPosition.value) {
-    stepPosition.value = key
-    return
-  }
-
-  const isValid = checkSubmit()
-  if (!isValid) {
-    cashStep = key
-    return
-  }
-
-  stepPosition.value = key
-}
-
-const onHideModal = (): void => {
-  emits('hide')
-}
-</script>
-
-<style scoped lang="scss">
-@import 'assets/scss/common/mixins.scss';
-.migrate-vm {
-  &__wrapper {
-    @include flex($dir: column);
-    //height: 100%;
-    padding-left: 10px;
-  }
-}
-
-:deep(.has-solid.close-icon.clr-icon) {
-  width: 20px;
-  top: 0;
-}
-:deep(.modal .modal-dialog .modal-content .modal-footer) {
-  flex: unset;
-  height: unset;
-  min-height: unset;
-}
-:deep(.wizard-modal-titlebar h3) {
-  color: #000;
-  font-size: 24px;
-  font-weight: 200;
-  line-height: 27px;
-  margin: 0;
-  padding: 0;
-}
-:deep(.clr-wizard-stepnav-item) {
-  padding-left: 0;
-}
-:deep(.clr-wizard-stepnav
-    .clr-wizard-stepnav-item
-    button
-    .clr-wizard-stepnav-link-title) {
-  width: 189px;
-  font-weight: 700;
-  font-size: 13px;
-}
-</style>
+<template>
+  <atoms-modal-by-steps
+    test-id="clone-vm-wizard"
+    :show="true"
+    :title="localization.migrate"
+    :step-items="stepItems"
+    :step-position="stepPosition"
+    :loading="loading"
+    class="migrate-vm"
+    @next="onNextStep"
+    @back="onBack"
+    @change-step="onChangeStep"
+    @finish="onFinish"
+    @hide="onHideModal"
+  >
+    <template #contentHeading><span /></template>
+    <template #modalBody="{ title, description }">
+      <div class="migrate-vm__wrapper">
+        <common-wizards-vm-migrate-content-heading
+          :title="title"
+          :description="description"
+        />
+
+        <div class="migrate-vm__headline"></div>
+        <common-wizards-vm-migrate-select-type
+          v-show="currentBlockId === 'select-migration-type'"
+          v-model="vmMigrateType"
+          :project="props.project"
+        />
+
+        <common-wizards-vm-migrate-select-storage
+          v-show="currentBlockId === 'select-storage'"
+          :submit="selectStorageSubmit"
+          :get-datastore-table-func="props.getDatastoreTableFunc"
+          :datastore="props.datastore"
+          :connected-storage-id="connectedStorageIdOnVm"
+          :configure-per-disks="props.configurePerDisks"
+          @next-step="onSelectStorageAndNext"
+        />
+      </div>
+
+      <common-wizards-vm-common-ready-complete
+        v-if="currentBlockId === 'ready-complete'"
+        :ready-complete-table-info="dataReadyView"
+      />
+    </template>
+  </atoms-modal-by-steps>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_T_Project } from '~/models/types'
+import type { UI_I_TablePayload } from '~/models/store/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/models/store/storage/interfaces'
+import type { UI_I_VmSettings } from '~/models/store/vm/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
+import type { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
+import { UI_I_MigrateVerticalStepItem } from '~/components/common/wizards/vm/migrate/models/interfaces'
+import { stepItemsFunc } from '~/components/common/wizards/vm/migrate/utils'
+import { constructDataReadyViewFunc } from '~/components/common/wizards/vm/migrate/config/constructDataReady'
+
+const props = defineProps<{
+  project: UI_T_Project
+  vmSettings: UI_I_VmSettings | null
+  vmName: string
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+  readyCompleteTableInfo?: any // пока так потом если будет нужен изменит или удалить
+  finishFunc: any
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const stepPosition = ref<number>(0)
+const loading = ref<boolean>(false)
+
+const selectStorageSubmit = ref<number>(0)
+
+const vmMigrateType = ref<UI_T_VmMigrateType>(
+  props.project === 'procurator' ? 'storage' : 'resource'
+)
+const dataReadyView = ref<UI_I_TableInfoItem[]>([])
+
+const stepItems = computed<UI_I_MigrateVerticalStepItem[]>(() =>
+  stepItemsFunc(localization.value, vmMigrateType.value, props.project)
+)
+const currentBlockId = computed<string>(
+  () => stepItems.value[stepPosition.value].id
+)
+
+const connectedStorageIdOnVm = computed<string>(
+  () => props.vmSettings?.storage.id || ''
+)
+
+const onSelectStorageAndNext = (event: UI_I_SelectStorageReadyData): void => {
+  dataReadyView.value = constructDataReadyViewFunc<UI_I_SelectStorageReadyData>(
+    vmMigrateType.value,
+    props.vmName,
+    event
+  )
+
+  onNextStep(true)
+}
+const onFinish = (): void => {
+  loading.value = true
+  props.finishFunc().then(() => {
+    onHideModal()
+    loading.value = false
+  })
+}
+
+let cashStep = -1
+const onNextStep = (force = false): void => {
+  const isValid = checkSubmit(force)
+  if (!isValid) return
+
+  const isDisabled = stepItems.value[cashStep]?.disabled
+  if (cashStep !== -1 && !isDisabled) {
+    stepPosition.value = cashStep
+    cashStep = -1
+    return
+  }
+
+  stepItems.value[stepPosition.value].complete = true
+  stepItems.value[stepPosition.value + 1].disabled = false
+  stepPosition.value++
+}
+const checkSubmit = (force = false): boolean => {
+  if (currentBlockId.value === 'select-storage' && !force) {
+    selectStorageSubmit.value++
+    return false
+  }
+
+  return true
+}
+const onBack = (): void => {
+  stepPosition.value--
+}
+const onChangeStep = (key: number): void => {
+  if (key < stepPosition.value) {
+    stepPosition.value = key
+    return
+  }
+
+  const isValid = checkSubmit()
+  if (!isValid) {
+    cashStep = key
+    return
+  }
+
+  stepPosition.value = key
+}
+
+const onHideModal = (): void => {
+  emits('hide')
+}
+</script>
+
+<style scoped lang="scss">
+@import 'assets/scss/common/mixins.scss';
+.migrate-vm {
+  &__wrapper {
+    @include flex($dir: column);
+    //height: 100%;
+    padding-left: 10px;
+  }
+}
+
+:deep(.has-solid.close-icon.clr-icon) {
+  width: 20px;
+  top: 0;
+}
+:deep(.modal .modal-dialog .modal-content .modal-footer) {
+  flex: unset;
+  height: unset;
+  min-height: unset;
+}
+:deep(.wizard-modal-titlebar h3) {
+  color: #000;
+  font-size: 24px;
+  font-weight: 200;
+  line-height: 27px;
+  margin: 0;
+  padding: 0;
+}
+:deep(.clr-wizard-stepnav-item) {
+  padding-left: 0;
+}
+:deep(.clr-wizard-stepnav
+    .clr-wizard-stepnav-item
+    button
+    .clr-wizard-stepnav-link-title) {
+  width: 189px;
+  font-weight: 700;
+  font-size: 13px;
+}
+</style>

package/components/common/wizards/vm/migrate/config/constructDataReady.ts

@@ -1,82 +1,82 @@
-import type { UI_I_Localization } from '~/models/interfaces'
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
-import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
-import { UI_E_VmMigrationType } from '~/components/common/wizards/vm/migrate/models/enums'
-import { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/models/interfaces'
-import { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
-import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/config/formatOptions'
-
-const storageDetailsFunc = (
-  localization: UI_I_Localization,
-  migrationType: string,
-  name: string,
-  event: UI_I_SelectStorageReadyData
-): UI_I_MigrateReadyBlockData[] => {
-  const isActivePerDiskTab: boolean = event.tab === 'configure-disk'
-
-  const diskFormat = vmDiskFormatOptions().find(
-    (file) => file.value === event.vmDiskFormat
-  )!
-
-  let result: UI_I_MigrateReadyBlockData[] = [
-    {
-      label: localization.migrationType,
-      value: migrationType,
-      permissions: ['batch-configure', 'configure-disk'],
-    },
-    {
-      label: localization.virtualMachine,
-      value: name,
-      permissions: ['batch-configure', 'configure-disk'],
-    },
-    {
-      label: localization.storage,
-      value: event.storage?.name,
-      permissions: ['batch-configure'],
-    },
-    {
-      label: localization.diskFormat,
-      value: diskFormat.text,
-      permissions: ['batch-configure'],
-    },
-    {
-      label: localization.diskFormat,
-      value: diskFormat.text,
-      permissions: ['configure-disk'],
-    },
-  ]
-
-  if (isActivePerDiskTab && event.configureDisks) {
-    const perDiskItems: UI_I_MigrateReadyBlockData[] = event.configureDisks.map(
-      (item) => ({
-        label: item.name,
-        value: `${item.file} ${item.disk_format}`,
-        permissions: ['configure-disk'],
-        isProperty: true,
-      })
-    )
-    result = result.concat(perDiskItems)
-  }
-
-  return result.filter((option) => option.permissions.includes(event.tab))
-}
-export const constructDataReadyViewFunc = <T>(
-  type: UI_T_VmMigrateType,
-  name: string,
-  data: T
-): UI_I_TableInfoItem[] => {
-  const localization: UI_I_Localization = useLocal()
-
-  const details = {
-    storage: storageDetailsFunc,
-  }
-
-  const migrationType = localization[UI_E_VmMigrationType[type]]
-
-  return details[type as keyof typeof details](
-    localization,
-    migrationType,
-    name,
-    data
-  )
-}
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/models/interfaces'
+import type { UI_T_VmMigrateType } from '~/components/common/wizards/vm/migrate/models/types'
+import { UI_E_VmMigrationType } from '~/components/common/wizards/vm/migrate/models/enums'
+import { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/models/interfaces'
+import { UI_I_SelectStorageReadyData } from '~/components/common/wizards/vm/migrate/select/storage/models/interfaces'
+import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/config/formatOptions'
+
+const storageDetailsFunc = (
+  localization: UI_I_Localization,
+  migrationType: string,
+  name: string,
+  event: UI_I_SelectStorageReadyData
+): UI_I_MigrateReadyBlockData[] => {
+  const isActivePerDiskTab: boolean = event.tab === 'configure-disk'
+
+  const diskFormat = vmDiskFormatOptions().find(
+    (file) => file.value === event.vmDiskFormat
+  )!
+
+  let result: UI_I_MigrateReadyBlockData[] = [
+    {
+      label: localization.migrationType,
+      value: migrationType,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.virtualMachine,
+      value: name,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.storage,
+      value: event.storage?.name,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: localization.diskFormat,
+      value: diskFormat.text,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: localization.diskFormat,
+      value: diskFormat.text,
+      permissions: ['configure-disk'],
+    },
+  ]
+
+  if (isActivePerDiskTab && event.configureDisks) {
+    const perDiskItems: UI_I_MigrateReadyBlockData[] = event.configureDisks.map(
+      (item) => ({
+        label: item.name,
+        value: `${item.file} ${item.disk_format}`,
+        permissions: ['configure-disk'],
+        isProperty: true,
+      })
+    )
+    result = result.concat(perDiskItems)
+  }
+
+  return result.filter((option) => option.permissions.includes(event.tab))
+}
+export const constructDataReadyViewFunc = <T>(
+  type: UI_T_VmMigrateType,
+  name: string,
+  data: T
+): UI_I_TableInfoItem[] => {
+  const localization: UI_I_Localization = useLocal()
+
+  const details = {
+    storage: storageDetailsFunc,
+  }
+
+  const migrationType = localization[UI_E_VmMigrationType[type]]
+
+  return details[type as keyof typeof details](
+    localization,
+    migrationType,
+    name,
+    data
+  )
+}