bfg-common 1.3.19 → 1.3.21

package/components/common/wizards/vm/migrate/select/storage/Storage.vue

@@ -1,202 +1,202 @@
-<template>
-  <div class="select-storage">
-    <atoms-alert
-      v-if="errorMessages.length"
-      test-id="select-storage-alert"
-      status="alert-danger"
-      :items="errorMessages"
-      @remove="onHideErrorMessageAlert"
-    />
-
-    <common-wizards-vm-migrate-select-storage-selected-per-disk
-      v-if="isShowSelectedPerDisks"
-      v-model="isShowSelectedPerDisks"
-      v-model:active-tab="activeTab"
-      v-model:connected-storage-id-local="connectedStorageIdLocal"
-      :data="selectedPerDisks"
-    />
-
-    <atoms-tabs
-      v-else
-      v-model="activeTab"
-      test-id="migrate-select-storage-tabs"
-      :items="selectStorageTabs"
-      size="small"
-      class="select-storage__tabs"
-      @change="onChangeMigrateMode"
-    />
-
-    <common-wizards-vm-migrate-select-storage-configure-batch
-      v-show="activeTab === 'batch-configure'"
-      v-model:vm-disk-format="selectStorageDataLocal.vmDiskFormat"
-      :get-datastore-table-func="props.getDatastoreTableFunc"
-      :datastore="props.datastore"
-      :connected-storage-id="connectedStorageId"
-      :is-hide-select-disk-format="isHideSelectDiskFormat"
-      @update-selected-datastore="selectStorageDataLocal.storage = $event"
-    >
-      <template v-if="isShowSelectedPerDisks" #buttonConfirm>
-        <button class="btn btn-sm btn-primary" @click="onApplyChanges">
-          {{ localization.confirm }}
-        </button>
-      </template>
-    </common-wizards-vm-migrate-select-storage-configure-batch>
-
-    <common-wizards-vm-migrate-select-storage-configure-disk
-      v-show="activeTab === 'configure-disk'"
-      v-model="isShowSelectedPerDisks"
-      v-model:selected-per-disk-keys="selectedPerDiskKeys"
-      v-model:active-tab="activeTab"
-      :configure-per-disks="configurePerDisksLocal"
-      @update-selected-per-disks="onChangePerDiskStorage"
-    />
-
-    <common-wizards-vm-common-validation-compatibility
-      :loading="!selectStorageDataLocal.storage"
-      :status="'Success'"
-      text="compatibilityChecksSucceeded"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/store/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
-import type {
-  UI_I_SelectStorageDataLocal,
-  UI_I_SelectStorageReadyData,
-} from '~/components/common/wizards/vm/migrate/select/storage/lib/models/interfaces'
-import { vmMigrateSelectStorageTabsFunc } from '~/components/common/wizards/vm/migrate/select/storage/lib/config/tabsPannel'
-
-const props = defineProps<{
-  submit: number
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  connectedStorageIdDefault: string | null
-  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'next-step', value: UI_I_SelectStorageReadyData): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const activeTab = ref<UI_T_VmMigrateSelectStorageTab>('batch-configure')
-const selectStorageTabs = computed<UI_I_CollapseNavItem[]>(() =>
-  vmMigrateSelectStorageTabsFunc(localization.value)
-)
-
-const errorMessages = ref<string[]>([])
-const selectStorageDataLocal = ref<UI_I_SelectStorageDataLocal>({
-  vmDiskFormat: 0,
-  storage: null,
-})
-const isShowSelectedPerDisks = ref<boolean>(false)
-
-const selectedPerDiskKeys = ref<number[]>([])
-const selectedPerDisks = ref<UI_I_StorageConfigurePerDiskItem[]>([])
-
-const configurePerDisksLocal = ref<UI_I_StorageConfigurePerDiskItem[]>(
-  props.configurePerDisks
-)
-
-const connectedStorageIdLocal = ref<string>('')
-const connectedStorageId = computed<string | null>(
-  () => connectedStorageIdLocal.value || props.connectedStorageIdDefault
-)
-
-const onChangeMigrateMode = (event: string): void => {
-  if (event === 'batch-configure') {
-    connectedStorageIdLocal.value = ''
-  }
-}
-const onChangePerDiskStorage = (
-  event: UI_I_StorageConfigurePerDiskItem[]
-): void => {
-  connectedStorageIdLocal.value = event[0].extra.datastore_id
-  selectStorageDataLocal.value.vmDiskFormat = event[0].disk_format
-
-  selectedPerDisks.value = event
-}
-
-const onApplyChanges = (): void => {
-  /* TODO сделать рефакторинг потом */
-  configurePerDisksLocal.value.forEach((disk) => {
-    const selectedDisk = selectedPerDisks.value.find(
-      (selected) =>
-        selected.virtual_machine === disk.virtual_machine &&
-        selected.file === disk.file &&
-        selected.extra.datastore_id === disk.extra.datastore_id
-    )!
-
-    if (selectedDisk) {
-      const { storage, vmDiskFormat } = selectStorageDataLocal.value
-
-      // ;({ name: disk.storage, id: disk.extra.datastore_id } = storage)
-      disk.storage = storage.name
-      disk.extra.datastore_id = storage.id
-      disk.disk_format = vmDiskFormat
-    }
-  })
-
-  isShowSelectedPerDisks.value = false
-  activeTab.value = 'configure-disk'
-  selectedPerDisks.value = []
-  selectedPerDiskKeys.value = []
-}
-
-const isHideSelectDiskFormat = computed<boolean>(() => {
-  return (
-    isShowSelectedPerDisks &&
-    selectedPerDisks.value.length === 1 &&
-    selectedPerDisks.value[0].file === 'Configuration file'
-  )
-})
-const onHideErrorMessageAlert = (): void => {
-  errorMessages.value = []
-}
-
-const checkValidityBlock = (): boolean => {
-  if (!selectStorageDataLocal.value.storage) {
-    const errorText = localization.value.selectValidDestinationStorage
-
-    errorMessages.value = [errorText]
-    return false
-  }
-  onHideErrorMessageAlert()
-  const isActivePerDiskTab = activeTab.value === 'configure-disk'
-  emits('next-step', {
-    ...selectStorageDataLocal.value,
-    tab: activeTab.value,
-    // ...(isActivePerDiskTab && { configureDisks: props.configurePerDisks }),
-    configureDisks: isActivePerDiskTab
-      ? configurePerDisksLocal.value
-      : props.configurePerDisks,
-  })
-  return true
-}
-watch(
-  () => props.submit,
-  () => {
-    checkValidityBlock()
-  }
-)
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.select-storage {
-  @include flex($dir: column);
-  height: inherit;
-  &__tabs {
-    width: 100%;
-    :deep(.nav) {
-      margin-top: 0;
-    }
-  }
-}
-</style>
+<template>
+  <div class="select-storage">
+    <atoms-alert
+      v-if="errorMessages.length"
+      test-id="select-storage-alert"
+      status="alert-danger"
+      :items="errorMessages"
+      @remove="onHideErrorMessageAlert"
+    />
+
+    <common-wizards-vm-migrate-select-storage-selected-per-disk
+      v-if="isShowSelectedPerDisks"
+      v-model="isShowSelectedPerDisks"
+      v-model:active-tab="activeTab"
+      v-model:connected-storage-id-local="connectedStorageIdLocal"
+      :data="selectedPerDisks"
+    />
+
+    <atoms-tabs
+      v-else
+      v-model="activeTab"
+      test-id="migrate-select-storage-tabs"
+      :items="selectStorageTabs"
+      size="small"
+      class="select-storage__tabs"
+      @change="onChangeMigrateMode"
+    />
+
+    <common-wizards-vm-migrate-select-storage-configure-batch
+      v-show="activeTab === 'batch-configure'"
+      v-model:vm-disk-format="selectStorageDataLocal.vmDiskFormat"
+      :get-datastore-table-func="props.getDatastoreTableFunc"
+      :datastore="props.datastore"
+      :connected-storage-id="connectedStorageId"
+      :is-hide-select-disk-format="isHideSelectDiskFormat"
+      @update-selected-datastore="selectStorageDataLocal.storage = $event"
+    >
+      <template v-if="isShowSelectedPerDisks" #buttonConfirm>
+        <button class="btn btn-sm btn-primary" @click="onApplyChanges">
+          {{ localization.confirm }}
+        </button>
+      </template>
+    </common-wizards-vm-migrate-select-storage-configure-batch>
+
+    <common-wizards-vm-migrate-select-storage-configure-disk
+      v-show="activeTab === 'configure-disk'"
+      v-model="isShowSelectedPerDisks"
+      v-model:selected-per-disk-keys="selectedPerDiskKeys"
+      v-model:active-tab="activeTab"
+      :configure-per-disks="configurePerDisksLocal"
+      @update-selected-per-disks="onChangePerDiskStorage"
+    />
+
+    <common-wizards-vm-common-validation-compatibility
+      :loading="!selectStorageDataLocal.storage"
+      :status="'Success'"
+      text="compatibilityChecksSucceeded"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/store/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/lib/models/interfaces'
+import type {
+  UI_I_SelectStorageDataLocal,
+  UI_I_SelectStorageReadyData,
+} from '~/components/common/wizards/vm/migrate/select/storage/lib/models/interfaces'
+import { vmMigrateSelectStorageTabsFunc } from '~/components/common/wizards/vm/migrate/select/storage/lib/config/tabsPannel'
+
+const props = defineProps<{
+  submit: number
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  connectedStorageIdDefault: string | null
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'next-step', value: UI_I_SelectStorageReadyData): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const activeTab = ref<UI_T_VmMigrateSelectStorageTab>('batch-configure')
+const selectStorageTabs = computed<UI_I_CollapseNavItem[]>(() =>
+  vmMigrateSelectStorageTabsFunc(localization.value)
+)
+
+const errorMessages = ref<string[]>([])
+const selectStorageDataLocal = ref<UI_I_SelectStorageDataLocal>({
+  vmDiskFormat: 0,
+  storage: null,
+})
+const isShowSelectedPerDisks = ref<boolean>(false)
+
+const selectedPerDiskKeys = ref<number[]>([])
+const selectedPerDisks = ref<UI_I_StorageConfigurePerDiskItem[]>([])
+
+const configurePerDisksLocal = ref<UI_I_StorageConfigurePerDiskItem[]>(
+  props.configurePerDisks
+)
+
+const connectedStorageIdLocal = ref<string>('')
+const connectedStorageId = computed<string | null>(
+  () => connectedStorageIdLocal.value || props.connectedStorageIdDefault
+)
+
+const onChangeMigrateMode = (event: string): void => {
+  if (event === 'batch-configure') {
+    connectedStorageIdLocal.value = ''
+  }
+}
+const onChangePerDiskStorage = (
+  event: UI_I_StorageConfigurePerDiskItem[]
+): void => {
+  connectedStorageIdLocal.value = event[0].extra.datastore_id
+  selectStorageDataLocal.value.vmDiskFormat = event[0].disk_format
+
+  selectedPerDisks.value = event
+}
+
+const onApplyChanges = (): void => {
+  /* TODO сделать рефакторинг потом */
+  configurePerDisksLocal.value.forEach((disk) => {
+    const selectedDisk = selectedPerDisks.value.find(
+      (selected) =>
+        selected.virtual_machine === disk.virtual_machine &&
+        selected.file === disk.file &&
+        selected.extra.datastore_id === disk.extra.datastore_id
+    )!
+
+    if (selectedDisk) {
+      const { storage, vmDiskFormat } = selectStorageDataLocal.value
+
+      // ;({ name: disk.storage, id: disk.extra.datastore_id } = storage)
+      disk.storage = storage.name
+      disk.extra.datastore_id = storage.id
+      disk.disk_format = vmDiskFormat
+    }
+  })
+
+  isShowSelectedPerDisks.value = false
+  activeTab.value = 'configure-disk'
+  selectedPerDisks.value = []
+  selectedPerDiskKeys.value = []
+}
+
+const isHideSelectDiskFormat = computed<boolean>(() => {
+  return (
+    isShowSelectedPerDisks &&
+    selectedPerDisks.value.length === 1 &&
+    selectedPerDisks.value[0].file === 'Configuration file'
+  )
+})
+const onHideErrorMessageAlert = (): void => {
+  errorMessages.value = []
+}
+
+const checkValidityBlock = (): boolean => {
+  if (!selectStorageDataLocal.value.storage) {
+    const errorText = localization.value.selectValidDestinationStorage
+
+    errorMessages.value = [errorText]
+    return false
+  }
+  onHideErrorMessageAlert()
+  const isActivePerDiskTab = activeTab.value === 'configure-disk'
+  emits('next-step', {
+    ...selectStorageDataLocal.value,
+    tab: activeTab.value,
+    // ...(isActivePerDiskTab && { configureDisks: props.configurePerDisks }),
+    configureDisks: isActivePerDiskTab
+      ? configurePerDisksLocal.value
+      : props.configurePerDisks,
+  })
+  return true
+}
+watch(
+  () => props.submit,
+  () => {
+    checkValidityBlock()
+  }
+)
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.select-storage {
+  @include flex($dir: column);
+  height: inherit;
+  &__tabs {
+    width: 100%;
+    :deep(.nav) {
+      margin-top: 0;
+    }
+  }
+}
+</style>

