bfg-common 1.4.627 → 1.4.629

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>

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

@@ -1,55 +1,55 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.cdDvdMedia }}
-    </template>
-    <template #stackBlockContent>
-      <div class="media-content flex-align-center">
-        <ui-input
-          id="vm-wizard-dvd-media-input"
-          v-model="cdDvdMedia"
-          test-id="vm-wizard-dvd-media-input"
-          type="text"
-          size="sm"
-          disabled
-        />
-        <ui-button
-          id="vm-wizard-dvd-media-button"
-          test-id="vm-wizard-dvd-media-button"
-          size="sm"
-          class="media-button"
-          @click="emits('browse')"
-        >
-          {{ localization.common.browse }}...
-        </ui-button>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
-
-const emits = defineEmits<{
-  (event: 'browse'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped>
-.media-content {
-  gap: 8px;
-
-  .media-button {
-    width: 108px;
-    height: 26px;
-  }
-}
-:deep(.ui-main.ui-main-sm .ui-main-input) {
-  width: 196px;
-  height: 26px;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.cdDvdMedia }}
+    </template>
+    <template #stackBlockContent>
+      <div class="media-content flex-align-center">
+        <ui-input
+          id="vm-wizard-dvd-media-input"
+          v-model="cdDvdMedia"
+          test-id="vm-wizard-dvd-media-input"
+          type="text"
+          size="sm"
+          disabled
+        />
+        <ui-button
+          id="vm-wizard-dvd-media-button"
+          test-id="vm-wizard-dvd-media-button"
+          size="sm"
+          class="media-button"
+          @click="emits('browse')"
+        >
+          {{ localization.common.browse }}...
+        </ui-button>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
+
+const emits = defineEmits<{
+  (event: 'browse'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped>
+.media-content {
+  gap: 8px;
+
+  .media-button {
+    width: 108px;
+    height: 26px;
+  }
+}
+:deep(.ui-main.ui-main-sm .ui-main-input) {
+  width: 196px;
+  height: 26px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/dropdownItems.ts

@@ -1,147 +1,147 @@
-import type { UI_I_Dropdown } from 'bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DropdownTreeItem } from '~/components/atoms/dropdown/tree/lib/models/interfaces'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-
-export const dropdownItemsFunc = (
-  localization: UI_I_Localization,
-  state: string | number | undefined,
-  passthroughDevices?: UI_I_PciDevice[]
-): UI_I_DropdownTreeItem[] => {
-  const { $text } = useNuxtApp()
-
-  return [
-    {
-      text: localization.common.disksDrivesStorage,
-      children: [
-        {
-          text: $text.toCapitalizeEveryWord(localization.common.hardDisk),
-          value: 1,
-          testId: 'disks-drives-storage',
-        },
-        {
-          text: $text.toCapitalizeEveryWord(
-            localization.common.existingHardDisk
-          ),
-          value: 2,
-          testId: 'existing-hard-disk',
-        },
-        // { text: 'RDM Disk', value: 2 },
-        // { text: 'Host USB Device', value: 3 },
-        // { text: 'NVDIMM', value: 4 },
-        {
-          text: localization.common.cdDvdDrive,
-          value: 5,
-          testId: 'cd-dvd-drive',
-        },
-      ],
-    },
-    // {
-    //   text: 'Controllers',
-    //   children: [
-    //     { text: 'NVMe Controller', value: 6 },
-    //     { text: 'SATA Controller', value: 7 },
-    //     { text: 'SCSI Controller', value: 8 },
-    //     { text: 'USB Controller', value: 9 },
-    //   ],
-    // },
-    {
-      text: 'Other Devices',
-      children: [
-        {
-          text: 'PCI Device',
-          value: 10,
-          disabled: state === 2 || !passthroughDevices?.length,
-          testId: 'pci-device',
-        },
-        // { text: 'Watchdog Timer', value: 11 },
-        // { text: 'Precision Clock', value: 12 },
-        // { text: 'Serial Port', value: 13 },
-      ],
-    },
-    {
-      text: localization.common.network,
-      children: [
-        {
-          text: $text.toCapitalizeEveryWord(localization.common.networkAdapter),
-          value: 14,
-          testId: 'network-adapter',
-        },
-      ],
-    },
-  ]
-}
-
-export const dropdownItemsNewFunc = (
-  localization: UI_I_Localization,
-  state: string | number | undefined,
-  passthroughDevices?: UI_I_PciDevice[]
-): UI_I_Dropdown[] => {
-  const { $text } = useNuxtApp()
-
-  return [
-    {
-      text: localization.common.disksDrivesStorage,
-      value: -1,
-      divider: true,
-      items: [
-        {
-          text: $text.toCapitalizeEveryWord(localization.common.hardDisk),
-          value: 1,
-          testId: 'disks-drives-storage',
-        },
-        {
-          text: $text.toCapitalizeEveryWord(
-            localization.common.existingHardDisk
-          ),
-          value: 2,
-          testId: 'existing-hard-disk',
-        },
-        // { text: 'RDM Disk', value: 2 },
-        // { text: 'Host USB Device', value: 3 },
-        // { text: 'NVDIMM', value: 4 },
-        {
-          text: localization.common.cdDvdDrive,
-          value: 5,
-          testId: 'cd-dvd-drive',
-        },
-      ],
-    },
-    // {
-    //   text: 'Controllers',
-    //   children: [
-    //     { text: 'NVMe Controller', value: 6 },
-    //     { text: 'SATA Controller', value: 7 },
-    //     { text: 'SCSI Controller', value: 8 },
-    //     { text: 'USB Controller', value: 9 },
-    //   ],
-    // },
-    {
-      text: 'Other Devices',
-      value: -1,
-      divider: true,
-      items: [
-        {
-          text: 'PCI Device',
-          value: 10,
-          disabled: state === 2 || !passthroughDevices?.length,
-          testId: 'pci-device',
-        },
-        // { text: 'Watchdog Timer', value: 11 },
-        // { text: 'Precision Clock', value: 12 },
-        // { text: 'Serial Port', value: 13 },
-      ],
-    },
-    {
-      text: localization.common.network,
-      value: -1,
-      items: [
-        {
-          text: $text.toCapitalizeEveryWord(localization.common.networkAdapter),
-          value: 14,
-          testId: 'network-adapter',
-        },
-      ],
-    },
-  ]
-}
+import type { UI_I_Dropdown } from 'bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DropdownTreeItem } from '~/components/atoms/dropdown/tree/lib/models/interfaces'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+export const dropdownItemsFunc = (
+  localization: UI_I_Localization,
+  state: string | number | undefined,
+  passthroughDevices?: UI_I_PciDevice[]
+): UI_I_DropdownTreeItem[] => {
+  const { $text } = useNuxtApp()
+
+  return [
+    {
+      text: localization.common.disksDrivesStorage,
+      children: [
+        {
+          text: $text.toCapitalizeEveryWord(localization.common.hardDisk),
+          value: 1,
+          testId: 'disks-drives-storage',
+        },
+        {
+          text: $text.toCapitalizeEveryWord(
+            localization.common.existingHardDisk
+          ),
+          value: 2,
+          testId: 'existing-hard-disk',
+        },
+        // { text: 'RDM Disk', value: 2 },
+        // { text: 'Host USB Device', value: 3 },
+        // { text: 'NVDIMM', value: 4 },
+        {
+          text: localization.common.cdDvdDrive,
+          value: 5,
+          testId: 'cd-dvd-drive',
+        },
+      ],
+    },
+    // {
+    //   text: 'Controllers',
+    //   children: [
+    //     { text: 'NVMe Controller', value: 6 },
+    //     { text: 'SATA Controller', value: 7 },
+    //     { text: 'SCSI Controller', value: 8 },
+    //     { text: 'USB Controller', value: 9 },
+    //   ],
+    // },
+    {
+      text: 'Other Devices',
+      children: [
+        {
+          text: 'PCI Device',
+          value: 10,
+          disabled: state === 2 || !passthroughDevices?.length,
+          testId: 'pci-device',
+        },
+        // { text: 'Watchdog Timer', value: 11 },
+        // { text: 'Precision Clock', value: 12 },
+        // { text: 'Serial Port', value: 13 },
+      ],
+    },
+    {
+      text: localization.common.network,
+      children: [
+        {
+          text: $text.toCapitalizeEveryWord(localization.common.networkAdapter),
+          value: 14,
+          testId: 'network-adapter',
+        },
+      ],
+    },
+  ]
+}
+
+export const dropdownItemsNewFunc = (
+  localization: UI_I_Localization,
+  state: string | number | undefined,
+  passthroughDevices?: UI_I_PciDevice[]
+): UI_I_Dropdown[] => {
+  const { $text } = useNuxtApp()
+
+  return [
+    {
+      text: localization.common.disksDrivesStorage,
+      value: -1,
+      divider: true,
+      items: [
+        {
+          text: $text.toCapitalizeEveryWord(localization.common.hardDisk),
+          value: 1,
+          testId: 'disks-drives-storage',
+        },
+        {
+          text: $text.toCapitalizeEveryWord(
+            localization.common.existingHardDisk
+          ),
+          value: 2,
+          testId: 'existing-hard-disk',
+        },
+        // { text: 'RDM Disk', value: 2 },
+        // { text: 'Host USB Device', value: 3 },
+        // { text: 'NVDIMM', value: 4 },
+        {
+          text: localization.common.cdDvdDrive,
+          value: 5,
+          testId: 'cd-dvd-drive',
+        },
+      ],
+    },
+    // {
+    //   text: 'Controllers',
+    //   children: [
+    //     { text: 'NVMe Controller', value: 6 },
+    //     { text: 'SATA Controller', value: 7 },
+    //     { text: 'SCSI Controller', value: 8 },
+    //     { text: 'USB Controller', value: 9 },
+    //   ],
+    // },
+    {
+      text: 'Other Devices',
+      value: -1,
+      divider: true,
+      items: [
+        {
+          text: 'PCI Device',
+          value: 10,
+          disabled: state === 2 || !passthroughDevices?.length,
+          testId: 'pci-device',
+        },
+        // { text: 'Watchdog Timer', value: 11 },
+        // { text: 'Precision Clock', value: 12 },
+        // { text: 'Serial Port', value: 13 },
+      ],
+    },
+    {
+      text: localization.common.network,
+      value: -1,
+      items: [
+        {
+          text: $text.toCapitalizeEveryWord(localization.common.networkAdapter),
+          value: 14,
+          testId: 'network-adapter',
+        },
+      ],
+    },
+  ]
+}