bfg-common 1.4.400 → 1.4.402

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue

@@ -103,6 +103,7 @@ import type {
   API_UI_I_VmEditMemory,
   UI_I_PciDevice,
 } from '~/lib/models/store/vm/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import { navItemsNewViewFunc } from '~/components/common/vm/actions/common/customizeHardware/lib/config/navItems'
 
 const vmName = defineModel<string>('vm-name', { required: true })
@@ -176,7 +177,7 @@ const emits = defineEmits<{
   (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
 }>()
 
-// const localization = computed<UI_I_Localization>(() => useLocal())
+const localization = computed<UI_I_Localization>(() => useLocal())
 
 const navItemsLocal = computed<UI_I_TabItem[]>(() =>
   navItemsNewViewFunc(localization.value)

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

@@ -348,6 +348,15 @@ const onAddDevice = (data: number): void => {
 }
 </script>
 
+<style>
+:root {
+  --vm-wizard-block-view-bg-color: #fafafa
+}
+:root.dark-theme {
+  --vm-wizard-block-view-bg-color: transparent
+}
+</style>
+
 <style scoped lang="scss">
 .virtual-hardware {
   .action-wrap {
@@ -387,6 +396,6 @@ const onAddDevice = (data: number): void => {
   display: flex;
   flex-direction: column;
   gap: 12px;
-  background-color: var(--block-view-bg-color);
+  background-color: var(--vm-wizard-block-view-bg-color);
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue

@@ -38,6 +38,7 @@
             :items="props.cdDvdDriveOptions"
             :test-id="`vm-wizard-cd-dvd-drive-field-${props.index}`"
             class="cd-dvd-drive-select"
+            theme="light"
             @change="onChangeCdDvdDrive"
             @click.stop
           />
@@ -154,6 +155,10 @@ const onChangeCdDvdDrive = (data: string): void => {
   display: flex;
   justify-content: space-between;
   width: 196px;
-  background-color: #ffffff;
+}
+.light-theme {
+  :deep(.cd-dvd-drive-select .ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue

@@ -25,6 +25,7 @@
             :disabled="props.isCpuDisabled"
             :error-text="props.vcpusLocalAndApiErrorsTexts"
             test-id="vm-wizard-cpu-combobox"
+            theme="light"
             @click.stop
           />
 
@@ -176,7 +177,14 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   display: flex;
   justify-content: space-between;
   width: 108px;
-  background-color: #ffffff;
+}
+//:deep(.cpu-select .ui-main-select-toggle) {
+//  background-color: #ffffff;
+//}
+.light-theme {
+  :deep(.ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
 }
 
 :deep(.unit .ui-main-select-toggle) {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryNew.vue

@@ -23,6 +23,7 @@
           :disabled="props.isMemoryDisabled"
           :error-text="props.errorText"
           test-id="vm-wizard-memory-field"
+          theme="light"
           @change="emits('select-memory', $event)"
           @click.stop
         />
@@ -142,7 +143,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   display: flex;
   justify-content: space-between;
   width: 108px;
-  background-color: #ffffff;
+}
+.light-theme {
+  :deep(.ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
 }
 
 :deep(.unit .ui-main-select-toggle) {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue

@@ -62,6 +62,7 @@
             :disabled="props.type === 'exist'"
             :test-id="`hard-disk-type-select-${props.index}`"
             class="unit"
+            theme="light"
             @change="emits('validate-size')"
             @click.stop
           />
@@ -212,7 +213,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   display: flex;
   justify-content: space-between;
   width: 108px;
-  background-color: #ffffff;
+}
+.light-theme {
+  :deep(.ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
 }
 
 :deep(.unit .ui-main-select-toggle) {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetworkNew.vue

@@ -30,6 +30,7 @@
         :test-id="`vm-wizard-network-field-${props.index}`"
         :class="`vm-wizard-network-field-${props.index} network-select`"
         :error-text="props.errorText"
+        theme="light"
         @change="onChangeLocation"
         @click.stop
       />
@@ -119,6 +120,6 @@ const onChangeLocation = (data: UI_T_SelectedValue): void => {
   display: flex;
   justify-content: space-between;
   width: 196px;
-  background-color: #ffffff;
+  //background-color: #ffffff;
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/adapterType/AdapterTypeNew.vue

@@ -44,6 +44,10 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   display: flex;
   justify-content: space-between;
   width: 196px;
-  background-color: #ffffff;
+}
+.light-theme {
+  :deep(.adapter-type-select .ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardNew.vue

@@ -24,6 +24,7 @@
           :disabled="props.isEdit && props.state !== 1"
           test-id="vm-wizard-video-card-select"
           class="vm-wizard-video-card video-card-select"
+          theme="light"
           :error-text="props.errorText"
           @click.stop
         />
@@ -91,6 +92,10 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   display: flex;
   justify-content: space-between;
   width: 196px;
-  background-color: #ffffff;
+}
+.light-theme {
+  :deep(.video-card-select .ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/ModelNew.vue

@@ -34,7 +34,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 <style scoped>
 :deep(.model-select .ui-main-select-toggle) {
-  background-color: #ffffff;
   width: 108px;
 }
+.light-theme {
+  :deep(.model-select .ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
+}
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplaysNew.vue

@@ -39,7 +39,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 <style scoped>
 :deep(.number-displays-select .ui-main-select-toggle) {
-  background-color: #ffffff;
   width: 108px;
 }
+.light-theme {
+  :deep(.number-displays-select .ui-main-select-toggle) {
+    background-color: #ffffff;
+  }
+}
 </style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.400",
+  "version": "1.4.402",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
     "bfg-nuxt-3-graph": "1.0.15",
-    "bfg-uikit": "1.0.196",
+    "bfg-uikit": "1.0.200",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }