bfg-common 1.4.129 → 1.4.131

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>

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

@@ -0,0 +1,114 @@
+<template>
+  <div class="table-wrap">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedNetworkLocal"
+      v-model:column-keys="columnKeys"
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :total-pages="1"
+      class="select-network"
+      test-id="network-table"
+      :off-select-by-row="props.type === 'advanced'"
+      server-off
+      hide-footer
+      hide-page-size
+    >
+      <template #select="{ item }">
+        <span class="select select-network__select">
+          <select
+            :id="item.data.id"
+            v-model="item.data.value"
+            data-id="network-select"
+            :disabled="item.data.disabled"
+            @change="onSelect(item.data)"
+          >
+            <option
+              v-for="option in item.data.option"
+              :key="option"
+              :value="option"
+              :label="option"
+            />
+          </select>
+        </span>
+      </template>
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_T_MigrateSelectNetwork } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/types'
+import * as basicTable from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/basicTable'
+import * as advancedTable from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable'
+
+const props = defineProps<{
+  networks: UI_T_MigrateSelectNetwork[]
+  type: 'basic' | 'advanced'
+}>()
+const emits = defineEmits<{
+  (event: 'select-network', value: any): void
+}>()
+const selectedNetworkLocal = defineModel<string | null>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const table: any = {
+  basic: basicTable,
+  advanced: advancedTable,
+}
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table[props.type].headItems(localization.value)
+)
+const columnKeys = computed<UI_I_ColumnKey[]>(() =>
+  table[props.type].columnKeys(localization.value)
+)
+watch(localization, () => {
+  columnKeys.value = table[props.type].columnKeys(localization.value)
+})
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return table[props.type].bodyItems(props.networks)
+})
+
+const onSelect = (data: any): void => {
+  emits('select-network', data)
+}
+watch(
+  () => props.type,
+  (newValue: 'basic' | 'advanced') => {
+    const tableData = bodyItems.value[0]
+    const itemKey = newValue === 'basic' ? 2 : 3
+    const data = tableData[itemKey].data
+    onSelect(data)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+.select-network {
+  &__select {
+    width: 100%;
+    height: 24px;
+    min-width: 107px;
+    & > select {
+      height: 100%;
+    }
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/config/advancedTable.ts

@@ -0,0 +1,78 @@
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import type { UI_I_MigrateSelectNetworkAdvancedItem } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
+import { networkAdvancedTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.vm, true, '25%', networkAdvancedTableItemKeys[0]],
+    [localization.common.networkAdapter, true, '25%', networkAdvancedTableItemKeys[1]],
+    [localization.common.sourceNetwork, true, '25%', networkAdvancedTableItemKeys[2]],
+    [
+      localization.common.destinationNetwork,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[3],
+    ],
+  ]
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 3 ? 'select' : `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: UI_I_MigrateSelectNetworkAdvancedItem[]
+): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach(
+    (network: UI_I_MigrateSelectNetworkAdvancedItem, key: number) => {
+      const data = {
+        id: `${network.vm_name}-select`,
+        sourceNetwork: network.source_network,
+        disabled: false,
+        value: network.destination_network.find(
+          (item: string) => item === network.source_network
+        ),
+        option: network.destination_network,
+      }
+
+      bodyItems.push([
+        {
+          key: 'col0',
+          text: network[networkAdvancedTableItemKeys[0]],
+          id: key,
+        },
+        {
+          key: 'col1',
+          text: network[networkAdvancedTableItemKeys[1]],
+          id: key,
+        },
+        {
+          key: 'col2',
+          text: network[networkAdvancedTableItemKeys[2]],
+          id: key,
+        },
+        {
+          key: 'select',
+          text: network[networkAdvancedTableItemKeys[3]],
+          data,
+          id: key,
+        },
+      ])
+    }
+  )
+  return bodyItems
+}

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/config/basicTable.ts

@@ -0,0 +1,70 @@
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import type { UI_I_MigrateSelectNetworkBasicItem } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
+import { networkBasicsTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.sourceNetwork, true, '33.3%', networkBasicsTableItemKeys[0]],
+    [localization.common.usedBy, true, '33.3%', networkBasicsTableItemKeys[1]],
+    [
+      localization.common.destinationNetwork,
+      true,
+      '33.3%',
+      networkBasicsTableItemKeys[2],
+    ],
+  ]
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 2 ? 'select' : `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: UI_I_MigrateSelectNetworkBasicItem[]
+): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((network: UI_I_MigrateSelectNetworkBasicItem) => {
+    const data = {
+      id: `${network.source_network}-select`,
+      sourceNetwork: network.source_network,
+      disabled: false,
+      value: network.destination_network.find(
+        (item) => item === network.source_network
+      ),
+      option: network.destination_network,
+    }
+
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: network[networkBasicsTableItemKeys[0]],
+        id: network.source_network,
+      },
+      {
+        key: 'col1',
+        text: network[networkBasicsTableItemKeys[1]],
+        id: network.source_network,
+      },
+      {
+        key: 'select',
+        text: network[networkBasicsTableItemKeys[2]],
+        data,
+        id: network.source_network,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/config/tableKeys.ts

@@ -0,0 +1,13 @@
+import type {
+  UI_T_NetworkBasicsTableKeysTuple,
+  UI_T_NetworkAdvancedTableKeysTuple,
+} from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/types'
+
+export const networkBasicsTableItemKeys: UI_T_NetworkBasicsTableKeysTuple = [
+  'source_network',
+  'used_by',
+  'destination_network',
+]
+
+export const networkAdvancedTableItemKeys: UI_T_NetworkAdvancedTableKeysTuple =
+  ['vm_name', 'network_adapter', 'source_network', 'destination_network']

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/models/interfaces.ts

@@ -0,0 +1,12 @@
+export interface UI_I_MigrateSelectNetworkBasicItem {
+  source_network: string
+  used_by: string
+  destination_network: string
+}
+
+export interface UI_I_MigrateSelectNetworkAdvancedItem {
+  vm_name: string
+  network_adapter: string
+  source_network: string
+  destination_network: string
+}

package/components/common/wizards/vmNew/migrate/select/network/table/network/lib/models/types.ts

@@ -0,0 +1,21 @@
+import type {
+  UI_I_MigrateSelectNetworkBasicItem,
+  UI_I_MigrateSelectNetworkAdvancedItem,
+} from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
+
+export type UI_T_NetworkAdvancedTableKeysTuple = [
+  'vm_name',
+  'network_adapter',
+  'source_network',
+  'destination_network'
+]
+
+export type UI_T_NetworkBasicsTableKeysTuple = [
+  'source_network',
+  'used_by',
+  'destination_network'
+]
+
+export type UI_T_MigrateSelectNetwork =
+  | UI_I_MigrateSelectNetworkBasicItem
+  | UI_I_MigrateSelectNetworkAdvancedItem

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/UseAt.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="table-wrap">
+    <atoms-table-data-grid
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :page-size="100"
+      :page="1"
+      :total-pages="1"
+      class="select-network"
+      test-id="use-at-table"
+      server-off
+      off-select-by-row
+      hide-footer
+      hide-page-size
+    >
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import * as table from '~/components/common/wizards/vm/migrate/select/network/table/useAt/lib/config/useAtTable'
+
+const props = defineProps<{
+  networks: any[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return table.bodyItems(props.networks)
+})
+</script>
+
+<style lang="scss" scoped>
+.select-network {
+  :deep(.datagrid) {
+    margin-top: 0;
+  }
+  :deep(.datagrid-outer-wrapper) {
+    padding-top: 0;
+    //height: inherit;
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/select/network/table/useAt/lib/config/tableKeys.ts

@@ -0,0 +1,7 @@
+import type { UI_T_NetworkUseAtTableKeysTuple } from '~/components/common/wizards/vm/migrate/select/network/table/useAt/lib/models/types'
+
+export const useAtTableItemKeys: UI_T_NetworkUseAtTableKeysTuple = [
+  'vm_name',
+  'network_adapter',
+  'network',
+]