bfg-common 1.4.114 → 1.4.115

package/components/common/wizards/vmNew/migrate/select/computeResource/tableView/lib/config/hostTable.ts

@@ -0,0 +1,124 @@
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import {
+  hostIconByState,
+  hostLocalizationByState,
+} from '~/components/common/lib/config/states'
+import type { UI_I_HostTableItem } from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/models/interfaces'
+// import type { I_TableIconColumnData } from '~/components/templates/inventory/mainBlock/tablesView/lib/models/interfaces'
+import { hostTableItemKeys } from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.name, true, '180px', hostTableItemKeys[0]],
+    [localization.inventorySummary.state, true, '96px', hostTableItemKeys[1]],
+    [localization.common.cluster, true, '180px', hostTableItemKeys[2]],
+    [localization.common.faultDomain, false, '180px', hostTableItemKeys[3]],
+    [`${localization.common.consumedCpu} %`, true, '180px', hostTableItemKeys[4]],
+    [`${localization.common.consumedMemory} %`, true, '180px', hostTableItemKeys[5]],
+    [localization.common.haState, true, '180px', hostTableItemKeys[6]],
+    [localization.inventorySummary.uptime, true, '180px', hostTableItemKeys[7]],
+    [localization.common.certificateValidTo, false, '180px', hostTableItemKeys[8]],
+    [
+      `${localization.common.memorySize} (${localization.common.mb})`,
+      false,
+      '180px',
+      hostTableItemKeys[9],
+    ],
+    [localization.common.cpus, false, '180px', hostTableItemKeys[10]],
+    [localization.inventorySummary.nics, false, '180px', hostTableItemKeys[11]],
+    [localization.common.version, false, '180px', hostTableItemKeys[12]],
+    [localization.common.alarmActions, false, '180px', hostTableItemKeys[13]],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 0 ? 'icon' : i === 4 || i === 5 ? 'progress' : `col${i}`
+    result.push(constructColumnKey(col, item[0], item[1]))
+  })
+  return result
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 0 ? 'icon' : i === 4 || i === 5 ? 'progress' : `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: UI_I_HostTableItem[],
+  localization: UI_I_Localization
+): UI_I_BodyItem[][] => {
+  const { $number } = useNuxtApp() as any
+
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((host, key) => {
+    const hostData = {
+      iconClassName: `vsphere-icon-${hostIconByState[host.state]}`,
+    }
+
+    bodyItems.push([
+      {
+        key: 'icon',
+        text: host[hostTableItemKeys[0]],
+        data: hostData,
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: localization.common[hostLocalizationByState[host[hostTableItemKeys[1]]]],
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: host[hostTableItemKeys[2]],
+        id: key,
+      },
+      { key: 'col3', text: host[hostTableItemKeys[3]], id: key },
+      {
+        key: 'progress',
+        text: `${host[hostTableItemKeys[4]].toFixed(2)}%`,
+        data: host[hostTableItemKeys[4]],
+        id: key,
+      },
+      {
+        key: 'progress',
+        text: `${host[hostTableItemKeys[5]].toFixed(2)}%`,
+        data: host[hostTableItemKeys[5]],
+        id: key,
+      },
+      { key: 'col6', text: host[hostTableItemKeys[6]], id: key },
+      { key: 'col7', text: host[hostTableItemKeys[7]], id: key },
+      { key: 'col8', text: host[hostTableItemKeys[8]], id: key },
+      {
+        key: 'col9',
+        text: `${$number.format(host[hostTableItemKeys[9]], 'en')} ${
+            localization.common.mb
+        }`,
+        id: key,
+      },
+      { key: 'col10', text: host[hostTableItemKeys[10]], id: key },
+      { key: 'col11', text: host[hostTableItemKeys[11]], id: key },
+      { key: 'col12', text: host[hostTableItemKeys[12]], id: key },
+      { key: 'col14', text: host[hostTableItemKeys[13]], id: key },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vmNew/migrate/select/computeResource/tableView/lib/config/resourcePoolTable.ts

@@ -0,0 +1,115 @@
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import { resourcePoolsTableItemKeys } from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.name, true, '90px', resourcePoolsTableItemKeys[0]],
+    [
+      localization.common.cpuReservationMhz,
+      true,
+      '180px',
+      resourcePoolsTableItemKeys[0],
+    ],
+    [localization.common.cpuLimitMhz, true, '180px', resourcePoolsTableItemKeys[0]],
+    [
+      localization.common.cpuAllocationType,
+      true,
+      '180px',
+      resourcePoolsTableItemKeys[0],
+    ],
+    [localization.common.cpuShares, true, '180px', resourcePoolsTableItemKeys[1]],
+    [localization.common.cpuSharesValue, true, '180px', resourcePoolsTableItemKeys[2]],
+    [
+      localization.common.memoryReservationMb,
+      true,
+      '180px',
+      resourcePoolsTableItemKeys[2],
+    ],
+    [localization.common.memoryLimitMb, true, '180px', resourcePoolsTableItemKeys[2]],
+    [
+      localization.common.memoryAllocationType,
+      true,
+      '180px',
+      resourcePoolsTableItemKeys[2],
+    ],
+    [localization.common.memoryShares, true, '180px', resourcePoolsTableItemKeys[3]],
+    [
+      localization.common.memorySharesValue,
+      true,
+      '180px',
+      resourcePoolsTableItemKeys[4],
+    ],
+    [localization.common.vc, true, '90px', resourcePoolsTableItemKeys[5]],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    result.push(constructColumnKey(`col${i}`, item[0], item[1]))
+  })
+  return result
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    result.push(constructHeadItem(`col${i}`, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (data: any[]): UI_I_BodyItem[][] => {
+  const { $binary } = useNuxtApp()
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((vapp, key) => {
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: vapp[resourcePoolsTableItemKeys[0]],
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: $binary.roundHz(vapp[resourcePoolsTableItemKeys[1]]),
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: $binary.roundHz(vapp[resourcePoolsTableItemKeys[2]]),
+        id: key,
+      },
+      { key: 'col3', text: vapp[resourcePoolsTableItemKeys[3]], id: key },
+      { key: 'col4', text: vapp[resourcePoolsTableItemKeys[4]], id: key },
+      { key: 'col5', text: vapp[resourcePoolsTableItemKeys[5]], id: key },
+      {
+        key: 'col6',
+        text: $binary.round(vapp[resourcePoolsTableItemKeys[6]]),
+        id: key,
+      },
+      {
+        key: 'col7',
+        text: $binary.round(vapp[resourcePoolsTableItemKeys[7]]),
+        id: key,
+      },
+      { key: 'col8', text: vapp[resourcePoolsTableItemKeys[8]], id: key },
+      { key: 'col9', text: vapp[resourcePoolsTableItemKeys[9]], id: key },
+      { key: 'col10', text: vapp[resourcePoolsTableItemKeys[10]], id: key },
+      { key: 'col11', text: vapp[resourcePoolsTableItemKeys[11]], id: key },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vmNew/migrate/select/computeResource/tableView/lib/config/tableKeys.ts

@@ -0,0 +1,65 @@
+import type {
+  T_HostTableTuple,
+  T_ClusterTableTuple,
+  T_VAppsTableTuple,
+  T_ResourcePoolTableTuple,
+} from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/models/types'
+
+export const hostTableItemKeys: T_HostTableTuple = [
+  'name',
+  'state',
+  'cluster',
+  'fault_domain',
+  'consumed_cpu',
+  'consumed_mem',
+  'ha_state',
+  'uptime',
+  'cert_valid_to',
+  'mem_size',
+  'cpus',
+  'nics',
+  'version',
+  'alarm_action',
+]
+export const clusterTableItemKeys: T_ClusterTableTuple = [
+  'name',
+  'available_cpu',
+  'available_memory',
+  'available_storage',
+  'drs',
+  'ha',
+  'total_cpu',
+  'total_memory',
+  'total_storage',
+  'vms',
+  'hosts',
+  'cpus',
+  'datastores',
+  'vsan',
+  'vc',
+  'evc_cpu_mode',
+  'evc_graphics_mode',
+]
+export const vAppsTableItemKeys: T_VAppsTableTuple = [
+  'name',
+  'cpu_shares',
+  'cpu_shares_val',
+  'memory_shares',
+  'memory_shares_val',
+  'managed_by',
+]
+
+export const resourcePoolsTableItemKeys: T_ResourcePoolTableTuple = [
+  'name',
+  'cpu_reservation',
+  'cpu_limit',
+  'cpu_allocation_type',
+  'cpu_shares',
+  'cpu_shares_val',
+  'memory_reservation',
+  'memory_limit',
+  'memory_allocation_type',
+  'memory_shares',
+  'memory_shares_val',
+  'vc',
+]

package/components/common/wizards/vmNew/migrate/select/computeResource/tableView/lib/config/vappsTable.ts

@@ -0,0 +1,66 @@
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+// import {
+//   I_TableIconColumnData,
+//   I_Vapps,
+// } from '~/components/templates/inventory/mainBlock/tablesView/lib/models/interfaces'
+import { E_StatusEnum } from '~/components/templates/inventory/treeView/lib/models/enums'
+import { columnKeys as getColumnKeys } from '~/components/templates/inventory/mainBlock/tablesView/lib/config/columnKeys'
+import { headItems as getHeadItems } from '~/components/templates/inventory/mainBlock/tablesView/lib/config/headItems'
+import { vAppsTableItemKeys } from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.name, true, '180px', vAppsTableItemKeys[0]],
+    [localization.common.cpuShares, true, '180px', vAppsTableItemKeys[1]],
+    [localization.common.cpuSharesValue, true, '180px', vAppsTableItemKeys[2]],
+    [localization.common.memoryShares, true, '180px', vAppsTableItemKeys[3]],
+    [localization.common.memorySharesValue, true, '180px', vAppsTableItemKeys[4]],
+    [localization.common.managedBy, true, '180px', vAppsTableItemKeys[5]],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  return getColumnKeys(getItems(localization))
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  return getHeadItems(getItems(localization))
+}
+
+export const bodyItems = (data: any[]): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((vapp, key) => {
+    const nameData: any = {
+      iconClassName: E_StatusEnum.vmtemplate_Normal,
+      name: vapp.name,
+      // @ts-ignore TODO id надо для перехода, пока что так оставить чтобы нигде не ломалось потом поправить для всех
+      id: vapp.id,
+      nav: 'v',
+      type: 'vmtemplate',
+      isLink: true,
+    }
+    bodyItems.push([
+      {
+        key: 'icon',
+        text: vapp[vAppsTableItemKeys[0]],
+        data: nameData,
+        id: key,
+      },
+      { key: 'col2', text: vapp[vAppsTableItemKeys[1]], id: key },
+      { key: 'col3', text: vapp[vAppsTableItemKeys[2]], id: key },
+      { key: 'col4', text: vapp[vAppsTableItemKeys[3]], id: key },
+      { key: 'col5', text: vapp[vAppsTableItemKeys[4]], id: key },
+      { key: 'col6', text: vapp[vAppsTableItemKeys[5]], id: key },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vmNew/migrate/select/computeResource/tableView/lib/models/interfaces.ts

@@ -0,0 +1,50 @@
+export interface API_UI_I_HostTableItem {
+  alarm_action: string
+  auto_deploy_machine_identity: string
+  cert_valid_to: string
+  cluster: string
+  consumed_cpu: number
+  consumed_mem: number
+  cpus: number
+  fault_domain: string
+  ha_state: string
+  instant_clone_maintenance: string
+  mem_size: number
+  name: string
+  nics: number
+  state: number
+  uptime: number
+  version: string
+}
+export interface UI_I_HostTableItem extends API_UI_I_HostTableItem {}
+
+export interface API_UI_I_ClusterTableItem {
+  available_cpu: number
+  available_memory: number
+  available_storage: number
+  cpus: number
+  datastores: number
+  drs: string
+  evc_cpu_mode: string
+  evc_graphics_mode: string
+  ha: string
+  hosts: number
+  id: number
+  name: string
+  state: number
+  status: number
+  total_cpu: number
+  total_memory: number
+  total_storage: number
+  vc: string
+  vms: number
+  vsan: string
+}
+export interface UI_I_ClusterTableItem extends API_UI_I_ClusterTableItem {}
+
+export interface API_UI_I_ResourcePoolsTableItem {}
+export interface UI_I_ResourcePoolsTableItem
+  extends API_UI_I_ResourcePoolsTableItem {}
+
+export interface API_UI_I_VAppsTableItem {}
+export interface UI_I_VAppsTableItem extends API_UI_I_VAppsTableItem {}

package/components/common/wizards/vmNew/migrate/select/computeResource/tableView/lib/models/types.ts

@@ -0,0 +1,60 @@
+export type T_HostTableTuple = [
+  'name',
+  'state',
+  'cluster',
+  'fault_domain',
+  'consumed_cpu',
+  'consumed_mem',
+  'ha_state',
+  'uptime',
+  'cert_valid_to',
+  'mem_size',
+  'cpus',
+  'nics',
+  'version',
+  'alarm_action'
+]
+
+export type T_ClusterTableTuple = [
+  'name',
+  'available_cpu',
+  'available_memory',
+  'available_storage',
+  'drs',
+  'ha',
+  'total_cpu',
+  'total_memory',
+  'total_storage',
+  'vms',
+  'hosts',
+  'cpus',
+  'datastores',
+  'vsan',
+  'vc',
+  'evc_cpu_mode',
+  'evc_graphics_mode'
+]
+
+export type T_VAppsTableTuple = [
+  'name',
+  'cpu_shares',
+  'cpu_shares_val',
+  'memory_shares',
+  'memory_shares_val',
+  'managed_by'
+]
+
+export type T_ResourcePoolTableTuple = [
+  'name',
+  'cpu_reservation',
+  'cpu_limit',
+  'cpu_allocation_type',
+  'cpu_shares',
+  'cpu_shares_val',
+  'memory_reservation',
+  'memory_limit',
+  'memory_allocation_type',
+  'memory_shares',
+  'memory_shares_val',
+  'vc'
+]

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

@@ -0,0 +1,125 @@
+<template>
+  <div class="select-network">
+    <div class="select-network__text">
+      {{ selectNetworkHeadline }}
+    </div>
+
+    <common-wizards-vm-migrate-select-network-table-network
+      v-model="selectedSourceNetwork"
+      :key="uniqueKey"
+      :networks="dataNetwork"
+      :type="tableType"
+      @select-network="onSelectNetwork"
+    />
+
+    <div
+      v-if="isShowNetworkBasic && selectedSourceNetwork"
+      class="select-network__matcher-details"
+    >
+      <span> {{ networkDetailsHeadline }} </span>
+
+      <common-wizards-vm-migrate-select-network-table-use-at
+        :networks="useAtTableData"
+      />
+    </div>
+
+    <div class="vm-migrate-advanced-view-button">
+      <button
+        class="btn btn-sm migrate-network-advanced-btn"
+        data-id="migrate-network-advanced-button"
+        @click="onClickSelectNetworkMode"
+      >
+        <span v-if="!isShowNetworkBasic"> &#x226A; </span>
+        {{ buttonText }}
+        <span v-if="isShowNetworkBasic"> &#8811; </span>
+      </button>
+    </div>
+
+    <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'
+
+const isShowNetworkBasic = defineModel<boolean>('isBasicNetworkMode')
+const networkData = defineModel<any>('networkData')
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedSourceNetwork = ref<string | null>(null)
+const uniqueKey = ref<number>(0)
+
+const buttonText = computed(
+  () => localization.value.common[isShowNetworkBasic.value ? 'advanced' : 'basic']
+)
+
+const tableType = computed<string>(() =>
+  isShowNetworkBasic.value ? 'basic' : 'advanced'
+)
+
+const selectNetworkHeadline = computed<string>(() => {
+  const { migrateNetworkingForAllAdapters, migrateNetworkingForEachAdapters } =
+    localization.value.common
+
+  return isShowNetworkBasic.value
+    ? migrateNetworkingForAllAdapters
+    : migrateNetworkingForEachAdapters
+})
+const networkDetailsHeadline = computed<string>(() =>
+  localization.value.common.networkIsInUseAt.replace(
+    '{ network }',
+    selectedSourceNetwork.value + ''
+  )
+)
+
+const dataNetwork = computed(() => {
+  return [
+    {
+      vm_name: 'vm-horizon-1',
+      network_adapter: 'Network adapter 1',
+      source_network: 'VM-VLAN105',
+      used_by: '1 VMs / 1 Network adapters',
+      destination_network: ['VM Network 1', 'VM-VLAN105', 'VM Network 2'],
+    },
+  ]
+})
+
+const useAtTableData = computed(() =>
+  dataNetwork.value.map((x) => {
+    return {
+      vm_name: x.vm_name,
+      network: x.source_network,
+      network_adapter: x.network_adapter,
+    }
+  })
+)
+
+const onClickSelectNetworkMode = (): void => {
+  uniqueKey.value++
+  isShowNetworkBasic.value = !isShowNetworkBasic.value
+  selectedSourceNetwork.value = ''
+}
+const onSelectNetwork = (data: any): void => {
+  networkData.value = data
+}
+</script>
+
+<style lang="scss" scoped>
+.select-network {
+  margin-top: 10px;
+  &__text {
+    font-size: 12px;
+  }
+  &__matcher-details {
+    margin-top: 10px;
+  }
+  .vm-migrate-advanced-view-button {
+    text-align: end;
+  }
+}
+</style>