bfg-common 1.5.539 → 1.5.540

package/components/common/pages/backups/modals/createBackup/CreateBackup.vue

@@ -1,196 +1,196 @@
-<template>
-  <common-pages-backups-modals-create-backup-new
-    v-if="isNewView"
-    v-model="backupForm"
-    v-model:scheduler-form="schedulerForm"
-    :wizard="wizard"
-    :selected-scheme="selectedScheme"
-    :alert-messages="alertMessages"
-    :title="title"
-    :is-scheduled-tasks="props.isScheduledTasks"
-    :is-edit-scheduled-tasks="props.isEditScheduledTasks"
-    :target="props.target"
-    :selected-vm-name="props.selectedVmName"
-    :disks="props.disks"
-    :disks-loading="props.disksLoading"
-    :datastore-table="props.datastoreTable"
-    :datastore-table-loading="props.datastoreTableLoading"
-    :ready-to-complete-data="readyToCompleteInfo"
-    @change-steps="onChangeSteps"
-    @submit="emits('finish')"
-    @hide="emits('hide')"
-  />
-  <common-pages-backups-modals-create-backup-old
-    v-else
-    v-model="backupForm"
-    v-model:scheduler-form="schedulerForm"
-    :wizard="wizard"
-    :selected-scheme="selectedScheme"
-    :alert-messages="alertMessages"
-    :title="title"
-    :alert-errors="errors"
-    :is-scheduled-tasks="props.isScheduledTasks"
-    :is-edit-scheduled-tasks="props.isEditScheduledTasks"
-    :target="props.target"
-    :selected-vm-name="props.selectedVmName"
-    :disks="props.disks"
-    :disks-loading="props.disksLoading"
-    :datastore-table="props.datastoreTable"
-    :datastore-table-loading="props.datastoreTableLoading"
-    :ready-to-complete-data="readyToCompleteInfo"
-    @change-step-create-backup="onChangeSteps"
-    @remove-validation-errors="onRemoveValidationErrors"
-    @finish="emits('finish')"
-    @hide="emits('hide')"
-  />
-</template>
-
-<script setup lang="ts">
-
-import type { UI_I_WizardStep } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
-import Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
-import type { UI_I_ValidationReturn } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
-import type {UI_I_Localization} from "~/lib/models/interfaces";
-import {
-  stepsSchemeInitial,
-  stepsFunc,
-  dynamicSteps
-} from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
-import type {
-  UI_I_BackupDatastoreTable,
-  UI_I_CreateBackupForm,
-  UI_I_Pvm
-} from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
-import {
-  readyToCompleteOptions
-} from '~/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions'
-import {
-  checkName,
-  checkDisks,
-  checkDatastore,
-  checkConfiguration
-} from '~/components/common/pages/backups/modals/createBackup/lib/validation/validations'
-import type {UI_I_NameCheck} from "~/components/common/pages/backups/modals/restore/name/lib/models/interfaces";
-import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
-import type {UI_I_TableInfoItem} from "~/components/atoms/table/info/lib/models/interfaces";
-
-
-const backupForm = defineModel<UI_I_CreateBackupForm>({ required: true })
-const schedulerForm = defineModel('schedulerForm', { required: true })
-
-const props = defineProps<{
-  isEdit: boolean // ToDo проверить на использование
-  target: string
-  isScheduledTasks: boolean
-  isEditScheduledTasks: boolean
-  selectedVmName: string
-  disks: UI_I_Pvm['disk_devices']
-  disksLoading: boolean
-  datastoreTable: UI_I_BackupDatastoreTable | null
-  datastoreTableLoading: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-step-create-backup', value: UI_I_WizardStep[]): void
-  (event: 'check-name', value: UI_I_NameCheck): void
-  (event: 'finish'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const title = computed<string>(() => {
-  const { createBackup, updateBackup, scheduleNewTasks, scheduleTaskEdit } =
-    localization.value.common
-  let result = props.isEdit ? updateBackup : createBackup
-  if (props.isScheduledTasks) {
-    const schedulerMode = props.isEditScheduledTasks
-      ? scheduleTaskEdit
-      : scheduleNewTasks
-
-    result = `${schedulerMode} (${createBackup})`
-  }
-
-  return result
-})
-
-
-const wizard: Wizard = new Wizard(
-  stepsFunc(localization.value),
-  stepsSchemeInitial(props.isScheduledTasks)
-)
-
-const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
-const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
-
-const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
-  emits('change-step-create-backup', value)
-  wizard.changeSteps(value, validationFunc)
-}
-
-const validationFunc = async (
-  value: UI_I_WizardStep[],
-  currentStep: UI_I_WizardStep,
-  nextStep: UI_I_WizardStep
-): Promise<UI_I_ValidationReturn> => {
-  let stepHasError = false
-  const stepShouldStop = {
-    ifOnCurrentStep: false,
-    ifFromAnyStep: false,
-    stoppageStepId: -1
-  }
-
-  if (wizard.isValidateForStep(dynamicSteps.general, currentStep.id, nextStep.id)) {
-    const nameValidation = await checkName(value, backupForm.value.name, wizard, localization.value, emits)
-    value = nameValidation.newValue
-    stepHasError = nameValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(dynamicSteps.disks, currentStep.id, nextStep.id)) {
-    const disksValidation = checkDisks(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
-    value = disksValidation.newValue
-    stepHasError = disksValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(dynamicSteps.datastores, currentStep.id, nextStep.id)) {
-    const datastoreValidation = checkDatastore(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
-    value = datastoreValidation.newValue
-    stepHasError = datastoreValidation.stepHasError
-  }
-
-  if (wizard.isValidateForStep(dynamicSteps.configuration, currentStep.id, nextStep.id)) {
-    const configurationValidation = checkConfiguration(value, backupForm.value.bandwidth_limit, wizard, localization.value)
-    value = configurationValidation.newValue
-    stepHasError = configurationValidation.stepHasError
-  }
-
-  return {
-    newValue: value,
-    stepHasError,
-    stepShouldStop
-  }
-}
-
-const errors = ref<string[]>([])
-const showValidationErrors = (data: string[]): void => {
-  errors.value = data
-}
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
-}
-
-const strategyOptions = ref<UI_I_SelectInputItem[]>(
-  strategyOptionsFunc(localization.value)
-)
-
-const readyToCompleteInfo = computed<UI_I_TableInfoItem[]>(() => {
-  return readyToCompleteOptions(backupForm.value, localization.value, strategyOptions.value, props.datastoreTable)
-})
-
-</script>
+<template>
+  <common-pages-backups-modals-create-backup-new
+    v-if="isNewView"
+    v-model="backupForm"
+    v-model:scheduler-form="schedulerForm"
+    :wizard="wizard"
+    :selected-scheme="selectedScheme"
+    :alert-messages="alertMessages"
+    :title="title"
+    :is-scheduled-tasks="props.isScheduledTasks"
+    :is-edit-scheduled-tasks="props.isEditScheduledTasks"
+    :target="props.target"
+    :selected-vm-name="props.selectedVmName"
+    :disks="props.disks"
+    :disks-loading="props.disksLoading"
+    :datastore-table="props.datastoreTable"
+    :datastore-table-loading="props.datastoreTableLoading"
+    :ready-to-complete-data="readyToCompleteInfo"
+    @change-steps="onChangeSteps"
+    @submit="emits('finish')"
+    @hide="emits('hide')"
+  />
+  <common-pages-backups-modals-create-backup-old
+    v-else
+    v-model="backupForm"
+    v-model:scheduler-form="schedulerForm"
+    :wizard="wizard"
+    :selected-scheme="selectedScheme"
+    :alert-messages="alertMessages"
+    :title="title"
+    :alert-errors="errors"
+    :is-scheduled-tasks="props.isScheduledTasks"
+    :is-edit-scheduled-tasks="props.isEditScheduledTasks"
+    :target="props.target"
+    :selected-vm-name="props.selectedVmName"
+    :disks="props.disks"
+    :disks-loading="props.disksLoading"
+    :datastore-table="props.datastoreTable"
+    :datastore-table-loading="props.datastoreTableLoading"
+    :ready-to-complete-data="readyToCompleteInfo"
+    @change-step-create-backup="onChangeSteps"
+    @remove-validation-errors="onRemoveValidationErrors"
+    @finish="emits('finish')"
+    @hide="emits('hide')"
+  />
+</template>
+
+<script setup lang="ts">
+
+import type { UI_I_WizardStep } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
+import Wizard from '~/node_modules/bfg-uikit/components/ui/wizard/lib/utils/utils'
+import type { UI_I_ValidationReturn } from '~/node_modules/bfg-uikit/components/ui/wizard/lib/models/interfaces'
+import type {UI_I_Localization} from "~/lib/models/interfaces";
+import {
+  stepsSchemeInitial,
+  stepsFunc,
+  dynamicSteps
+} from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
+import type {
+  UI_I_BackupDatastoreTable,
+  UI_I_CreateBackupForm,
+  UI_I_Pvm
+} from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
+import {
+  readyToCompleteOptions
+} from '~/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions'
+import {
+  checkName,
+  checkDisks,
+  checkDatastore,
+  checkConfiguration
+} from '~/components/common/pages/backups/modals/createBackup/lib/validation/validations'
+import type {UI_I_NameCheck} from "~/components/common/pages/backups/modals/restore/name/lib/models/interfaces";
+import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
+import type {UI_I_TableInfoItem} from "~/components/atoms/table/info/lib/models/interfaces";
+
+
+const backupForm = defineModel<UI_I_CreateBackupForm>({ required: true })
+const schedulerForm = defineModel('schedulerForm', { required: true })
+
+const props = defineProps<{
+  isEdit?: boolean // ToDo проверить на использование
+  target: string
+  isScheduledTasks: boolean
+  isEditScheduledTasks: boolean
+  selectedVmName: string
+  disks: UI_I_Pvm['disk_devices']
+  disksLoading: boolean
+  datastoreTable: UI_I_BackupDatastoreTable | null
+  datastoreTableLoading: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'change-step-create-backup', value: UI_I_WizardStep[]): void
+  (event: 'check-name', value: UI_I_NameCheck): void
+  (event: 'finish'): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const title = computed<string>(() => {
+  const { createBackup, updateBackup, scheduleNewTasks, scheduleTaskEdit } =
+    localization.value.common
+  let result = props.isEdit ? updateBackup : createBackup
+  if (props.isScheduledTasks) {
+    const schedulerMode = props.isEditScheduledTasks
+      ? scheduleTaskEdit
+      : scheduleNewTasks
+
+    result = `${schedulerMode} (${createBackup})`
+  }
+
+  return result
+})
+
+
+const wizard: Wizard = new Wizard(
+  stepsFunc(localization.value),
+  stepsSchemeInitial(props.isScheduledTasks)
+)
+
+const selectedScheme = computed<number[]>(() => wizard.selectedScheme.value)
+const alertMessages = computed<string[][]>(() => wizard.alertMessages.value)
+
+const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> => {
+  emits('change-step-create-backup', value)
+  wizard.changeSteps(value, validationFunc)
+}
+
+const validationFunc = async (
+  value: UI_I_WizardStep[],
+  currentStep: UI_I_WizardStep,
+  nextStep: UI_I_WizardStep
+): Promise<UI_I_ValidationReturn> => {
+  let stepHasError = false
+  const stepShouldStop = {
+    ifOnCurrentStep: false,
+    ifFromAnyStep: false,
+    stoppageStepId: -1
+  }
+
+  if (wizard.isValidateForStep(dynamicSteps.general, currentStep.id, nextStep.id)) {
+    const nameValidation = await checkName(value, backupForm.value.name, wizard, localization.value, emits)
+    value = nameValidation.newValue
+    stepHasError = nameValidation.stepHasError
+  }
+
+  if (wizard.isValidateForStep(dynamicSteps.disks, currentStep.id, nextStep.id)) {
+    const disksValidation = checkDisks(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
+    value = disksValidation.newValue
+    stepHasError = disksValidation.stepHasError
+  }
+
+  if (wizard.isValidateForStep(dynamicSteps.datastores, currentStep.id, nextStep.id)) {
+    const datastoreValidation = checkDatastore(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
+    value = datastoreValidation.newValue
+    stepHasError = datastoreValidation.stepHasError
+  }
+
+  if (wizard.isValidateForStep(dynamicSteps.configuration, currentStep.id, nextStep.id)) {
+    const configurationValidation = checkConfiguration(value, backupForm.value.bandwidth_limit, wizard, localization.value)
+    value = configurationValidation.newValue
+    stepHasError = configurationValidation.stepHasError
+  }
+
+  return {
+    newValue: value,
+    stepHasError,
+    stepShouldStop
+  }
+}
+
+const errors = ref<string[]>([])
+const showValidationErrors = (data: string[]): void => {
+  errors.value = data
+}
+const onRemoveValidationErrors = (): void => {
+  errors.value = []
+}
+
+const strategyOptions = ref<UI_I_SelectInputItem[]>(
+  strategyOptionsFunc(localization.value)
+)
+
+const readyToCompleteInfo = computed<UI_I_TableInfoItem[]>(() => {
+  return readyToCompleteOptions(backupForm.value, localization.value, strategyOptions.value, props.datastoreTable)
+})
+
+</script>
 <style scoped lang="scss"></style>

package/components/common/pages/backups/modals/createBackup/configuration/backupWindow/BackupWindow.vue

@@ -1,29 +1,29 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-window-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.backupWindow }}</span>
-    </template>
-    <template #stackBlockContent>
-      <input
-        v-model="model.start_window_min"
-        data-id="hours-input"
-        type="number"
-        class="hrs"
-      />
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-window-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.backupWindow }}</span>
+    </template>
+    <template #stackBlockContent>
+      <input
+        v-model="model.start_window_min"
+        data-id="hours-input"
+        type="number"
+        class="hrs"
+      />
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/MaxBandwidth.vue

