bfg-common 1.2.135 → 1.2.136

package/components/common/wizards/vm/migrate/select/storage/table/disk/Disk.vue

@@ -1,73 +1,73 @@
-<template>
-  <div class="table-wrap">
-    <atoms-table-data-grid
-      v-model:selected-row="selectedRow"
-      v-model:column-keys="columnKeys"
-      v-model:page-size="pagination.pageSize"
-      v-model:page="pagination.page"
-      type="checkbox"
-      :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_Pagination, UI_I_Localization } from '~/models/interfaces'
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/models/interfaces'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
-import * as table from '~/components/common/wizards/vm/migrate/select/storage/table/disk/config/config'
-
-const props = defineProps<{
-  selectedPerDisk: number[]
-  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:selected-per-disk', value: number[]): void
-}>()
-
-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}`
-}
-
-const selectedRow = computed<number[]>({
-  get() {
-    return props.selectedPerDisk
-  },
-  set(newValue: number[]) {
-    emits('update:selected-per-disk', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="table-wrap">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedRow"
+      v-model:column-keys="columnKeys"
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      type="checkbox"
+      :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_Pagination, UI_I_Localization } from '~/models/interfaces'
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/models/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
+import * as table from '~/components/common/wizards/vm/migrate/select/storage/table/disk/config/config'
+
+const props = defineProps<{
+  selectedPerDisk: number[]
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'update:selected-per-disk', value: number[]): void
+}>()
+
+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}`
+}
+
+const selectedRow = computed<number[]>({
+  get() {
+    return props.selectedPerDisk
+  },
+  set(newValue: number[]) {
+    emits('update:selected-per-disk', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/vm/migrate/select/storage/table/disk/config/config.ts

@@ -1,102 +1,102 @@
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/models/interfaces'
-import type { UI_I_Localization } from '~/models/interfaces'
-import {
-  constructColumnKey,
-  constructHeadItem,
-} from '~/components/atoms/table/dataGrid/utils/constructDataTable'
-import type { UI_T_StorageTableItemTuple } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/types'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
-
-export const storageTableKeys: UI_T_StorageTableItemTuple = [
-  'name',
-  'disk_group',
-  'file',
-  'storage',
-  'disk_format',
-  'vm_storage_policy',
-  'replication_group',
-]
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [localization.virtualMachine, true, '96px', storageTableKeys[0]],
-    [localization.diskGroup, false, '138px', storageTableKeys[1]],
-    [localization.file, true, '110px', storageTableKeys[2]],
-    [localization.storage, true, '96px', storageTableKeys[3]],
-    [localization.diskFormat, true, '110px', storageTableKeys[4]],
-    [localization.vmStoragePolicy, true, '110px', storageTableKeys[5]],
-    [localization.replicationGroup, true, '110px', storageTableKeys[6]],
-  ]
-}
-
-export const columnKeys = (
-  localization: UI_I_Localization
-): UI_I_ColumnKey[] => {
-  const result: UI_I_ColumnKey[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = `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 = `col${i}`
-    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (
-  data: UI_I_StorageConfigurePerDiskItem[]
-): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-
-  data.forEach((storage: UI_I_StorageConfigurePerDiskItem, key: number) => {
-    bodyItems.push([
-      {
-        key: 'col0',
-        text: storage[storageTableKeys[0]],
-        id: key,
-      },
-      {
-        key: 'col1',
-        text: storage[storageTableKeys[1]],
-        id: key,
-      },
-      {
-        key: 'col2',
-        text: storage[storageTableKeys[2]],
-        id: key,
-      },
-      {
-        key: 'col3',
-        text: storage[storageTableKeys[3]],
-        id: key,
-      },
-      {
-        key: 'col4',
-        text: storage[storageTableKeys[4]],
-        id: key,
-      },
-      {
-        key: 'col5',
-        text: storage[storageTableKeys[5]],
-        id: key,
-      },
-      {
-        key: 'col6',
-        text: storage[storageTableKeys[6]],
-        id: key,
-      },
-    ])
-  })
-  return bodyItems
-}
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/models/interfaces'
+import type { UI_I_Localization } from '~/models/interfaces'
+import {
+  constructColumnKey,
+  constructHeadItem,
+} from '~/components/atoms/table/dataGrid/utils/constructDataTable'
+import type { UI_T_StorageTableItemTuple } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
+
+export const storageTableKeys: UI_T_StorageTableItemTuple = [
+  'name',
+  'disk_group',
+  'file',
+  'storage',
+  'disk_format',
+  'vm_storage_policy',
+  'replication_group',
+]
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.virtualMachine, true, '96px', storageTableKeys[0]],
+    [localization.diskGroup, false, '138px', storageTableKeys[1]],
+    [localization.file, true, '110px', storageTableKeys[2]],
+    [localization.storage, true, '96px', storageTableKeys[3]],
+    [localization.diskFormat, true, '110px', storageTableKeys[4]],
+    [localization.vmStoragePolicy, true, '110px', storageTableKeys[5]],
+    [localization.replicationGroup, true, '110px', storageTableKeys[6]],
+  ]
+}
+
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = `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 = `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], true, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: UI_I_StorageConfigurePerDiskItem[]
+): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data.forEach((storage: UI_I_StorageConfigurePerDiskItem, key: number) => {
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: storage[storageTableKeys[0]],
+        id: key,
+      },
+      {
+        key: 'col1',
+        text: storage[storageTableKeys[1]],
+        id: key,
+      },
+      {
+        key: 'col2',
+        text: storage[storageTableKeys[2]],
+        id: key,
+      },
+      {
+        key: 'col3',
+        text: storage[storageTableKeys[3]],
+        id: key,
+      },
+      {
+        key: 'col4',
+        text: storage[storageTableKeys[4]],
+        id: key,
+      },
+      {
+        key: 'col5',
+        text: storage[storageTableKeys[5]],
+        id: key,
+      },
+      {
+        key: 'col6',
+        text: storage[storageTableKeys[6]],
+        id: key,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces.ts

@@ -1,9 +1,9 @@
-export interface UI_I_StorageConfigurePerDiskItem {
-  name: string
-  disk_group: string
-  file: string
-  storage: string
-  disk_format: string
-  vm_storage_policy: string
-  replication_group: string
-}
+export interface UI_I_StorageConfigurePerDiskItem {
+  name: string
+  disk_group: string
+  file: string
+  storage: string
+  disk_format: string
+  vm_storage_policy: string
+  replication_group: string
+}

package/components/common/wizards/vm/migrate/select/storage/table/disk/models/types.ts

@@ -1,9 +1,9 @@
-export type UI_T_StorageTableItemTuple = [
-  'name',
-  'disk_group',
-  'file',
-  'storage',
-  'disk_format',
-  'vm_storage_policy',
-  'replication_group'
-]
+export type UI_T_StorageTableItemTuple = [
+  'name',
+  'disk_group',
+  'file',
+  'storage',
+  'disk_format',
+  'vm_storage_policy',
+  'replication_group'
+]

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

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

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

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