bfg-common 1.5.199 → 1.5.200

package/components/common/vm/actions/editSettings/new/Skeleton.vue

@@ -1,88 +1,88 @@
-<template>
-  <div class="skeleton-wrap">
-    <div class="tabs">
-      <ui-skeleton-item width="64px" height="16px" />
-      <ui-skeleton-item width="64px" height="16px" />
-    </div>
-    <div class="actions">
-      <ui-skeleton-item width="80px" height="16px" />
-      <ui-skeleton-item width="152px" height="32px" border-radius="6px" />
-    </div>
-    <div class="stack-block-wrap">
-      <div class="stack-block">
-        <div class="stack-label flex-1">
-          <ui-skeleton-item width="16px" height="16px" border-radius="50%" />
-          <ui-skeleton-item height="16px" />
-        </div>
-        <div class="stack-value flex-1">
-          <ui-skeleton-item width="102px" height="32px" border-radius="8px" />
-        </div>
-      </div>
-
-      <div v-for="item in 2" :key="item" class="stack-block">
-        <div class="stack-label flex-1">
-          <ui-skeleton-item width="16px" height="16px" border-radius="50%" />
-          <ui-skeleton-item height="16px" />
-        </div>
-        <div class="stack-value flex-1">
-          <ui-skeleton-item width="102px" height="32px" border-radius="8px" />
-          <ui-skeleton-item width="80px" height="32px" border-radius="8px" />
-        </div>
-      </div>
-
-      <div v-for="item in 5" :key="item" class="stack-block">
-        <div class="stack-label flex-1">
-          <ui-skeleton-item width="16px" height="16px" border-radius="50%" />
-          <ui-skeleton-item height="16px" />
-        </div>
-        <div class="stack-value flex-1">
-          <ui-skeleton-item width="196px" height="32px" border-radius="8px" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-.skeleton-wrap {
-  padding: 0 32px;
-
-  .tabs {
-    display: flex;
-    align-items: center;
-    gap: 32px;
-    padding: 8px 0 12px;
-    border-bottom: 1px solid var(--divider-color);
-  }
-
-  .actions {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: 12px 0;
-  }
-
-  .stack-block-wrap {
-    display: grid;
-    grid-gap: 12px;
-
-    .stack-block {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-      padding: 8px 12px;
-      background: var(--stack-block-bg-color);
-      border-radius: 6px;
-
-      .stack-label,
-      .stack-value {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="skeleton-wrap">
+    <div class="tabs">
+      <ui-skeleton-item width="64px" height="16px" />
+      <ui-skeleton-item width="64px" height="16px" />
+    </div>
+    <div class="actions">
+      <ui-skeleton-item width="80px" height="16px" />
+      <ui-skeleton-item width="152px" height="32px" border-radius="6px" />
+    </div>
+    <div class="stack-block-wrap">
+      <div class="stack-block">
+        <div class="stack-label flex-1">
+          <ui-skeleton-item width="16px" height="16px" border-radius="50%" />
+          <ui-skeleton-item height="16px" />
+        </div>
+        <div class="stack-value flex-1">
+          <ui-skeleton-item width="102px" height="32px" border-radius="8px" />
+        </div>
+      </div>
+
+      <div v-for="item in 2" :key="item" class="stack-block">
+        <div class="stack-label flex-1">
+          <ui-skeleton-item width="16px" height="16px" border-radius="50%" />
+          <ui-skeleton-item height="16px" />
+        </div>
+        <div class="stack-value flex-1">
+          <ui-skeleton-item width="102px" height="32px" border-radius="8px" />
+          <ui-skeleton-item width="80px" height="32px" border-radius="8px" />
+        </div>
+      </div>
+
+      <div v-for="item in 5" :key="item" class="stack-block">
+        <div class="stack-label flex-1">
+          <ui-skeleton-item width="16px" height="16px" border-radius="50%" />
+          <ui-skeleton-item height="16px" />
+        </div>
+        <div class="stack-value flex-1">
+          <ui-skeleton-item width="196px" height="32px" border-radius="8px" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss">
+.skeleton-wrap {
+  padding: 0 32px;
+
+  .tabs {
+    display: flex;
+    align-items: center;
+    gap: 32px;
+    padding: 8px 0 12px;
+    border-bottom: 1px solid var(--divider-color);
+  }
+
+  .actions {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 12px 0;
+  }
+
+  .stack-block-wrap {
+    display: grid;
+    grid-gap: 12px;
+
+    .stack-block {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 8px 12px;
+      background: var(--stack-block-bg-color);
+      border-radius: 6px;
+
+      .stack-label,
+      .stack-value {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+    }
+  }
+}
+</style>

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

@@ -1,220 +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_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(localization).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)
-}
+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(localization).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)
+}