bfg-common 1.4.855 → 1.4.857

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

@@ -1,210 +1,220 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
-import type { UI_I_MigrateFormLocal } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
-import { UI_E_VmMigrationType } from '~/components/common/wizards/vm/migrate/lib/models/enums'
-import { UI_E_SelectStorageDiskFormat } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/enums'
-import { virtualDiskFormatOptionsFunc } from '~/components/common/wizards/vm/migrate/select/storage/configure/batch/config/virtualDiskFormat'
-const migrateOnlyStorageDataView = (
-  localization: UI_I_Localization,
-  form: UI_I_MigrateFormLocal,
-  vmName: string
-): UI_I_MigrateReadyBlockData[] => {
-  const { disk_format, configure, storage } = form
-
-  const isActivePerDiskTab: boolean = configure.type === 'configure-disk'
-
-  const diskFormat = virtualDiskFormatOptionsFunc().find(
-    (file) => file.value === disk_format
-  )!
-
-  let storageResult: UI_I_MigrateReadyBlockData[] = [
-    {
-      label: localization.common.storage,
-      value: storage?.name,
-      permissions: ['batch-configure'],
-    },
-    {
-      label: localization.common.diskFormat,
-      value: diskFormat.label,
-      permissions: ['batch-configure'],
-    },
-    {
-      label: vmName,
-      value: '',
-      permissions: ['configure-disk'],
-    },
-  ]
-
-  if (isActivePerDiskTab && configure.disks) {
-    const perDiskItems: UI_I_MigrateReadyBlockData[] = configure.disks.map(
-      (disk) => {
-        const isConfigurationFile = disk.file === 'Configuration file'
-        const diskFormat = UI_E_SelectStorageDiskFormat[disk.disk_format]
-
-        const text = isConfigurationFile
-          ? disk.storage
-          : `${disk.storage} (${diskFormat})`
-
-        return {
-          label: disk.file,
-          value: text,
-          permissions: ['configure-disk'],
-          isProperty: true,
-        }
-      }
-    )
-    storageResult = [...storageResult, ...perDiskItems]
-  }
-
-  return storageResult.filter(
-    (option) =>
-      !option.permissions.length || option.permissions.includes(configure.type)
-  )
-}
-
-const setSelectNetworkDataView = (
-  localization: UI_I_Localization,
-  from: UI_I_MigrateFormLocal
-): string => {
-  const {
-    noNetworkReassignments,
-    // networkAdapterReassignedNewDestination,
-    networkAdapterWillBeReassignedTo,
-  } = localization.common
-
-  const { data } = from.network
-  const { sourceNetwork, value } = data
-
-  if (sourceNetwork === value) {
-    return noNetworkReassignments
-  }
-
-  type Replacements = {
-    lan: string
-    network: string
-  }
-
-  const replacements: Replacements = {
-    lan: sourceNetwork,
-    network: value,
-  }
-  return networkAdapterWillBeReassignedTo.replace(
-    /{(\w+)}/g,
-    (_, key: keyof Replacements) => replacements[key]
-  )
-  // return networkAdapterReassignedNewDestination.replace('{number}', '1')
-}
-
-const storageDetailsFunc = (
-  localization: UI_I_Localization,
-  name: string,
-  form: UI_I_MigrateFormLocal
-): UI_I_MigrateReadyBlockData[] => {
-  const { migrate_type, vMotion_priority, resource } = form
-
-  const migrationType = localization.common[UI_E_VmMigrationType[migrate_type]]
-
-  let result: UI_I_MigrateReadyBlockData[] = [
-    {
-      label: localization.common.migrationType,
-      value: migrationType,
-      permissions: ['batch-configure', 'configure-disk'],
-    },
-    {
-      label: localization.common.virtualMachine,
-      value: name,
-      permissions: ['batch-configure', 'configure-disk'],
-    },
-  ]
-
-  if (migrate_type === 'resource') {
-    const resourceResult = [
-      {
-        label: localization.common.vMotionPriority,
-        value: localization.common[vMotion_priority],
-        permissions: [],
-      },
-      {
-        label: localization.common.networks,
-        value: setSelectNetworkDataView(localization, form),
-        permissions: [],
-      },
-    ]
-    Object.entries(resource).forEach(([key, value]) => {
-      if (value !== null) {
-        resourceResult.unshift({
-          label: localization.common[key],
-          value: value.name,
-          permissions: [],
-        })
-      }
-    })
-    result = [...result, ...resourceResult]
-  }
-
-  if (migrate_type === 'storage') {
-    const storageData = migrateOnlyStorageDataView(localization, form, name)
-    result = [...result, ...storageData]
-  }
-
-  if (migrate_type === 'resource-storage') {
-    const resourceStorageResult = [
-      {
-        label: localization.common.host,
-        value: '', //selectedComputeResource.selectedNode.name,
-        permissions: [],
-      },
-      {
-        label: localization.common.vMotionPriority,
-        value: localization.common[vMotion_priority],
-        permissions: [],
-      },
-      {
-        label: localization.common.networks,
-        value: setSelectNetworkDataView(localization, form),
-        permissions: [],
-      },
-    ]
-    const storageResult = migrateOnlyStorageDataView(localization, form, name)
-
-    result = [...result, ...resourceStorageResult, ...storageResult]
-  }
-
-  if (migrate_type === 'server') {
-    const serverResult = [
-      {
-        label: localization.common.vMotionPriority,
-        value: localization.common[vMotion_priority],
-        permissions: [],
-      },
-      {
-        label: localization.common.networks,
-        value: setSelectNetworkDataView(localization, form),
-        permissions: [],
-      },
-    ]
-    Object.entries(resource).forEach(([key, value]) => {
-      if (value !== null) {
-        serverResult.unshift({
-          label: localization.common[key],
-          value: value.name,
-          permissions: [],
-        })
-      }
-    })
-
-    const storageResult = migrateOnlyStorageDataView(localization, form, name)
-
-    result = [...result, ...serverResult, ...storageResult]
-  }
-
-  return result
-}
-export const constructDataReadyViewFunc = (
-  name: string,
-  data: UI_I_MigrateFormLocal
-): UI_I_MigrateReadyBlockData[] => {
-  const localization: UI_I_Localization = useLocal()
-
-  return storageDetailsFunc(localization, name, data)
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_MigrateReadyBlockData } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
+import type { UI_I_MigrateFormLocal } from '~/components/common/wizards/vm/migrate/lib/models/interfaces'
+import {
+  UI_E_VmMigrationStrategy,
+  UI_E_VmMigrationType,
+} from '~/components/common/wizards/vm/migrate/lib/models/enums'
+import { UI_E_SelectStorageDiskFormat } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/enums'
+import { virtualDiskFormatOptionsFunc } from '~/components/common/wizards/vm/migrate/select/storage/configure/batch/config/virtualDiskFormat'
+const migrateOnlyStorageDataView = (
+  localization: UI_I_Localization,
+  form: UI_I_MigrateFormLocal,
+  vmName: string
+): UI_I_MigrateReadyBlockData[] => {
+  const { disk_format, configure, storage } = form
+
+  const isActivePerDiskTab: boolean = configure.type === 'configure-disk'
+
+  const diskFormat = virtualDiskFormatOptionsFunc().find(
+    (file) => file.value === disk_format
+  )!
+
+  let storageResult: UI_I_MigrateReadyBlockData[] = [
+    {
+      label: localization.common.storage,
+      value: storage?.name,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: localization.common.diskFormat,
+      value: diskFormat.label,
+      permissions: ['batch-configure'],
+    },
+    {
+      label: vmName,
+      value: '',
+      permissions: ['configure-disk'],
+    },
+  ]
+
+  if (isActivePerDiskTab && configure.disks) {
+    const perDiskItems: UI_I_MigrateReadyBlockData[] = configure.disks.map(
+      (disk) => {
+        const isConfigurationFile = disk.file === 'Configuration file'
+        const diskFormat = UI_E_SelectStorageDiskFormat[disk.disk_format]
+
+        const text = isConfigurationFile
+          ? disk.storage
+          : `${disk.storage} (${diskFormat})`
+
+        return {
+          label: disk.file,
+          value: text,
+          permissions: ['configure-disk'],
+          isProperty: true,
+        }
+      }
+    )
+    storageResult = [...storageResult, ...perDiskItems]
+  }
+
+  return storageResult.filter(
+    (option) =>
+      !option.permissions.length || option.permissions.includes(configure.type)
+  )
+}
+
+const setSelectNetworkDataView = (
+  _localization: UI_I_Localization,
+  from: UI_I_MigrateFormLocal
+): string => {
+  const result = []
+  for (const key in from.network) {
+    result.push(`${key}: ${from.network[key]}`)
+  }
+  return result.join(', ')
+  // const {
+  //   noNetworkReassignments,
+  //   // networkAdapterReassignedNewDestination,
+  //   networkAdapterWillBeReassignedTo,
+  // } = localization.common
+  //
+  // const { data } = from.network
+  // const { sourceNetwork, value } = data
+  //
+  // if (sourceNetwork === value) {
+  //   return noNetworkReassignments
+  // }
+  //
+  // type Replacements = {
+  //   lan: string
+  //   network: string
+  // }
+  //
+  // const replacements: Replacements = {
+  //   lan: sourceNetwork,
+  //   network: value,
+  // }
+  // return networkAdapterWillBeReassignedTo.replace(
+  //   /{(\w+)}/g,
+  //   (_, key: keyof Replacements) => replacements[key]
+  // )
+
+  // return networkAdapterReassignedNewDestination.replace('{number}', '1')
+}
+
+const storageDetailsFunc = (
+  localization: UI_I_Localization,
+  name: string,
+  form: UI_I_MigrateFormLocal
+): UI_I_MigrateReadyBlockData[] => {
+  const { migrate_type, vMotion_priority, resource } = form
+
+  const migrationType = localization.common[UI_E_VmMigrationType[migrate_type]]
+
+  let result: UI_I_MigrateReadyBlockData[] = [
+    {
+      label: localization.common.migrationType,
+      value: migrationType,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+    {
+      label: localization.common.virtualMachine,
+      value: name,
+      permissions: ['batch-configure', 'configure-disk'],
+    },
+  ]
+
+  if (migrate_type === 'resource') {
+    const resourceResult = [
+      {
+        label: localization.common.networks,
+        value: setSelectNetworkDataView(localization, form),
+        permissions: [],
+      },
+      {
+        label: localization.migrateVm.migrationStrategy,
+        value:
+          localization.migrateVm[UI_E_VmMigrationStrategy[vMotion_priority]],
+        permissions: [],
+      },
+    ]
+    Object.entries(resource).forEach(([key, value]) => {
+      if (value !== null) {
+        resourceResult.unshift({
+          label: localization.common[key],
+          value: value.name,
+          permissions: [],
+        })
+      }
+    })
+    result = [...result, ...resourceResult]
+  }
+
+  if (migrate_type === 'storage') {
+    const storageData = migrateOnlyStorageDataView(localization, form, name)
+    result = [...result, ...storageData]
+  }
+
+  if (migrate_type === 'resource-storage') {
+    const resourceStorageResult = [
+      {
+        label: localization.common.host,
+        value: '', //selectedComputeResource.selectedNode.name,
+        permissions: [],
+      },
+      {
+        label: localization.migrateVm.migrationStrategy,
+        value: localization.migrateVm[UI_E_VmMigrationStrategy[vMotion_priority]],
+        permissions: [],
+      },
+      {
+        label: localization.common.networks,
+        value: setSelectNetworkDataView(localization, form),
+        permissions: [],
+      },
+    ]
+    const storageResult = migrateOnlyStorageDataView(localization, form, name)
+
+    result = [...result, ...resourceStorageResult, ...storageResult]
+  }
+
+  if (migrate_type === 'server') {
+    const serverResult = [
+      {
+        label: localization.migrateVm.migrationStrategy,
+        value: localization.migrateVm[UI_E_VmMigrationStrategy[vMotion_priority]],
+        permissions: [],
+      },
+      {
+        label: localization.common.networks,
+        value: setSelectNetworkDataView(localization, form),
+        permissions: [],
+      },
+    ]
+    Object.entries(resource).forEach(([key, value]) => {
+      if (value !== null) {
+        serverResult.unshift({
+          label: localization.common[key],
+          value: value.name,
+          permissions: [],
+        })
+      }
+    })
+
+    const storageResult = migrateOnlyStorageDataView(localization, form, name)
+
+    result = [...result, ...serverResult, ...storageResult]
+  }
+
+  return result
+}
+export const constructDataReadyViewFunc = (
+  name: string,
+  data: UI_I_MigrateFormLocal
+): UI_I_MigrateReadyBlockData[] => {
+  const localization: UI_I_Localization = useLocal()
+
+  return storageDetailsFunc(localization, name, data)
+}

package/components/common/wizards/vm/migrate/lib/config/steps.ts

@@ -79,7 +79,7 @@ export const stepsFunc = (
     },
     {
       id: 6,
-      title: localization.common.selectVMotionPriority,
+      title: localization.migrateVm.migrationStrategy,
       subTitle: localization.common.selectVMotionPriorityDesc,
       status: UI_E_WIZARD_STATUS.INACTIVE,
       fields: {},

package/components/common/wizards/vm/migrate/lib/models/enums.ts

@@ -4,3 +4,9 @@ export enum UI_E_VmMigrationType {
   'resource-storage' = 'changeComputeResourceAndStorage',
   server = '',
 }
+
+export enum UI_E_VmMigrationStrategy {
+  live = 'liveMigration',
+  'ram-suspend' = 'ramSuspendMigration',
+  offline = 'offlineMigration',
+}

package/components/common/wizards/vm/migrate/select/network/Network.vue

@@ -1,100 +1,103 @@
-<template>
-  <div class="select-network">
-    <div class="select-network__text">
-      {{ selectNetworkHeadline }}
-    </div>
-
-    <common-wizards-vm-migrate-select-network-table-network
-      v-model="selectedSourceNetwork"
-      :networks="dataNetwork"
-      :source-networks="sourceNetworks"
-      @select-network="onSelectNetwork"
-    />
-
-    <common-wizards-vm-common-validation-compatibility
-      :loading="false"
-      status="Success"
-      text="compatibilityChecksSucceeded"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type { UI_I_SelectNetworksFormLocal } from '~/components/common/wizards/vm/migrate/select/network/lib/models/interfaces'
-
-const model = defineModel<UI_I_SelectNetworksFormLocal>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const selectedSourceNetwork = ref<string | null>(null)
-
-const selectNetworkHeadline = computed<string>(() => {
-  const { migrateNetworkingForAllAdapters, migrateNetworkingForEachAdapters } =
-    localization.value.common
-
-  return model.value.isBasicNetworkMode
-    ? migrateNetworkingForAllAdapters
-    : migrateNetworkingForEachAdapters
-})
-
-// TODO эти данные бутут приходить из апи все надо поменять
-const sourceNetworks = computed<UI_I_NetworkTableItem[]>(() => [
-  {
-    id: 1,
-    name: 'VM Network 1',
-    net_bridge: 'VM Network 1',
-  },
-  {
-    id: 2,
-    name: 'VM-VLAN105',
-    net_bridge: 'VM-VLAN105',
-  },
-  {
-    id: 3,
-    name: 'VM Network 2',
-    net_bridge: 'VM Network 2',
-  },
-])
-
-const dataNetwork = computed(() => {
-  // TODO надо потом все поменять когда будет заприсы
-  return [
-    {
-      vm_name: 'vm-horizon-1',
-      network_adapter: 'Network adapter 1',
-      source_network: 'VM-VLAN105',
-      used_by: '1 VMs / 1 Network adapters',
-      destination_network: [
-        { text: 'VM Network 1', value: 'VM Network 1' },
-        { text: 'VM-VLAN105', value: 'VM-VLAN105' },
-        { text: 'VM Network 2', value: 'VM Network 2' },
-        { text: `${localization.value.common.browse}...`, value: 'browser' },
-      ],
-    },
-  ]
-})
-const onSelectNetwork = (data: any): void => {
-  model.value.data = data
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins';
-.select-network {
-  @include flex($dir: column);
-  height: inherit;
-  margin-top: 10px;
-  &__text {
-    font-size: 12px;
-  }
-  &__matcher-details {
-    margin-top: 10px;
-  }
-  .vm-migrate-advanced-view-button {
-    text-align: end;
-  }
-}
-</style>
+<template>
+  <div class="select-network">
+    <div class="select-network__text">
+      {{ selectNetworkHeadline }}
+    </div>
+
+    <common-wizards-vm-migrate-select-network-table-network
+      v-model="model"
+      :networks="dataNetwork"
+      :source-networks="sourceNetworks"
+    />
+
+    <common-wizards-vm-common-validation-compatibility
+      :loading="false"
+      status="Success"
+      text="compatibilityChecksSucceeded"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+
+const model = defineModel<any>({ required: true })
+
+const props = defineProps<{
+  vmInfo: any | null
+  networks: any
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectNetworkHeadline = computed<string>(() => {
+  const { migrateNetworkingForAllAdapters, migrateNetworkingForEachAdapters } =
+    localization.value.common
+
+  return model.value.isBasicNetworkMode
+    ? migrateNetworkingForAllAdapters
+    : migrateNetworkingForEachAdapters
+})
+
+const sourceNetworks = computed<UI_I_NetworkTableItem[]>(() => {
+  return props.networks?.items.map((network) => {
+    return {
+      id: network.id,
+      name: network.name,
+      net_bridge: '',
+    }
+  })
+})
+
+const dataNetwork = computed(() => {
+  return (
+    props.vmInfo?.network_devices?.map((network) => {
+      const destinationNetwork =
+        sourceNetworks.value?.map((src) => {
+          return { text: src.name, value: src.name }
+        }) || []
+      return {
+        mac: network.mac,
+        network_adapter: network.model,
+        source_network: network.network,
+        value: destinationNetwork[0]?.value || '',
+        destination_network: [
+          ...destinationNetwork,
+          { text: `${localization.value.common.browse}...`, value: 'browser' },
+        ],
+      }
+    }) || []
+  )
+})
+watch(
+  dataNetwork,
+  (newValue) => {
+    model.value = {}
+    const newModel = {}
+    newValue.forEach((item: any) => {
+      newModel[item.mac] = item.value
+    })
+    model.value = newModel
+  },
+  { deep: true }
+)
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins';
+.select-network {
+  @include flex($dir: column);
+  height: inherit;
+  margin-top: 10px;
+  &__text {
+    font-size: 12px;
+  }
+  &__matcher-details {
+    margin-top: 10px;
+  }
+  .vm-migrate-advanced-view-button {
+    text-align: end;
+  }
+}
+</style>