bfg-common 1.5.421 → 1.5.423

package/components/common/vm/actions/clone/lib/config/steps.ts

@@ -1,291 +1,291 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const dynamicSteps = {
-  scheduledTasks: 0,
-  selectName: 1,
-  selectNameFolder: 2,
-  selectComputeResource: 3,
-  selectStorage: 4,
-  selectOptions: 5,
-  selectGuestOSMachineType: 6,
-  customizeHardware: 7,
-  readyComplete: 8,
-}
-
-export const stepsFunc = (
-  localization: UI_I_Localization
-): UI_I_WizardStep[] => {
-  return [
-    {
-      id: dynamicSteps.scheduledTasks,
-      stepName: '',
-      title: localization.common.schedulingOptions,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.SELECTED,
-      isValid: true,
-      fields: {},
-      testId: 'new-roles-scheduling-options',
-    },
-    {
-      id: dynamicSteps.selectName,
-      stepName: '',
-      title: localization.common.selectName,
-      subTitle: localization.common.specifyUniqueName,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-name',
-      fields: {
-        name: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    // Sphere
-    {
-      id: dynamicSteps.selectNameFolder,
-      stepName: '',
-      title: localization.common.selectNameFolder,
-      subTitle: localization.common.specifyUniqueNameTargetLocation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-select-name-folder',
-      fields: {
-        name: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    // Sphere
-    {
-      id: dynamicSteps.selectComputeResource,
-      stepName: '',
-      title: localization.common.selectComputeResource,
-      subTitle: localization.common.selectDestinationComputeResourceOperation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-select-compute-resource',
-      fields: {
-        computeResource: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: dynamicSteps.selectStorage,
-      stepName: '',
-      title: localization.common.selectStorage,
-      subTitle: localization.common.selectStorageConfigurationDiskFiles,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-storage',
-      fields: {
-        storage: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: dynamicSteps.selectOptions,
-      stepName: '',
-      title: localization.common.selectCloneOptions,
-      subTitle:
-        localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-clone-options',
-      fields: {},
-    },
-    {
-      id: dynamicSteps.selectGuestOSMachineType,
-      stepName: '',
-      title: localization.common.selectGuestOSMachineType,
-      subTitle:
-        localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-select-guest-os-machine-type',
-      fields: {},
-    },
-    {
-      id: dynamicSteps.customizeHardware,
-      stepName: '',
-      title: localization.common.customizeHardware,
-      subTitle: localization.common.configureVirtualMachineHardware,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-customize-hardware',
-      fields: {
-        customizeHardware: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: dynamicSteps.readyComplete,
-      stepName: '',
-      title: localization.common.readyComplete,
-      subTitle: localization.common.clickFinishStartCreation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-ready-complete',
-      fields: {},
-    },
-  ]
-}
-
-export const stepsSchemeInitial = [
-  // Procurator
-  // 0
-  [
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.readyComplete,
-  ],
-  // 1 Customize the operating system
-  [
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.readyComplete,
-  ],
-  // 2 Customize this virtual machine's hardware
-  [
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-  // 3 Customize the operating system and this virtual machine's hardware
-  [
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-  // 4 Width Scheduled Tasks
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.readyComplete,
-  ],
-  // 5 Customize the operating system
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.readyComplete,
-  ],
-  // 6 Customize this virtual machine's hardware
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-  // 7 Customize the operating system and this virtual machine's hardware
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-
-  // Sphere
-  // 8
-  [
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.readyComplete,
-  ],
-  // 9 Customize the operating system
-  [
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.readyComplete,
-  ],
-  // 10 Customize this virtual machine's hardware
-  [
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-  // 11 Customize the operating system and this virtual machine's hardware
-  [
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-  // 12 Width Scheduled Tasks
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.readyComplete,
-  ],
-  // 13 Customize the operating system
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.readyComplete,
-  ],
-  // 14 Customize this virtual machine's hardware
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-  // 15 Customize the operating system and this virtual machine's hardware
-  [
-    dynamicSteps.scheduledTasks,
-    dynamicSteps.selectNameFolder,
-    dynamicSteps.selectComputeResource, // SC-1260
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ],
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const dynamicSteps = {
+  scheduledTasks: 0,
+  selectName: 1,
+  selectNameFolder: 2,
+  selectComputeResource: 3,
+  selectStorage: 4,
+  selectOptions: 5,
+  selectGuestOSMachineType: 6,
+  customizeHardware: 7,
+  readyComplete: 8,
+}
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => {
+  return [
+    {
+      id: dynamicSteps.scheduledTasks,
+      stepName: '',
+      title: localization.common.schedulingOptions,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      fields: {},
+      testId: 'new-roles-scheduling-options',
+    },
+    {
+      id: dynamicSteps.selectName,
+      stepName: '',
+      title: localization.common.selectName,
+      subTitle: localization.common.specifyUniqueName,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-name',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    // Sphere
+    {
+      id: dynamicSteps.selectNameFolder,
+      stepName: '',
+      title: localization.common.selectNameFolder,
+      subTitle: localization.common.specifyUniqueNameTargetLocation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-select-name-folder',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    // Sphere
+    {
+      id: dynamicSteps.selectComputeResource,
+      stepName: '',
+      title: localization.common.selectComputeResource,
+      subTitle: localization.common.selectDestinationComputeResourceOperation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-select-compute-resource',
+      fields: {
+        computeResource: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.selectStorage,
+      stepName: '',
+      title: localization.common.selectStorage,
+      subTitle: localization.common.selectStorageConfigurationDiskFiles,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-storage',
+      fields: {
+        storage: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.selectOptions,
+      stepName: '',
+      title: localization.common.selectCloneOptions,
+      subTitle:
+        localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-clone-options',
+      fields: {},
+    },
+    {
+      id: dynamicSteps.selectGuestOSMachineType,
+      stepName: '',
+      title: localization.common.selectGuestOSMachineType,
+      subTitle:
+        localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-select-guest-os-machine-type',
+      fields: {},
+    },
+    {
+      id: dynamicSteps.customizeHardware,
+      stepName: '',
+      title: localization.common.customizeHardware,
+      subTitle: localization.common.configureVirtualMachineHardware,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-customize-hardware',
+      fields: {
+        customizeHardware: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.readyComplete,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-ready-complete',
+      fields: {},
+    },
+  ]
+}
+
+export const stepsSchemeInitial = [
+  // Procurator
+  // 0
+  [
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.readyComplete,
+  ],
+  // 1 Customize the operating system
+  [
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.readyComplete,
+  ],
+  // 2 Customize this virtual machine's hardware
+  [
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+  // 3 Customize the operating system and this virtual machine's hardware
+  [
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+  // 4 Width Scheduled Tasks
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.readyComplete,
+  ],
+  // 5 Customize the operating system
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.readyComplete,
+  ],
+  // 6 Customize this virtual machine's hardware
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+  // 7 Customize the operating system and this virtual machine's hardware
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+
+  // Sphere
+  // 8
+  [
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.readyComplete,
+  ],
+  // 9 Customize the operating system
+  [
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.readyComplete,
+  ],
+  // 10 Customize this virtual machine's hardware
+  [
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+  // 11 Customize the operating system and this virtual machine's hardware
+  [
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+  // 12 Width Scheduled Tasks
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.readyComplete,
+  ],
+  // 13 Customize the operating system
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.readyComplete,
+  ],
+  // 14 Customize this virtual machine's hardware
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+  // 15 Customize the operating system and this virtual machine's hardware
+  [
+    dynamicSteps.scheduledTasks,
+    dynamicSteps.selectNameFolder,
+    dynamicSteps.selectComputeResource, // SC-1260
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectOptions,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ],
+]

package/components/common/vm/actions/clone/toTemplate/ToTemplate.vue

@@ -631,3 +631,14 @@ const onHideModal = (): void => {
   padding: 0 25px 0 5px;
 }
 </style>
+
+<style>
+:root {
+  --vm-context-title: #333;
+  --vm-context-sub-title: #000;
+}
+:root.dark-theme {
+  --vm-context-title: #adbbc4;
+  --vm-context-sub-title: #adbbc4;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue

@@ -393,6 +393,32 @@ const onAddDevice = (data: number): void => {
 }
 </script>
 
+<style>
+:root {
+  --vm-wizard-block-view-bg-color: #fafafa;
+  --add-device-dropdown-bg-color: #fff;
+  --add-device-dropdown-bg-color-hover: #f6f7f8;
+  --add-device-dropdown-active-bg-color-hover: #f0f8fd;
+  --add-device-dropdown-border-color: #e9ebed;
+  --add-device-dropdown-border-color-hover: #e9ebed;
+  --add-device-dropdown-color: #4d5d69;
+  --add-device-dropdown-color-hover: #4d5d69;
+  --add-device-dropdown-item-title-color: #182531;
+}
+:root.dark-theme {
+  --vm-wizard-block-view-bg-color: transparent;
+  --add-device-dropdown-bg-color: #1b2a373d;
+  //--add-device-dropdown-bg-color-hover: #2585b614;
+  --add-device-dropdown-bg-color-hover: #b8bcc10a;
+  --add-device-dropdown-active-bg-color-hover: #2785b614;
+  --add-device-dropdown-border-color: #e9ebed1f;
+  --add-device-dropdown-border-color-hover: #2ba2de;
+  --add-device-dropdown-color: #e9eaec;
+  --add-device-dropdown-color-hover: #2ba2de;
+  --add-device-dropdown-item-title-color: #e9eaec;
+}
+</style>
+
 <style scoped lang="scss">
 .virtual-hardware {
   height: 100%;

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue

@@ -1,25 +1,25 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
-    v-if="isNewView"
-    v-model:cd-dvd-media="cdDvdMedia"
-    @browse="emits('browse')"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old
-    v-else
-    v-model:cd-dvd-media="cdDvdMedia"
-    @browse="emits('browse')"
-  />
-</template>
-
-<script setup lang="ts">
-const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
-
-const emits = defineEmits<{
-  (event: 'browse'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
+    v-if="isNewView"
+    v-model:cd-dvd-media="cdDvdMedia"
+    @browse="emits('browse')"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old
+    v-else
+    v-model:cd-dvd-media="cdDvdMedia"
+    @browse="emits('browse')"
+  />
+</template>
+
+<script setup lang="ts">
+const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
+
+const emits = defineEmits<{
+  (event: 'browse'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped></style>