@@ -1,69 +1,69 @@
-<template>
-  <atoms-stack-block
-      :has-children="false"
-      test-id="backup-max-bandwidth-stack-block"
-  >
-    <template #stackBlockKey>
-      <span>{{ localization.common.maxBandwidth }}</span>
-    </template>
-    <template #stackBlockContent>
-      <div class="flex-align-center">
-        <input
-          v-model="maxBindwidthLocal"
-          data-id="mbps-input"
-          type="number"
-          class="mbps"
-        />
-
-        <common-select-input
-          v-model="selectedType"
-          :data="maxBandwidthOptionsLocal"
-          test-id="backup-max-bandwidth-type"
-          class="ml-1"
-        />
-      </div>
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $binary }: any = useNuxtApp()
-
-const maxBandwidthOptionsLocal =
-  ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
-
-const maxBindwidthLocal = computed<number>({
-  get() {
-    return selectedType.value === 1
-      ? $binary.bToGb(model.value.bandwidth_limit)
-      : $binary.bToMb(model.value.bandwidth_limit)
-  },
-  set(newValue: number) {
-    model.value.bandwidth_limit =
-      selectedType.value === 1
-        ? $binary.gbToB(newValue)
-        : $binary.mbToB(newValue)
-  },
-})
-
-const selectedType = ref<UI_T_BandwidthOption>(0)
-watch(selectedType, (newValue) => {
-  if (newValue === 1) model.value.bandwidth_limit *= 1_024
-  else model.value.bandwidth_limit /= 1_024
-})
-</script>
-
-<style lang="scss" scoped>
-#backup-transaction-logs {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-max-bandwidth-stack-block"
+  >
+    <template #stackBlockKey>
+      <span>{{ localization.common.maxBandwidth }}</span>
+    </template>
+    <template #stackBlockContent>
+      <div class="flex-align-center">
+        <input
+          v-model="maxBindwidthLocal"
+          data-id="mbps-input"
+          type="number"
+          class="mbps"
+        />
+
+        <common-select-input
+          v-model="selectedType"
+          :data="maxBandwidthOptionsLocal"
+          test-id="backup-max-bandwidth-type"
+          class="ml-1"
+        />
+      </div>
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import type { UI_T_BandwidthOption } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/models/types'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import { maxBandwidthOptions } from '~/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $binary }: any = useNuxtApp()
+
+const maxBandwidthOptionsLocal =
+  ref<UI_I_SelectInputItem[]>(maxBandwidthOptions)
+
+const maxBindwidthLocal = computed<number>({
+  get() {
+    return selectedType.value === 1
+      ? $binary.bToGb(model.value.bandwidth_limit)
+      : $binary.bToMb(model.value.bandwidth_limit)
+  },
+  set(newValue: number) {
+    model.value.bandwidth_limit =
+      selectedType.value === 1
+        ? $binary.gbToB(newValue)
+        : $binary.mbToB(newValue)
+  },
+})
+
+const selectedType = ref<UI_T_BandwidthOption>(0)
+watch(selectedType, (newValue) => {
+  if (newValue === 1) model.value.bandwidth_limit *= 1_024
+  else model.value.bandwidth_limit /= 1_024
+})
+</script>
+
+<style lang="scss" scoped>
+#backup-transaction-logs {
+  margin: 4px 4px 0 0;
+}
+</style>