bfg-common 1.5.239 → 1.5.240

package/components/common/wizards/vm/migrate/select/computeResource/tableView/TableView.vue

@@ -1,135 +1,135 @@
-<template>
-  <div class="data-table-view">
-    <atoms-table-data-grid
-      v-model:selected-row="selectedDataLocal"
-      v-model:column-keys="columnKeys"
-      v-model:page-size="pagination.pageSize"
-      v-model:page="pagination.page"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="props.totalItems"
-      :total-pages="props.totalPages"
-      :loading="loading"
-      class="data-table"
-      test-id="compute-resource-table"
-      server-off
-      hide-page-size
-      hide-pagination
-    >
-      <template #icon="{ item }">
-        <span :class="['datagrid-cell-icon', item.data.iconClassName]" />
-
-        <span class="text-ellipsis">
-          {{ item.text }}
-        </span>
-      </template>
-      <template #progress="{ item }">
-        <div class="flex-align-center w-100">
-          <div class="progress flex-1">
-            <progress :max="100" :value="item.data" class="progress-block" />
-          </div>
-          <span :title="item.text" class="text-ellipsis ml-1">
-            {{ item.text }}
-          </span>
-        </div>
-      </template>
-    </atoms-table-data-grid>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_T_SelectComputeResourceTabType } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
-import type {
-  UI_I_TablePayload,
-  UI_I_Pagination,
-} from '~/lib/models/table/interfaces'
-import type { UI_T_ComputeResourceTableItem } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/models/types'
-import * as hostTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/hostTable'
-import * as clusterTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/clusterTable'
-import * as resourcePoolTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/resourcePoolTable'
-import * as vAppsTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/vappsTable'
-
-const props = defineProps<{
-  getComputeResourceData: (payload: UI_I_TablePayload) => Promise<void>
-  dataTable: UI_T_ComputeResourceTableItem[]
-  totalItems: number
-  totalPages: number
-  type: UI_T_SelectComputeResourceTabType
-}>()
-const selectedDataLocal = defineModel<number | null>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const loading = ref<boolean>(false)
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 100,
-})
-
-const table: any = {
-  host: hostTable,
-  cluster: clusterTable,
-  'resource-pool': resourcePoolTable,
-  'v-apps': vAppsTable,
-}
-
-const getData = async (
-  type: UI_T_SelectComputeResourceTabType
-): Promise<void> => {
-  loading.value = true
-  const payload: UI_I_TablePayload = {
-    pagination: pagination.value,
-    sortBy: null,
-    schema: 'full',
-    type,
-  }
-
-  props.getComputeResourceData(payload).then(() => {
-    loading.value = false
-  })
-}
-watch(
-  () => props.type,
-  (newValue: UI_T_SelectComputeResourceTabType) => {
-    getData(newValue)
-  },
-  { deep: true, immediate: true }
-)
-
-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.dataTable, localization.value)
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.data-table-view {
-  @include flex($dir: column);
-  overflow: hidden;
-  height: inherit;
-  max-height: 250px;
-  .data-table {
-    @include flex($dir: column);
-    flex-direction: column;
-    overflow: hidden;
-    height: inherit;
-    :deep(.datagrid-outer-wrapper) {
-      height: inherit;
-    }
-  }
-}
-</style>
+<template>
+  <div class="data-table-view">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedDataLocal"
+      v-model:column-keys="columnKeys"
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="props.totalItems"
+      :total-pages="props.totalPages"
+      :loading="loading"
+      class="data-table"
+      test-id="compute-resource-table"
+      server-off
+      hide-page-size
+      hide-pagination
+    >
+      <template #icon="{ item }">
+        <span :class="['datagrid-cell-icon', item.data.iconClassName]" />
+
+        <span class="text-ellipsis">
+          {{ item.text }}
+        </span>
+      </template>
+      <template #progress="{ item }">
+        <div class="flex-align-center w-100">
+          <div class="progress flex-1">
+            <progress :max="100" :value="item.data" class="progress-block" />
+          </div>
+          <span :title="item.text" class="text-ellipsis ml-1">
+            {{ item.text }}
+          </span>
+        </div>
+      </template>
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_T_SelectComputeResourceTabType } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
+import type {
+  UI_I_TablePayload,
+  UI_I_Pagination,
+} from '~/lib/models/table/interfaces'
+import type { UI_T_ComputeResourceTableItem } from '~/components/common/wizards/vm/migrate/select/computeResource/lib/models/types'
+import * as hostTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/hostTable'
+import * as clusterTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/clusterTable'
+import * as resourcePoolTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/resourcePoolTable'
+import * as vAppsTable from '~/components/common/wizards/vm/migrate/select/computeResource/tableView/lib/config/vappsTable'
+
+const props = defineProps<{
+  getComputeResourceData: (payload: UI_I_TablePayload) => Promise<void>
+  dataTable: UI_T_ComputeResourceTableItem[]
+  totalItems: number
+  totalPages: number
+  type: UI_T_SelectComputeResourceTabType
+}>()
+const selectedDataLocal = defineModel<number | null>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const loading = ref<boolean>(false)
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const table: any = {
+  host: hostTable,
+  cluster: clusterTable,
+  'resource-pool': resourcePoolTable,
+  'v-apps': vAppsTable,
+}
+
+const getData = async (
+  type: UI_T_SelectComputeResourceTabType
+): Promise<void> => {
+  loading.value = true
+  const payload: UI_I_TablePayload = {
+    pagination: pagination.value,
+    sortBy: null,
+    schema: 'full',
+    type,
+  }
+
+  props.getComputeResourceData(payload).then(() => {
+    loading.value = false
+  })
+}
+watch(
+  () => props.type,
+  (newValue: UI_T_SelectComputeResourceTabType) => {
+    getData(newValue)
+  },
+  { deep: true, immediate: true }
+)
+
+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.dataTable, localization.value)
+})
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.data-table-view {
+  @include flex($dir: column);
+  overflow: hidden;
+  height: inherit;
+  max-height: 250px;
+  .data-table {
+    @include flex($dir: column);
+    flex-direction: column;
+    overflow: hidden;
+    height: inherit;
+    :deep(.datagrid-outer-wrapper) {
+      height: inherit;
+    }
+  }
+}
+</style>

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

@@ -1,103 +1,103 @@
-<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>
+<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>

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

@@ -1,91 +1,91 @@
-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.sourceNetwork,
-      true,
-      '25%',
-      networkAdvancedTableItemKeys[0],
-    ],
-    [
-      localization.common.macAddress,
-      true,
-      '25%',
-      networkAdvancedTableItemKeys[1],
-    ],
-    [
-      localization.common.networkAdapter,
-      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.source_network}-select`,
-        sourceNetwork: network.source_network,
-        disabled: false,
-        value: network.destination_network[0]?.text || '',
-        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
-}
+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.sourceNetwork,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[0],
+    ],
+    [
+      localization.common.macAddress,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[1],
+    ],
+    [
+      localization.common.networkAdapter,
+      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.source_network}-select`,
+        sourceNetwork: network.source_network,
+        disabled: false,
+        value: network.destination_network[0]?.text || '',
+        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
+}