bfg-common 1.4.114 → 1.4.115

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/Table.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="data-table-view">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedPerDiskKeysLocal"
+      v-model:column-keys="columnKeys"
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      type="checkbox"
+      class="data-table"
+      test-id="disk-table"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :total-pages="1"
+      server-off
+      hide-page-size
+      @sorting="sorting"
+    >
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+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 type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
+import * as table from '~/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/config/diskTable'
+
+const props = defineProps<{
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+}>()
+const selectedPerDiskKeysLocal = defineModel<number[]>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const headItems = ref<UI_I_HeadItem[]>(table.headItems(localization.value))
+const columnKeys = ref<UI_I_ColumnKey[]>(table.columnKeys(localization.value))
+watch(localization, () => {
+  columnKeys.value = table.columnKeys(localization.value)
+})
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return table.bodyItems(props.configurePerDisks)
+})
+
+const sort = ref<string | null>(null)
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const sorting = (data: [string, boolean]): void => {
+  const [column, status] = data
+  const direction = status ? 'asc' : 'desc'
+  sort.value = `${column}.${direction}`
+}
+</script>
+
+<style lang="scss" scoped>
+.data-table-view {
+  height: inherit;
+  .data-table {
+    height: inherit;
+    :deep(.datagrid-outer-wrapper) {
+      height: inherit;
+    }
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/config/diskTable.ts

@@ -0,0 +1,135 @@
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import * as defaultSettings from '~/components/atoms/table/dataGrid/lib/config/settingsTable'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/models/interfaces'
+import { UI_E_SelectStorageDiskFormat } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/enums'
+import { vmMigrateDiskTableItemKeys } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/config/tableKeys'
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [
+      localization.common.virtualMachine,
+      true,
+      '200px',
+      vmMigrateDiskTableItemKeys[0],
+    ],
+    [
+      localization.common.diskGroup,
+      false,
+      '138px',
+      vmMigrateDiskTableItemKeys[1],
+    ],
+    [localization.common.file, true, '180px', vmMigrateDiskTableItemKeys[2]],
+    [localization.common.storage, true, '120px', vmMigrateDiskTableItemKeys[3]],
+    [
+      localization.common.diskFormat,
+      true,
+      '180px',
+      vmMigrateDiskTableItemKeys[4],
+    ],
+    [localization.common.sharing, true, '120px', vmMigrateDiskTableItemKeys[5]],
+    [localization.common.target, true, '120px', vmMigrateDiskTableItemKeys[6]],
+    [localization.common.cache, true, '120px', vmMigrateDiskTableItemKeys[7]],
+    [
+      localization.common.ioControl,
+      true,
+      '120px',
+      vmMigrateDiskTableItemKeys[8],
+    ],
+    [localization.common.discard, true, '120px', vmMigrateDiskTableItemKeys[9]],
+    [
+      localization.common.diskMode,
+      true,
+      '180px',
+      vmMigrateDiskTableItemKeys[10],
+    ],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  return defaultSettings.defaultColumnKeys(getItems(localization))
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  return defaultSettings.defaultHeadItems(getItems(localization))
+}
+
+export const bodyItems = (
+  data: UI_I_StorageConfigurePerDiskItem[]
+): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((storage: UI_I_StorageConfigurePerDiskItem, key: number) => {
+    const diskFormat =
+      key === 0
+        ? 'N/A'
+        : UI_E_SelectStorageDiskFormat[storage[vmMigrateDiskTableItemKeys[4]]]
+
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: storage[vmMigrateDiskTableItemKeys[0]],
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: storage[vmMigrateDiskTableItemKeys[1]],
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: storage[vmMigrateDiskTableItemKeys[2]],
+        id: key,
+      },
+      {
+        key: 'col3',
+        text: storage[vmMigrateDiskTableItemKeys[3]],
+        id: key,
+      },
+      {
+        key: 'col4',
+        text: diskFormat,
+        id: key,
+      },
+      {
+        key: 'col5',
+        text: storage.extra[vmMigrateDiskTableItemKeys[5]],
+        id: key,
+      },
+
+      {
+        key: 'col6',
+        text: storage.extra[vmMigrateDiskTableItemKeys[6]],
+        id: key,
+      },
+      {
+        key: 'col7',
+        text: storage.extra[vmMigrateDiskTableItemKeys[7]],
+        id: key,
+      },
+      {
+        key: 'col8',
+        text: storage.extra[vmMigrateDiskTableItemKeys[8]],
+        id: key,
+      },
+      {
+        key: 'col9',
+        text: storage.extra[vmMigrateDiskTableItemKeys[9]],
+        id: key,
+      },
+      {
+        key: 'col10',
+        text: storage.extra[vmMigrateDiskTableItemKeys[10]],
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/config/tableKeys.ts

@@ -0,0 +1,15 @@
+import type { UI_T_VmMigrateDiskTableTuple } from '~/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/models/types'
+
+export const vmMigrateDiskTableItemKeys: UI_T_VmMigrateDiskTableTuple = [
+  'virtual_machine',
+  'disk_group',
+  'file',
+  'storage',
+  'disk_format',
+  'sharing',
+  'target',
+  'cache',
+  'io_control',
+  'discard',
+  'disk_mode',
+]

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/models/interfaces.ts

@@ -0,0 +1,24 @@
+interface API_UI_I_ExtraValuePerDiskItem {
+  cache: string
+  datastore_id: string
+  discard: string
+  disk_mode: string
+  disk_size: number
+  disk_source: string
+  io_control: string
+  read_only: string
+  sharing: string
+  target: string
+}
+
+export interface API_UI_I_StorageConfigurePerDiskItem {
+  disk_format: 0 | 1 | 2 | 3
+  disk_group: string
+  file: string
+  storage: string
+  virtual_machine: string
+  extra: API_UI_I_ExtraValuePerDiskItem
+}
+
+export interface UI_I_StorageConfigurePerDiskItem
+  extends API_UI_I_StorageConfigurePerDiskItem {}

package/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/models/types.ts

@@ -0,0 +1,13 @@
+export type UI_T_VmMigrateDiskTableTuple = [
+  'virtual_machine',
+  'disk_group',
+  'file',
+  'storage',
+  'disk_format',
+  'sharing',
+  'target',
+  'cache',
+  'io_control',
+  'discard',
+  'disk_mode'
+]

package/components/common/wizards/vmNew/migrate/select/storage/lib/config/tabsPannel.ts

@@ -0,0 +1,20 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+export const vmMigrateSelectStorageTabsFunc = (
+  localization: UI_I_Localization
+): UI_I_CollapseNavItem[] => {
+  return [
+    {
+      text: localization.common.batchConfigure,
+      value: 'batch-configure',
+      disabled: false,
+      testId: 'batch-configure'
+    },
+    {
+      text: localization.common.configurePerDisk,
+      value: 'configure-disk',
+      disabled: false,
+      testId: 'configure-disk'
+    },
+  ]
+}

package/components/common/wizards/vmNew/migrate/select/storage/lib/models/enums.ts

@@ -0,0 +1,6 @@
+export enum UI_E_SelectStorageDiskFormat {
+  'Same format as source',
+  'Thin Provision ',
+  'Thick Provision Lazy Zeroed',
+  'Thick Provision Eager Zeroed',
+}

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

@@ -0,0 +1,14 @@
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
+
+export interface UI_I_SelectStorageDataLocal {
+  vmDiskFormat: 0 | 1 | 2 | 3
+  storage: UI_I_DatastoreTableItem | null
+}
+
+export interface UI_I_SelectStorageReadyData
+  extends UI_I_SelectStorageDataLocal {
+  tab: UI_T_VmMigrateSelectStorageTab
+  configureDisks: UI_I_StorageConfigurePerDiskItem[]
+}

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

@@ -0,0 +1,9 @@
+export type UI_T_VmMigrateSelectStorageTab =
+  | 'batch-configure'
+  | 'configure-disk'
+
+export type UI_T_SelectComputeResourceTabType =
+  | 'host'
+  | 'cluster'
+  | 'resource-pool'
+  | 'v-apps'

package/components/common/wizards/vmNew/migrate/select/storage/policy/Policy.vue

@@ -0,0 +1,84 @@
+<template>
+  <section class="storage-policy clr-flex-row">
+    <label
+      for="storage-locator-disk-policy-label"
+      class="clr-col-3 clr-control-label"
+    >
+      {{ localization.common.vmStoragePolicy }}
+    </label>
+    <div
+      class="mt-0 clr-form-control btn btn-outline-primary dropdown-toggle storage-policy__select-wrapper"
+    >
+      <select
+        id="storage-locator-disk-policy-label"
+        v-model="selectedVmStoragePolicy"
+        data-id="storage-locator-disk-policy-select"
+        class="storage-locator-disk-format-label"
+      >
+        <option
+          v-for="option in configuredSpeedOptions"
+          :key="option.value"
+          :value="option.value"
+        >
+          {{ option.text }}
+        </option>
+      </select>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedVmStoragePolicy = ref<string>('keep-existing-storage-policies')
+
+const configuredSpeedOptions = computed<UI_I_OptionItem[]>(() => {
+  return [
+    {
+      text: 'Keep existing VM storage policies',
+      value: 'keep-existing-storage-policies',
+    },
+    {
+      text: 'Datastore Default',
+      value: 'datastore-default',
+    },
+    {
+      text: 'Management Storage Policy - Large',
+      value: 'management-storage-policy-large',
+    },
+    {
+      text: 'Management Storage Policy - Regular',
+      value: 'management-storage-policy-regular',
+    },
+    {
+      text: 'vSAN Default Storage Policy',
+      value: 'vsan-default-storage-policy',
+    },
+  ]
+})
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.storage-policy {
+  @include flex($align: center);
+  margin-top: 2px;
+  &__select-wrapper {
+    margin-left: 25px;
+    height: 24px;
+    min-width: 420px;
+    & > select {
+      width: 100%;
+      height: 100%;
+      text-align: center;
+      border: none;
+      &:focus-visible {
+        outline: none;
+      }
+    }
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/select/storage/selectedPerDisk/SelectedPerDisk.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="selected-per-disk">
+    <atoms-the-icon
+      data-id="go-back-icon"
+      class="icon-arrow"
+      name="arrow"
+      @click="onGoBack"
+    ></atoms-the-icon>
+
+    <div>
+      <span class="icon vsphere-icon-vm"></span>
+    </div>
+
+    <span v-if="normalizedData.length === 1">{{ normalizedData[0] }}</span>
+
+    <div v-else class="selected-per-disk__all-objects">
+      <span>
+        {{ localization.common.allSelectedObjects }}
+      </span>
+      <common-wizards-vm-common-tooltip>
+        <template #content>
+          <div v-for="(item, key) in normalizedData" :key="key">
+            {{ item }}
+          </div>
+        </template>
+      </common-wizards-vm-common-tooltip>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vmNew/migrate/select/storage/lib/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vmNew/migrate/select/storage/configure/disk/table/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_StorageConfigurePerDiskItem[]
+}>()
+const modelShowSelectedPerDisks = defineModel<boolean>()
+const modelConnectedStorageIdLocal = defineModel<string>(
+  'connectedStorageIdLocal'
+)
+const modelActiveTab = defineModel<UI_T_VmMigrateSelectStorageTab>('activeTab')
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const normalizedData = computed<string[]>(() =>
+  props.data.map(
+    (disk: UI_I_StorageConfigurePerDiskItem) =>
+      `${disk.virtual_machine} | ${disk.file}`
+  )
+)
+
+const onGoBack = (): void => {
+  modelShowSelectedPerDisks.value = false
+  modelConnectedStorageIdLocal.value = ''
+  modelActiveTab.value = 'configure-disk'
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.selected-per-disk {
+  @include flex($align: center);
+  .icon {
+    display: block;
+  }
+  .icon-arrow {
+    width: 16px;
+    height: 16px;
+    margin: 0 20px 0 15px;
+    transform: rotate(270deg);
+    fill: #0079b8;
+    cursor: pointer;
+  }
+  &__all-objects {
+    @include flex($align: center);
+  }
+}
+</style>

package/components/common/wizards/vmNew/migrate/select/targetServer/lib/config/tabsPannel.ts

@@ -0,0 +1,18 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+export const vmMigrateSelectTargetServerTabsFunc = (
+  localization: UI_I_Localization
+): UI_I_CollapseNavItem[] => {
+  return [
+    {
+      text: localization.common.savedVCenterServers,
+      value: 'saved-servers',
+      disabled: false,
+    },
+    {
+      text: localization.common.newVCenterServer,
+      value: 'new-server',
+      disabled: false,
+    },
+  ]
+}

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

@@ -0,0 +1 @@
+export type T_SelectTargetServerTab = 'new-server' | 'saved-servers'