bfg-common 1.2.169 → 1.2.171

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue

@@ -73,6 +73,7 @@ const props = defineProps<{
   componentType: string
   errorValidationFields: UI_I_ErrorValidationField<string>[]
   disabled?: boolean
+  shortOptions?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'update:bus', value: string): void
@@ -81,7 +82,7 @@ const emits = defineEmits<{
 
 const helpId = ref<string>(`bus-field-help-icon${useUniqueId()}`)
 
-const busOptions = ref<UI_I_OptionItem[]>(busOptionsFunc(localization.value))
+const busOptions = ref<UI_I_OptionItem[]>(busOptionsFunc(localization.value, props.shortOptions))
 
 const busLocal = computed<string>({
   get() {

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/config/options.ts

@@ -2,8 +2,15 @@ import { UI_I_Localization } from '~/models/interfaces'
 import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
 
 export const busOptionsFunc = (
-  localization: UI_I_Localization
+  localization: UI_I_Localization,
+  shortOptions?: boolean
 ): UI_I_OptionItem[] => {
+  if (shortOptions) {
+    return [
+      { text: localization.ide, value: 'ide' },
+      { text: localization.sata, value: 'sata' },
+    ]
+  }
   return [
     { text: localization.ide, value: 'ide' },
     { text: localization.scsi, value: 'scsi' },

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

@@ -71,6 +71,7 @@
           :validation-type="busValidationType"
           :error-validation-fields="props.errorValidationFields"
           :disabled="isRunning"
+          :short-options="props.type === 'edit'"
           component-type="disk_devices"
           @remove-error-by-title="emits('remove-error-by-title', $event)"
         />

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbController.vue

@@ -1,68 +1,77 @@
-<template>
-  <div class="hardware-cpu">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        <div class="flex-align-center">
-          <span>{{ localization.newUsbController }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="usb-controller-select"
-            v-model="selectedUsbController"
-            :disabled="props.isEdit && props.state !== 1"
-            @click.stop
-          >
-            <option
-              v-for="(item, key) in usbControllerOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
-import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/config/options'
-
-const props = withDefaults(
-  defineProps<{
-    usbController: string
-    isEdit: boolean
-    state?: string | number
-  }>(),
-  {
-    usbController: 'usb2',
-  }
-)
-const emits = defineEmits<{
-  (event: 'send-data', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedUsbController = ref<string>(props.usbController)
-const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)
-
-watch(
-  selectedUsbController,
-  (newValue) => {
-    emits('send-data', newValue)
-  },
-  { immediate: true }
-)
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>
+<template>
+  <div class="hardware-cpu">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        <div class="flex-align-center">
+          <span>{{ localization.newUsbController }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <div v-if="props.isEdit">
+          {{ selectedUsbControllerText }}
+        </div>
+        <div v-else class="select">
+          <select
+            id="usb-controller-select"
+            v-model="selectedUsbController"
+            :disabled="props.isEdit"
+            @click.stop
+          >
+            <option
+              v-for="(item, key) in usbControllerOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/config/options'
+
+const props = withDefaults(
+  defineProps<{
+    usbController: string
+    isEdit: boolean
+    state?: string | number
+  }>(),
+  {
+    usbController: 'usb2',
+  }
+)
+const emits = defineEmits<{
+  (event: 'send-data', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)
+const selectedUsbController = ref<string>(props.usbController)
+const selectedUsbControllerText = computed<string>(
+  () =>
+    usbControllerOptions.value.find(
+      (option) => option.value === selectedUsbController.value
+    )?.text || ''
+)
+
+watch(
+  selectedUsbController,
+  (newValue) => {
+    emits('send-data', newValue)
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss">
+#network-connect {
+  margin-right: 4px;
+}
+</style>

package/package.json

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