package/components/common/wizards/vm/migrate/select/storage/configure/batch/Batch.vue

@@ -1,76 +1,76 @@
-<template>
-  <div class="configure-batch-mode">
-    <common-wizards-vm-migrate-select-storage-disk-format
-      v-if="!isHideSelectDiskFormat"
-      v-model:vm-disk-format="selectedVmDiskFormat"
-    />
-
-    <!--    <common-wizards-vm-migrate-select-storage-policy />-->
-
-    <!--    <div class="clr-checkbox-wrapper flex-align-center w-100">-->
-    <!--      <input-->
-    <!--        id="suspend-on-revert"-->
-    <!--        v-models="isDisableStorageDrs"-->
-    <!--        type="checkbox"-->
-    <!--        class="checkbox-btn"-->
-    <!--      />-->
-    <!--      <label for="suspend-on-revert" class="clr-control-label">-->
-    <!--        {{ localization.disableStorageDRSVirtualMachine }}-->
-    <!--      </label>-->
-    <!--    </div>-->
-
-    <common-wizards-vm-migrate-select-storage-table-datastore
-      :get-datastore-table-func="props.getDatastoreTableFunc"
-      :datastore="props.datastore"
-      :connected-storage-id="props.connectedStorageId"
-      @update-selected-datastore="emits('update-selected-datastore', $event)"
-    />
-
-    <div
-      v-if="$slots.buttonConfirm"
-      class="clr-justify-content-end configure-batch-mode__button"
-    >
-      <slot name="buttonConfirm"></slot>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/store/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-
-const props = defineProps<{
-  vmDiskFormat: number
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  connectedStorageId: string | null
-  isHideSelectDiskFormat: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-// const isDisableStorageDrs = ref<boolean>(false)
-
-const emits = defineEmits<{
-  (event: 'update-selected-datastore', value: UI_I_TablePayload): void
-  (event: 'update:vm-disk-format', value: number): void
-}>()
-
-const selectedVmDiskFormat = computed<number>({
-  get() {
-    return props.vmDiskFormat
-  },
-  set(newValue: number) {
-    emits('update:vm-disk-format', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.configure-batch-mode {
-  &__button {
-    display: flex;
-  }
-}
-</style>
+<template>
+  <div class="configure-batch-mode">
+    <common-wizards-vm-migrate-select-storage-disk-format
+      v-if="!isHideSelectDiskFormat"
+      v-model:vm-disk-format="selectedVmDiskFormat"
+    />
+
+    <!--    <common-wizards-vm-migrate-select-storage-policy />-->
+
+    <!--    <div class="clr-checkbox-wrapper flex-align-center w-100">-->
+    <!--      <input-->
+    <!--        id="suspend-on-revert"-->
+    <!--        v-models="isDisableStorageDrs"-->
+    <!--        type="checkbox"-->
+    <!--        class="checkbox-btn"-->
+    <!--      />-->
+    <!--      <label for="suspend-on-revert" class="clr-control-label">-->
+    <!--        {{ localization.disableStorageDRSVirtualMachine }}-->
+    <!--      </label>-->
+    <!--    </div>-->
+
+    <common-wizards-vm-migrate-select-storage-table-datastore
+      :get-datastore-table-func="props.getDatastoreTableFunc"
+      :datastore="props.datastore"
+      :connected-storage-id="props.connectedStorageId"
+      @update-selected-datastore="emits('update-selected-datastore', $event)"
+    />
+
+    <div
+      v-if="$slots.buttonConfirm"
+      class="clr-justify-content-end configure-batch-mode__button"
+    >
+      <slot name="buttonConfirm"></slot>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/store/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+
+const props = defineProps<{
+  vmDiskFormat: number
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  connectedStorageId: string | null
+  isHideSelectDiskFormat: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+// const isDisableStorageDrs = ref<boolean>(false)
+
+const emits = defineEmits<{
+  (event: 'update-selected-datastore', value: UI_I_TablePayload): void
+  (event: 'update:vm-disk-format', value: number): void
+}>()
+
+const selectedVmDiskFormat = computed<number>({
+  get() {
+    return props.vmDiskFormat
+  },
+  set(newValue: number) {
+    emits('update:vm-disk-format', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.configure-batch-mode {
+  &__button {
+    display: flex;
+  }
+}
+</style>