bfg-common 1.5.60 → 1.5.61

package/components/common/wizards/network/add/steps/SelectConnectionType.vue

@@ -1,105 +1,105 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content">
-      <form>
-        <div class="radio">
-          <input
-            id="vmkernel-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="0"
-            name="connection-type"
-          />
-          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
-            {{ localization.common.vmKernelNetworkAdapter }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
-        </div>
-        <div class="radio">
-          <input
-            id="virtual"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="1"
-            name="connection-type"
-          />
-          <label for="virtual" data-id="virtual-radio">
-            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
-        </div>
-        <div class="radio">
-          <input
-            id="physical-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="2"
-            name="connection-type"
-          />
-          <label
-            v-development="props.project === 'sphere'"
-            for="physical-adapter"
-            data-id="physical-adapter-radio"
-          >
-            {{ localization.common.physicalNetworkAdapter }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const props = defineProps<{
-  modelValue: string
-  project?: UI_T_Project
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'update:model-value', connectionType: string): void
-}>()
-
-const connectionTypeLocal = computed<string>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: string) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-.wizard-content {
-  height: auto;
-  width: inherit;
-  margin: 0;
-
-  .radio {
-    min-height: 20px;
-    margin: 10px 0;
-
-    label {
-      font-weight: 700;
-      margin: 6px 12px 6px 0;
-    }
-  }
-
-  .add-networking-radio-button-description {
-    padding-left: 20px;
-    color: #333;
-  }
-}
-</style>
+<template>
+  <div class="wizard-content-container add-networking-step">
+    <div class="wizard-content">
+      <form>
+        <div class="radio">
+          <input
+            id="vmkernel-adapter"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="0"
+            name="connection-type"
+          />
+          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
+            {{ localization.common.vmKernelNetworkAdapter }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
+        </div>
+        <div class="radio">
+          <input
+            id="virtual"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="1"
+            name="connection-type"
+          />
+          <label for="virtual" data-id="virtual-radio">
+            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
+        </div>
+        <div class="radio">
+          <input
+            id="physical-adapter"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="2"
+            name="connection-type"
+          />
+          <label
+            v-development="props.project === 'sphere'"
+            for="physical-adapter"
+            data-id="physical-adapter-radio"
+          >
+            {{ localization.common.physicalNetworkAdapter }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+
+const props = defineProps<{
+  modelValue: string
+  project?: UI_T_Project
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'update:model-value', connectionType: string): void
+}>()
+
+const connectionTypeLocal = computed<string>({
+  get() {
+    return props.modelValue
+  },
+  set(newValue: string) {
+    emits('update:model-value', newValue)
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.wizard-content {
+  height: auto;
+  width: inherit;
+  margin: 0;
+
+  .radio {
+    min-height: 20px;
+    margin: 10px 0;
+
+    label {
+      font-weight: 700;
+      margin: 6px 12px 6px 0;
+    }
+  }
+
+  .add-networking-radio-button-description {
+    padding-left: 20px;
+    color: #333;
+  }
+}
+</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().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().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)
+}