bfg-common 1.5.591 → 1.5.592

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/Provisioning.vue

@@ -1,61 +1,57 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-provisioning-new
-    v-if="isNewView"
-    v-model:disk-provisioning="diskProvisioning"
-    :index="props.index"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :disk-provisioning-options="diskProvisioningOptions"
-    @remove-error="emits('remove-error-by-title', typeError)"
-    />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-provisioning-old
-    v-else
-    v-model:disk-provisioning="diskProvisioning"
-    :index="props.index"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :disk-provisioning-options="diskProvisioningOptions"
-    @remove-error="emits('remove-error-by-title', typeError)"
-    />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { diskProvisioningOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/lib/config/options'
-
-const diskProvisioning = defineModel<string>('diskProvisioning')
-
-const props = defineProps<{
-  index: number
-  errorValidationFields: UI_I_ErrorValidationField[]
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const diskProvisioningOptions = ref<UI_I_OptionItem[]>(
-  diskProvisioningOptionsFunc(localization.value)
-)
-
-const typeError = computed<string>(
-  () => `disk_devices[${props.index}].provision_type`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-</script>
-
-<style scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:disk-provisioning="diskProvisioning"
+    :index="props.index"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    :disk-provisioning-options="diskProvisioningOptions"
+    @remove-error="emits('remove-error-by-title', typeError)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { diskProvisioningOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/lib/config/options'
+
+const diskProvisioning = defineModel<string>('diskProvisioning')
+
+const props = defineProps<{
+  index: number
+  errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+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 localization = computed<UI_I_Localization>(() => useLocal())
+
+const diskProvisioningOptions = ref<UI_I_OptionItem[]>(
+  diskProvisioningOptionsFunc(localization.value)
+)
+
+const typeError = computed<string>(
+  () => `disk_devices[${props.index}].provision_type`
+)
+
+const apiError = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === typeError.value
+    )?.error_message || ''
+  )
+})
+</script>
+
+<style scoped></style>

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

@@ -1,63 +1,59 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-sharing-new
-    v-if="isNewView"
-    v-model:sharing="sharing"
-    :index="props.index"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :sharing-options="sharingOptions"
-    @remove-error="onRemoveValidationError"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-sharing-old
-    v-else
-    v-model:sharing="sharing"
-    :index="props.index"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :sharing-options="sharingOptions"
-    @remove-error="onRemoveValidationError"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { sharingOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options'
-
-const sharing = defineModel<string>('sharing')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const sharingOptions = ref<UI_I_OptionItem[]>(
-  sharingOptionsFunc(localization.value)
-)
-
-const typeError = computed<string>(() => `disk_devices[${props.index}].sharing`)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:sharing="sharing"
+    :index="props.index"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    :sharing-options="sharingOptions"
+    @remove-error="onRemoveValidationError"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { sharingOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options'
+
+const sharing = defineModel<string>('sharing')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField<string>[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+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 sharingOptions = ref<UI_I_OptionItem[]>(
+  sharingOptionsFunc(localization.value)
+)
+
+const typeError = computed<string>(() => `disk_devices[${props.index}].sharing`)
+
+const apiError = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === typeError.value
+    )?.error_message || ''
+  )
+})
+
+const onRemoveValidationError = (): void => {
+  emits('remove-error-by-title', typeError.value)
+}
+</script>
+
+<style scoped></style>