bfg-common 1.2.200 → 1.2.201

package/components/common/vm/actions/addOld/FolderTreeView.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="tree-view">
+    <atoms-loader-pre-loader
+      v-show="loading"
+      id="loader"
+      class="absolute-center tree-view__loading"
+      :show="true"
+    />
+    <common-recursion-tree
+      :nodes="nodes"
+      class="recursion-tree"
+      @get-nodes="showNodes($event)"
+      @select-node="selectNode"
+      @contextmenu.prevent
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_TreeNode } from '~/components/common/recursionTree/models/interfaces'
+
+const props = defineProps<{
+  dataCenter: UI_I_TreeNode
+}>()
+const emits = defineEmits<{
+  (event: 'select-node', value: UI_I_TreeNode): void
+}>()
+
+const { $store } = useNuxtApp()
+
+const nodes = computed<UI_I_TreeNode[]>(
+  () => $store.getters['inventory/getFolderTree'] || []
+)
+const loading = ref<boolean>(false)
+const getTree = async (): Promise<void> => {
+  loading.value = true
+  await $store.dispatch('inventory/A_GET_FOLDER_TREE', null)
+  loading.value = false
+}
+getTree().then(() => {
+  selectNode(props.dataCenter)
+})
+
+const showNodes = ({
+  node,
+  cb,
+}: {
+  node: UI_I_TreeNode
+  cb: () => void
+}): void => {
+  const payload: any = { node, treeName: 'folderTree' }
+  $store.dispatch('inventory/A_SHOW_NODE', payload)
+  cb()
+}
+const selectNode = (node: UI_I_TreeNode): void => {
+  const payload: any = {
+    node,
+    treeName: 'folderTree',
+    doSelect: false,
+  }
+  $store.dispatch('inventory/A_SELECT_NODE', payload)
+
+  emits('select-node', node)
+}
+
+onUnmounted(() => {
+  $store.dispatch('inventory/A_CLEAR_FOLDER_TREE', null)
+})
+</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>

package/components/common/vm/actions/addOld/utils.ts

@@ -0,0 +1,118 @@
+import { UI_I_ArbitraryObject } from '~/models/interfaces'
+import { UI_E_Fields } from '~/components/common/vm/actions/common/models/enums'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
+import { UI_T_Project } from '~/models/types'
+import { checkAllField } from '~/components/common/vm/actions/utils'
+
+export const objectToOptionItem = (
+  // TODO переместить в более глобальное место
+  obj: UI_I_ArbitraryObject<string>
+): UI_I_OptionItem[] => {
+  const result = []
+  for (const key in obj) {
+    result.push({
+      text: obj[key],
+      value: key,
+    })
+  }
+  return result
+}
+
+export const getStepPositionByField = (field: string): number => {
+  if (checkAllField(field)) {
+    return UI_E_Fields[field]
+  } else if (field.includes('disk_devices')) {
+    return UI_E_Fields.disk_devices
+  } else if (field.includes('network_devices')) {
+    return UI_E_Fields.network_devices
+  }
+  return 5
+}
+
+export const stepItemsFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): UI_I_VerticalStepItem[] => {
+  if (project === 'sphere') {
+    return [
+      {
+        text: localization.selectCreationType,
+        disabled: false,
+        complete: false,
+      },
+      {
+        text: localization.selectNameFolder,
+        disabled: true,
+        complete: false,
+      },
+      {
+        text: localization.selectComputeResource,
+        disabled: true,
+        complete: false,
+      },
+      { text: localization.selectStorage, disabled: true, complete: false },
+      { text: localization.compatibility, disabled: true, complete: false },
+      { text: localization.selectGuestOS, disabled: true, complete: false },
+      {
+        text: localization.customizeHardware,
+        disabled: true,
+        complete: false,
+      },
+      { text: localization.readyComplete, disabled: true, complete: false },
+    ]
+  }
+  return [
+    {
+      text: localization.selectCreationType,
+      disabled: false,
+      complete: false,
+    },
+    {
+      text: localization.selectName,
+      disabled: true,
+      complete: false,
+    },
+    { text: localization.selectStorage, disabled: true, complete: false },
+    { text: localization.compatibility, disabled: true, complete: false },
+    {
+      text: localization.selectGuestOSMachineType,
+      disabled: true,
+      complete: false,
+    },
+    {
+      text: localization.customizeHardware,
+      disabled: true,
+      complete: false,
+    },
+    { text: localization.readyComplete, disabled: true, complete: false },
+  ]
+}
+
+export const subTitleFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): string[] => {
+  if (project === 'sphere') {
+    return [
+      localization.howWouldLikeCreateVirtualMachine,
+      localization.specifyUniqueNameTargetLocation,
+      localization.selectDestinationComputeResourceOperation,
+      localization.selectStorageConfigurationDiskFiles,
+      localization.selectCompatibilityVmDependingHostsEnvironment,
+      localization.chooseGuestOSInstalledVM,
+      localization.configureVirtualMachineHardware,
+      localization.clickFinishStartCreation,
+    ]
+  }
+  return [
+    localization.howWouldLikeCreateVirtualMachine,
+    localization.specifyUniqueName,
+    localization.selectStorageConfigurationDiskFiles,
+    localization.selectCompatibilityVmDependingHostsEnvironment,
+    localization.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+    localization.configureVirtualMachineHardware,
+    localization.clickFinishStartCreation,
+  ]
+}