bfg-common 1.4.598 → 1.4.600

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',
+        },
+      ],
+    },
+  ]
+}

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/mode/ModeOld.vue

@@ -1,55 +1,55 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.diskMode }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!props.errorText"
-          :selector="`.vm-wizard-disk-device-mode-field-${props.index}`"
-          @remove="emits('remove-error')"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                v-model="diskMode"
-                :class="`vm-wizard-disk-device-mode-field-${props.index}`"
-              >
-                <option
-                  v-for="item in diskModeOptions"
-                  :key="item.value"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ props.errorText }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const diskMode = defineModel<string>('diskMode')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  diskModeOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-}>()
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.diskMode }}
+      </template>
+      <template #stackBlockContent>
+        <atoms-tooltip-error
+          :has-error="!!props.errorText"
+          :selector="`.vm-wizard-disk-device-mode-field-${props.index}`"
+          @remove="emits('remove-error')"
+        >
+          <template #elem>
+            <div class="select">
+              <select
+                v-model="diskMode"
+                :class="`vm-wizard-disk-device-mode-field-${props.index}`"
+              >
+                <option
+                  v-for="item in diskModeOptions"
+                  :key="item.value"
+                  :value="item.value"
+                >
+                  {{ item.text }}
+                </option>
+              </select>
+            </div>
+          </template>
+          <template #content>{{ props.errorText }}</template>
+        </atoms-tooltip-error>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const diskMode = defineModel<string>('diskMode')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  diskModeOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error'): void
+}>()
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingNew.vue

@@ -1,44 +1,44 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.sharing }}
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-        v-model="sharing"
-        width="auto"
-        :disabled="props.disabled"
-        :items="props.sharingOptions"
-        :class="`vm-wizard-disk-device-sharing-field-${props.index} sharing`"
-        :test-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-        @click.stop
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const sharing = defineModel<string>('sharing')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  sharingOptions: UI_I_OptionItem[]
-}>()
-// const emits = defineEmits<{
-//   (event: 'remove-error'): void
-// }>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped>
-:deep(.sharing .ui-main-select-toggle) {
-  width: 144px;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.sharing }}
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
+        v-model="sharing"
+        width="auto"
+        :disabled="props.disabled"
+        :items="props.sharingOptions"
+        :class="`vm-wizard-disk-device-sharing-field-${props.index} sharing`"
+        :test-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
+        @click.stop
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const sharing = defineModel<string>('sharing')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  sharingOptions: UI_I_OptionItem[]
+}>()
+// const emits = defineEmits<{
+//   (event: 'remove-error'): void
+// }>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped>
+:deep(.sharing .ui-main-select-toggle) {
+  width: 144px;
+}
+</style>