bfg-common 1.5.351 → 1.5.353

package/components/common/vm/actions/common/select/os/Os.vue

@@ -1,139 +1,139 @@
-<template>
-  <common-vm-actions-common-select-os-new
-    v-if="isNewView"
-    v-model:machine-type="machineType"
-    v-model:guest-os-family="guestOsFamily"
-    v-model:guest-os-version="guestOsVersion"
-    :api-error-machine-type="apiErrorMachineType"
-    :machine-type-options="machineTypeOptions"
-    :api-error-guest-os-family="apiErrorGuestOsFamily"
-    :os-options="osOptions"
-    :api-error-guest-os-version="apiErrorGuestOsVersion"
-    :versions-options="versionsOptions"
-    @change-os="onChangeOs"
-    @remove-error-by-title="onRemoveValidationError"
-  />
-  <common-vm-actions-common-select-os-old
-    v-else
-    v-model:machine-type="machineType"
-    v-model:guest-os-family="guestOsFamily"
-    v-model:guest-os-version="guestOsVersion"
-    :api-error-machine-type="apiErrorMachineType"
-    :machine-type-options="machineTypeOptions"
-    :api-error-guest-os-family="apiErrorGuestOsFamily"
-    :os-options="osOptions"
-    :api-error-guest-os-version="apiErrorGuestOsVersion"
-    :versions-options="versionsOptions"
-    @change-os="onChangeOs"
-    @remove-error-by-title="onRemoveValidationError"
-  />
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_ArbitraryObject,
-} 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'
-
-const machineType = defineModel<UI_I_OptionItem | null>('machine-type', {
-  required: true,
-})
-const guestOsFamily = defineModel<UI_I_OptionItem | null>('guest-os-family', {
-  required: true,
-})
-const guestOsVersion = defineModel<UI_I_OptionItem | null>('guest-os-version', {
-  required: true,
-})
-
-const props = defineProps<{
-  familiesOptions: UI_I_OptionItem[]
-  machineTypesOptions: UI_I_OptionItem[]
-  versionsOptions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
-  errorValidationFields: UI_I_ErrorValidationField[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const machineTypeOptions = ref<UI_I_OptionItem[]>(props.machineTypesOptions)
-watch(
-  () => props.machineTypesOptions,
-  (newValue) => {
-    machineTypeOptions.value = [...newValue]
-    if (machineType.value) return
-
-    const q35MachineIndex = newValue.findIndex((item) =>
-      item.value.toLowerCase().includes('q35')
-    )
-    if (q35MachineIndex === -1) {
-      machineType.value = newValue[0]
-    } else {
-      machineType.value = newValue[q35MachineIndex]
-    }
-  },
-  { immediate: true }
-)
-
-const osOptions = ref<UI_I_OptionItem[]>(props.familiesOptions)
-watch(
-  () => props.familiesOptions,
-  (newValue) => {
-    osOptions.value = [...newValue]
-    if (guestOsFamily.value) return
-    guestOsFamily.value = newValue[0]
-  },
-  { immediate: true }
-)
-const onChangeOs = (): void => {
-  guestOsVersion.value = versionsOptions.value[0]
-}
-
-const versionsOptions = computed<UI_I_OptionItem[]>(() => {
-  if (!guestOsFamily.value) return []
-
-  return props.versionsOptions[guestOsFamily.value.value] || []
-})
-watch(
-  versionsOptions,
-  () => {
-    if (guestOsVersion.value) return
-
-    guestOsVersion.value = versionsOptions.value[0]
-  },
-  { immediate: true }
-)
-
-const apiErrorMachineType = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === 'machine_type'
-    )?.error_message || ''
-  )
-})
-
-const apiErrorGuestOsFamily = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === 'guest_os_family'
-    )?.error_message || ''
-  )
-})
-
-const apiErrorGuestOsVersion = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === 'guest_os_version'
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (type: string): void => {
-  emits('remove-error-by-title', type)
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-select-os-new
+    v-if="isNewView"
+    v-model:machine-type="machineType"
+    v-model:guest-os-family="guestOsFamily"
+    v-model:guest-os-version="guestOsVersion"
+    :api-error-machine-type="apiErrorMachineType"
+    :machine-type-options="machineTypeOptions"
+    :api-error-guest-os-family="apiErrorGuestOsFamily"
+    :os-options="osOptions"
+    :api-error-guest-os-version="apiErrorGuestOsVersion"
+    :versions-options="versionsOptions"
+    @change-os="onChangeOs"
+    @remove-error-by-title="onRemoveValidationError"
+  />
+  <common-vm-actions-common-select-os-old
+    v-else
+    v-model:machine-type="machineType"
+    v-model:guest-os-family="guestOsFamily"
+    v-model:guest-os-version="guestOsVersion"
+    :api-error-machine-type="apiErrorMachineType"
+    :machine-type-options="machineTypeOptions"
+    :api-error-guest-os-family="apiErrorGuestOsFamily"
+    :os-options="osOptions"
+    :api-error-guest-os-version="apiErrorGuestOsVersion"
+    :versions-options="versionsOptions"
+    @change-os="onChangeOs"
+    @remove-error-by-title="onRemoveValidationError"
+  />
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_ArbitraryObject,
+} 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'
+
+const machineType = defineModel<UI_I_OptionItem | null>('machine-type', {
+  required: true,
+})
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guest-os-family', {
+  required: true,
+})
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guest-os-version', {
+  required: true,
+})
+
+const props = defineProps<{
+  familiesOptions: UI_I_OptionItem[]
+  machineTypesOptions: UI_I_OptionItem[]
+  versionsOptions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
+  errorValidationFields: UI_I_ErrorValidationField[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const machineTypeOptions = ref<UI_I_OptionItem[]>(props.machineTypesOptions)
+watch(
+  () => props.machineTypesOptions,
+  (newValue) => {
+    machineTypeOptions.value = [...newValue]
+    if (machineType.value) return
+
+    const q35MachineIndex = newValue.findIndex((item) =>
+      item.value.toLowerCase().includes('q35')
+    )
+    if (q35MachineIndex === -1) {
+      machineType.value = newValue[0]
+    } else {
+      machineType.value = newValue[q35MachineIndex]
+    }
+  },
+  { immediate: true }
+)
+
+const osOptions = ref<UI_I_OptionItem[]>(props.familiesOptions)
+watch(
+  () => props.familiesOptions,
+  (newValue) => {
+    osOptions.value = [...newValue]
+    if (guestOsFamily.value) return
+    guestOsFamily.value = newValue[0]
+  },
+  { immediate: true }
+)
+const onChangeOs = (): void => {
+  guestOsVersion.value = versionsOptions.value[0]
+}
+
+const versionsOptions = computed<UI_I_OptionItem[]>(() => {
+  if (!guestOsFamily.value) return []
+
+  return props.versionsOptions[guestOsFamily.value.value] || []
+})
+watch(
+  versionsOptions,
+  () => {
+    if (guestOsVersion.value) return
+
+    guestOsVersion.value = versionsOptions.value[0]
+  },
+  { immediate: true }
+)
+
+const apiErrorMachineType = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === 'machine_type'
+    )?.error_message || ''
+  )
+})
+
+const apiErrorGuestOsFamily = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === 'guest_os_family'
+    )?.error_message || ''
+  )
+})
+
+const apiErrorGuestOsVersion = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === 'guest_os_version'
+    )?.error_message || ''
+  )
+})
+
+const onRemoveValidationError = (type: string): void => {
+  emits('remove-error-by-title', type)
+}
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/select/storage/Storage.vue

