bfg-common 1.5.589 → 1.5.590

package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts

@@ -6,7 +6,7 @@ import {
   UI_E_VmMigrationType,
 } from '~/components/common/wizards/vm/migrate/lib/models/enums'
 import { UI_E_SelectStorageDiskFormat } from '~/components/common/wizards/vm/migrate/steps/selectStorage/lib/models/enums'
-import { virtualDiskFormatOptionsFunc } from '~/components/common/wizards/vm/migrate/steps/selectStorage/configure/batch/config/virtualDiskFormat'
+import { virtualDiskFormatOptionsFunc } from '~/components/common/wizards/vm/migrate/steps/selectStorage/configure/batch/lib/config/virtualDiskFormat'
 
 const migrateOnlyStorageDataView = (
   localization: UI_I_Localization,

package/components/common/wizards/vm/migrate/steps/selectStorage/SelectStorage.vue

@@ -8,6 +8,7 @@
     :datastore="props.datastore"
     :connected-storage-id="connectedStorageId"
     :tab-options="migrateStorageTabOptions"
+    :selected-per-disks="selectedPerDisks"
     :is-hide-select-disk-format="isHideSelectDiskFormat"
     @change-storage-per-disk="onChangePerDiskStorage"
     @change-tab="onChangeMigrateMode"
@@ -23,6 +24,7 @@
     :datastore="props.datastore"
     :connected-storage-id="connectedStorageId"
     :tab-options="migrateStorageTabOptions"
+    :selected-per-disks="selectedPerDisks"
     :is-hide-select-disk-format="isHideSelectDiskFormat"
     :alert-messages="props.alertMessages"
     @change-storage-per-disk="onChangePerDiskStorage"

package/components/common/wizards/vm/migrate/steps/selectStorage/selectedPerDisk/SelectedPerDisk.vue

@@ -1,31 +1,15 @@
 <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>
+  <common-wizards-vm-migrate-steps-select-storage-selected-per-disk-new
+    v-if="isNewView"
+    :data="normalizedData"
+    @go-back="onGoBack"
+  />
+
+  <common-wizards-vm-migrate-steps-select-storage-selected-per-disk-old
+    v-else
+    :data="normalizedData"
+    @go-back="onGoBack"
+  />
 </template>
 
 <script lang="ts" setup>
@@ -33,16 +17,19 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/steps/selectStorage/lib/models/types'
 import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/steps/selectStorage/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 props = defineProps<{
+  data: UI_I_StorageConfigurePerDiskItem[]
+}>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
 const normalizedData = computed<string[]>(() =>
   props.data.map(
@@ -57,24 +44,3 @@ const onGoBack = (): void => {
   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/vm/migrate/steps/selectStorage/selectedPerDisk/SelectedPerDiskNew.vue

@@ -0,0 +1,69 @@
+<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="props.data.length === 1">{{ props.data[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 props.data" :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/vm/migrate/steps/selectStorage/lib/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/steps/selectStorage/configure/disk/table/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_StorageConfigurePerDiskItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'on-back'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onGoBack = (): void => {
+  emits('on-back')
+}
+</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/vm/migrate/steps/selectStorage/selectedPerDisk/SelectedPerDiskOld.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="selected-per-disk">
+    <atoms-the-icon
+      data-id="go-back-icon"
+      class="icon-arrow"
+      name="arrow"
+      @click="onGoBack"
+    />
+
+    <div>
+      <span class="icon vsphere-icon-vm"></span>
+    </div>
+
+    <span v-if="props.data.length === 1">{{ props.data[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 props.data" :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_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/steps/selectStorage/configure/disk/table/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_StorageConfigurePerDiskItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'on-back'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onGoBack = (): void => {
+  emits('on-back')
+}
+</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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.589",
+  "version": "1.5.590",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/components/common/wizards/vm/common/computeResource/TreeView.vue

@@ -1,58 +0,0 @@
-<template>
-  <div class="tree-view">
-    <atoms-loader-pre-loader
-      v-show="loading"
-      id="loader"
-      class="absolute-center tree-view__loading"
-      show
-    />
-    <common-recursion-tree
-      :nodes="props.computeResourceTree"
-      class="recursion-tree"
-      @get-nodes="onShowNodes"
-      @select-node="onSelectNode"
-      @contextmenu.prevent
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-
-const props = defineProps<{
-  computeResourceTree: UI_I_TreeNode[]
-}>()
-const modelNode = defineModel<UI_I_TreeNode>()
-const emits = defineEmits<{
-  (
-    event: 'get-compute-resource-tree',
-    value: { id: string | number; cb: () => void }
-  ): void
-  (event: 'show-compute-resource-tree', value: UI_I_TreeNode): void
-  (event: 'select-compute-resource-tree', value: UI_I_TreeNode): void
-}>()
-
-const loading = ref<boolean>(false)
-const onShowNodes = (event: any): void => {
-  emits('show-compute-resource-tree', event)
-}
-const onSelectNode = (node: UI_I_TreeNode): void => {
-  emits('select-compute-resource-tree', node)
-
-  modelNode.value = node
-}
-</script>
-
-<style scoped lang="scss">
-.tree-view {
-  &__loading {
-    :deep(.spinner.spinner-inverse) {
-      position: static;
-      width: 45px;
-      height: 45px;
-      min-width: 45px;
-      min-height: 45px;
-    }
-  }
-}
-</style>