bfg-common 1.5.591 → 1.5.592

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGrid.vue

@@ -1,41 +1,40 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid-new
-    v-if="isNewView"
-    v-model="model"
-    :options="options"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid-old
-    v-else
-    v-model="model"
-    :options="options"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-import type { UI_I_MediatedDevice } from '~/lib/models/store/vm/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  mediatedDevices: UI_I_MediatedDevice[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const options = ref<UI_I_Option[]>(
-  props.mediatedDevices.map((device) => {
-    return {
-      text: device.human_readable,
-      value: device.profile_name + '_' + device.root_device,
-    }
-  })
-)
-model.value = options.value[0]
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model="model"
+    :options="options"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+import type { UI_I_MediatedDevice } from '~/lib/models/store/vm/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  mediatedDevices: UI_I_MediatedDevice[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const options = ref<UI_I_Option[]>(
+  props.mediatedDevices.map((device) => {
+    return {
+      text: device.human_readable,
+      value: device.profile_name + '_' + device.root_device,
+    }
+  })
+)
+model.value = options.value[0]
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelection.vue

@@ -1,35 +1,34 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection-new
-    v-if="isNewView"
-    v-model="model"
-    :options="props.options"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection-old
-    v-else
-    v-model="model"
-    :options="props.options"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const model = defineModel<UI_I_OptionItem>({required: true})
-
-const props = defineProps<{
-  options: UI_I_OptionItem[]
-  pciDeviceIndex: number
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-input,
-label {
-  margin-right: 4px;
-}
-</style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model="model"
+    :options="props.options"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const model = defineModel<UI_I_OptionItem>({ required: true })
+
+const props = defineProps<{
+  options: UI_I_OptionItem[]
+  pciDeviceIndex: number
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+</script>
+
+<style scoped lang="scss">
+input,
+label {
+  margin-right: 4px;
+}
+</style>

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

@@ -1,47 +1,47 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller-new
-    v-if="isNewView"
-    v-model="model"
-    :is-edit="props.isEdit"
-    :selected-usb-controller-text="selectedUsbControllerText"
-    :usb-controller-options="usbControllerOptions"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller-old
-    v-else
-    v-model="model"
-    :is-edit="props.isEdit"
-    :selected-usb-controller-text="selectedUsbControllerText"
-    :usb-controller-options="usbControllerOptions"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/lib/config/options'
-
-const model = defineModel<UI_I_CreateVmData['usb_controllers'][0]['type']>({ required: true })
-
-const props = withDefaults(
-  defineProps<{
-    isEdit: boolean
-    state?: string | number
-  }>(),
-  {
-    state: undefined,
-  }
-)
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)
-const selectedUsbControllerText = computed<string>(
-  () =>
-    usbControllerOptions.value.find(
-      (option) => option.value === model.value
-    )?.text || ''
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-if="isNewView"
+    v-model="model"
+    :is-edit="props.isEdit"
+    :selected-usb-controller-text="selectedUsbControllerText"
+    :usb-controller-options="usbControllerOptions"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/lib/config/options'
+
+const model = defineModel<UI_I_CreateVmData['usb_controllers'][0]['type']>({
+  required: true,
+})
+
+const props = withDefaults(
+  defineProps<{
+    isEdit: boolean
+    state?: string | number
+  }>(),
+  {
+    state: undefined,
+  }
+)
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)
+const selectedUsbControllerText = computed<string>(
+  () =>
+    usbControllerOptions.value.find((option) => option.value === model.value)
+      ?.text || ''
+)
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue

@@ -1,16 +1,15 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-new
-    v-if="isNewView"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-old
-    v-else
-  />
-</template>
-
-<script setup lang="ts">
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-</style>
+<template>
+  <component :is="currentComponent" />
+</template>
+
+<script setup lang="ts">
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevices.vue

@@ -1,15 +1,15 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-input-devices-new
-    v-if="isNewView"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-input-devices-old
-    v-else
-  />
-</template>
-
-<script setup lang="ts">
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <component :is="currentComponent" />
+</template>
+
+<script setup lang="ts">
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+</script>
+
+<style scoped lang="scss"></style>