@@ -1,152 +1,155 @@
-<template>
-  <common-vm-actions-common-select-storage-new
-    v-if="isNewView"
-    v-model:selected-row="selectedRow"
-    v-model:pagination="pagination"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :errors="errors"
-    :selected-storage="selectedStorage"
-    :hide-compatibility="props.hideCompatibility"
-    :hide-alert="props.hideAlert"
-    :is-in-wizard="props.isInWizard"
-    @remove-error="onRemoveValidationErrors"
-    @change-storage="changeStorage"
-  />
-  <common-vm-actions-common-select-storage-old
-    v-else
-    v-model:selected-row="selectedRow"
-    v-model:pagination="pagination"
-    :datastore="props.datastore"
-    :is-datastore-loading="props.isDatastoreLoading"
-    :errors="errors"
-    :selected-storage="selectedStorage"
-    :hide-compatibility="props.hideCompatibility"
-    @remove-error="onRemoveValidationErrors"
-    @change-storage="changeStorage"
-  />
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Pagination,
-  UI_I_TablePayload,
-} from '~/lib/models/table/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  storageSubmit: null | Function
-  datastore: UI_I_DatastoreTableItem[]
-  isDatastoreLoading: boolean
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  storage?: UI_I_DatastoreTableItem
-  hideCompatibility?: boolean
-  hideAlert?: boolean
-  isInWizard?: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'submit', value: UI_I_DatastoreTableItem): void
-  (event: 'change-storage', value: UI_I_DatastoreTableItem): void
-  (event: 'is-selected-row', value: boolean): void
-  (event: 'has-errors', value: boolean): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 100,
-})
-const getStorage = async (): Promise<void> => {
-  const payload: UI_I_TablePayload = {
-    pagination: pagination.value,
-    sortBy: null,
-    type: 'datastore',
-    schema: 'full',
-  }
-
-  props.getDatastoreTableFunc(payload).then(() => {
-    selectedRow.value = null
-    setStorageFromProps()
-  })
-}
-getStorage()
-
-const selectedStorage = ref<UI_I_DatastoreTableItem | null>(null)
-const selectedRow = ref<number | null>(null)
-const changeStorage = (index: number): void => {
-  if (!props.datastore) return
-  selectedStorage.value = props.datastore[index]
-  selectedRow.value = index
-  emits('change-storage', selectedStorage.value)
-}
-
-const setStorageFromProps = (): void => {
-  if (!props.storage) return
-  props.datastore.forEach((item, index) => {
-    if (item.id === props.storage.id) changeStorage(index)
-  })
-}
-watch(
-  () => props.storage,
-  () => {
-    setStorageFromProps()
-  },
-  { immediate: true }
-)
-watch(
-  () => props.datastore,
-  () => {
-    selectedRow.value = null
-    selectedStorage.value = null
-  },
-  { immediate: true }
-)
-watch(
-  selectedRow,
-  (newValue) => {
-    emits('is-selected-row', typeof newValue === 'number')
-  },
-  { immediate: true }
-)
-
-watch(
-  () => props.storageSubmit,
-  (newValue) => {
-    newValue && submit(newValue)
-  }
-)
-const submit = (cb: Function): void => {
-  if (!selectedStorage.value) {
-    showValidationErrors([
-      localization.value.common.selectValidDestinationStorage,
-    ])
-    cb(false)
-    return
-  }
-
-  emits('submit', selectedStorage.value)
-  cb(true)
-}
-
-const errors = ref<string[]>([])
-const showValidationErrors = (arr: string[]): void => {
-  errors.value = arr
-}
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
-}
-watch(
-  errors,
-  (newValue) => {
-    emits('has-errors', !newValue.length)
-  },
-  { immediate: true, deep: true }
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-select-storage-new
+    v-if="isNewView"
+    v-model:selected-row="selectedRow"
+    v-model:pagination="pagination"
+    :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
+    :errors="errors"
+    :selected-storage="selectedStorage"
+    :hide-compatibility="props.hideCompatibility"
+    :hide-alert="props.hideAlert"
+    :is-in-wizard="props.isInWizard"
+    :table-options="props.tableOptions"
+    @remove-error="onRemoveValidationErrors"
+    @change-storage="changeStorage"
+  />
+  <common-vm-actions-common-select-storage-old
+    v-else
+    v-model:selected-row="selectedRow"
+    v-model:pagination="pagination"
+    :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
+    :errors="errors"
+    :selected-storage="selectedStorage"
+    :hide-compatibility="props.hideCompatibility"
+    @remove-error="onRemoveValidationErrors"
+    @change-storage="changeStorage"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_DataTableOptions } from 'bfg-uikit/components/ui/dataTable/models/interfaces'
+import type {
+  UI_I_Pagination,
+  UI_I_TablePayload,
+} from '~/lib/models/table/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  storageSubmit: null | Function
+  datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  storage?: UI_I_DatastoreTableItem
+  hideCompatibility?: boolean
+  hideAlert?: boolean
+  isInWizard?: boolean
+  tableOptions?: UI_I_DataTableOptions
+}>()
+const emits = defineEmits<{
+  (event: 'submit', value: UI_I_DatastoreTableItem): void
+  (event: 'change-storage', value: UI_I_DatastoreTableItem): void
+  (event: 'is-selected-row', value: boolean): void
+  (event: 'has-errors', value: boolean): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+const getStorage = async (): Promise<void> => {
+  const payload: UI_I_TablePayload = {
+    pagination: pagination.value,
+    sortBy: null,
+    type: 'datastore',
+    schema: 'full',
+  }
+
+  props.getDatastoreTableFunc(payload).then(() => {
+    selectedRow.value = null
+    setStorageFromProps()
+  })
+}
+getStorage()
+
+const selectedStorage = ref<UI_I_DatastoreTableItem | null>(null)
+const selectedRow = ref<number | null>(null)
+const changeStorage = (index: number): void => {
+  if (!props.datastore) return
+  selectedStorage.value = props.datastore[index]
+  selectedRow.value = index
+  emits('change-storage', selectedStorage.value)
+}
+
+const setStorageFromProps = (): void => {
+  if (!props.storage) return
+  props.datastore.forEach((item, index) => {
+    if (item.id === props.storage.id) changeStorage(index)
+  })
+}
+watch(
+  () => props.storage,
+  () => {
+    setStorageFromProps()
+  },
+  { immediate: true }
+)
+watch(
+  () => props.datastore,
+  () => {
+    selectedRow.value = null
+    selectedStorage.value = null
+  },
+  { immediate: true }
+)
+watch(
+  selectedRow,
+  (newValue) => {
+    emits('is-selected-row', typeof newValue === 'number')
+  },
+  { immediate: true }
+)
+
+watch(
+  () => props.storageSubmit,
+  (newValue) => {
+    newValue && submit(newValue)
+  }
+)
+const submit = (cb: Function): void => {
+  if (!selectedStorage.value) {
+    showValidationErrors([
+      localization.value.common.selectValidDestinationStorage,
+    ])
+    cb(false)
+    return
+  }
+
+  emits('submit', selectedStorage.value)
+  cb(true)
+}
+
+const errors = ref<string[]>([])
+const showValidationErrors = (arr: string[]): void => {
+  errors.value = arr
+}
+const onRemoveValidationErrors = (): void => {
+  errors.value = []
+}
+watch(
+  errors,
+  (newValue) => {
+    emits('has-errors', !newValue.length)
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="scss"></style>