bfg-common 1.5.290 → 1.5.293

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

@@ -1,116 +1,116 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const stepsFunc = (
-  localization: UI_I_Localization,
-  isScheduledTasks: boolean
-): UI_I_WizardStep[] => {
-  let result: UI_I_WizardStep[] = [
-    {
-      id: 0,
-      stepName: '',
-      title: localization.common.schedulingOptions,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.SELECTED,
-      isValid: true,
-      fields: {},
-      testId: 'new-roles-scheduling-options',
-    },
-    {
-      id: 1,
-      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: '',
-        },
-      },
-    },
-    {
-      id: 2,
-      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: 3,
-      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: 4,
-      stepName: '',
-      title: localization.common.readyComplete,
-      subTitle: localization.common.clickFinishStartCreation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-ready-complete',
-      fields: {},
-    },
-  ]
-
-  if (!isScheduledTasks) {
-    result.shift()
-    result[0].status = UI_E_WIZARD_STATUS.SELECTED
-    result = result.map((item) => {
-      item.id--
-      return item
-    })
-  }
-
-  return result
-}
-
-export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
-  const resultWithOutScheduledTasks = [0, 1, 2, 3]
-  const resultWithScheduledTasks = [0, 1, 2, 3, 4]
-
-  return isScheduledTasks
-    ? [resultWithScheduledTasks]
-    : [resultWithOutScheduledTasks]
-}
-export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
-  const resultWithOutScheduledTasks = {
-    selectName: 0,
-    selectStorage: 1,
-    customizeHardware: 2,
-    readyComplete: 3,
-  }
-  const resultWithScheduledTasks = {
-    scheduledTasks: 0,
-    selectName: 1,
-    selectStorage: 2,
-    customizeHardware: 3,
-    readyComplete: 4,
-  }
-
-  return isScheduledTasks
-    ? resultWithScheduledTasks
-    : resultWithOutScheduledTasks
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization,
+  isScheduledTasks: boolean
+): UI_I_WizardStep[] => {
+  let result: UI_I_WizardStep[] = [
+    {
+      id: 0,
+      stepName: '',
+      title: localization.common.schedulingOptions,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      fields: {},
+      testId: 'new-roles-scheduling-options',
+    },
+    {
+      id: 1,
+      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: '',
+        },
+      },
+    },
+    {
+      id: 2,
+      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: 3,
+      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: 4,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-ready-complete',
+      fields: {},
+    },
+  ]
+
+  if (!isScheduledTasks) {
+    result.shift()
+    result[0].status = UI_E_WIZARD_STATUS.SELECTED
+    result = result.map((item) => {
+      item.id--
+      return item
+    })
+  }
+
+  return result
+}
+
+export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
+  const resultWithOutScheduledTasks = [0, 1, 2, 3]
+  const resultWithScheduledTasks = [0, 1, 2, 3, 4]
+
+  return isScheduledTasks
+    ? [resultWithScheduledTasks]
+    : [resultWithOutScheduledTasks]
+}
+export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
+  const resultWithOutScheduledTasks = {
+    selectName: 0,
+    selectStorage: 1,
+    customizeHardware: 2,
+    readyComplete: 3,
+  }
+  const resultWithScheduledTasks = {
+    scheduledTasks: 0,
+    selectName: 1,
+    selectStorage: 2,
+    customizeHardware: 3,
+    readyComplete: 4,
+  }
+
+  return isScheduledTasks
+    ? resultWithScheduledTasks
+    : resultWithOutScheduledTasks
+}

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

@@ -285,6 +285,7 @@ const props = defineProps<{
   mediatedDevices?: UI_I_MediatedDevice[]
   vmCpuHelpTextSecond?: string
   computeResource?: UI_I_TreeNode | null
+  compatibilityInfo?: string
 }>()
 const emits = defineEmits<{
   (event: 'add-device', value: { value: number }): void
@@ -375,6 +376,7 @@ const onAddDevice = (data: number): void => {
   --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;
@@ -384,7 +386,9 @@ const onAddDevice = (data: number): void => {
 :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: #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;
@@ -437,7 +441,7 @@ const onAddDevice = (data: number): void => {
           border-color: #008fd6;
 
           &:hover {
-            background-color: #f0f8fd;
+            background-color: var(--add-device-dropdown-active-bg-color-hover);
           }
         }