bfg-common 1.5.421 → 1.5.423

package/components/common/pages/backups/modals/createBackup/general/General.vue

@@ -1,48 +1,135 @@
-<template>
-  <div class="general">
-    <form @submit.prevent>
-      <div class="field flex pt-4">
-        <label for="general-name">{{ localization.common.name }}:</label>
-        <input
-          id="general-name"
-          v-model.trim="model.name"
-          data-id="general-name-input"
-          type="text"
-        />
-      </div>
-      <div class="field flex pt-4">
-        <label for="general-description"
-          >{{ localization.common.description }} ({{
-            localization.common.optional
-          }}):</label
-        >
-        <textarea
-          id="general-description"
-          v-model="model.description"
-          data-id="general-description-textarea"
-        />
-      </div>
-    </form>
-  </div>
-</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>
-.field {
-  label {
-    width: 216px;
-  }
-  input,
-  textarea {
-    width: 345px;
-  }
-}
-</style>
+<template>
+  <div class="general">
+    <form @submit.prevent>
+      <div class="field flex pt-4">
+        <label for="general-name">{{ localization.common.name }}:</label>
+        <input
+          id="general-name"
+          v-model.trim="model.name"
+          data-id="general-name-input"
+          type="text"
+        />
+      </div>
+      <div class="field flex pt-4">
+        <label for="general-description"
+          >{{ localization.common.description }} ({{
+            localization.common.optional
+          }}):</label
+        >
+        <textarea
+          id="general-description"
+          v-model="model.description"
+          data-id="general-description-textarea"
+        />
+      </div>
+    </form>
+  </div>
+</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_I_NameCheck } from '~/components/common/pages/backups/modals/restore/name/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const props = defineProps<{
+  show: boolean
+  generalSubmit: null | Function
+}>()
+const emits = defineEmits<{
+  (event: 'check-name', value: UI_I_NameCheck): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+watch(
+  () => props.generalSubmit,
+  (newValue) => {
+    newValue && submit(newValue)
+  }
+)
+const submit = async (cb: Function): Promise<void> => {
+  const name = model.value.name
+
+  if (name !== '') {
+    const isNameValid = await checkNameIsValid(name)
+    if (!isNameValid) {
+      // @ts-ignore
+      cb(false)
+      return
+    }
+  }
+
+  onRemoveValidationErrors()
+  // @ts-ignore
+  cb(true)
+}
+
+const checkNameIsValid = async (name: string): Promise<boolean> => {
+  return new Promise((resolve) => {
+    emits('check-name', {
+      name,
+      cb: (error): void => {
+        const status = error?.statusCode || 200
+        switch (status) {
+          case 405: // Invalid kind
+            showValidationErrors([
+              localization.value.common.kindValidationDescription,
+            ])
+            resolve(false)
+            break
+          case 406: // Invalid name
+            showValidationErrors([
+              localization.value.common.vmNameValidationDescription,
+            ])
+            resolve(false)
+            break
+          case 409: // Name exist
+            showValidationErrors([
+              localization.value.common.vmNameExistInSelectedLocation,
+            ])
+            resolve(false)
+            break
+        }
+
+        resolve(true)
+      },
+    })
+  })
+}
+
+const errors = ref<string[]>([])
+const showValidationErrors = (data: string[]): void => {
+  errors.value = data
+}
+const onRemoveValidationErrors = (): void => {
+  errors.value = []
+}
+
+watch(
+  () => props.show,
+  (newValue) => {
+    if (!newValue) return
+
+    const input = document.getElementById('general-name')
+    if (!input) return
+
+    setTimeout(() => {
+      input.focus()
+    }, 0)
+  }
+)
+</script>
+
+<style lang="scss" scoped>
+.field {
+  label {
+    width: 216px;
+  }
+  input,
+  textarea {
+    width: 345px;
+  }
+}
+</style>

package/components/common/pages/backups/modals/createBackup/lib/config/steps.ts

@@ -1,117 +1,117 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_DynamicSteps } from '~/components/common/pages/backups/modals/createBackup/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const dynamicSteps: UI_I_DynamicSteps = {
-  schedulingOptions: 0,
-  general: 1,
-  disks: 2,
-  datastores: 3,
-  configuration: 4,
-  readyComplete: 5,
-}
-
-export const stepsFunc = (
-  localization: UI_I_Localization,
-): UI_I_WizardStep[] => {
-  return [
-    {
-      id: dynamicSteps.schedulingOptions,
-      stepName: '',
-      title: localization.common.schedulingOptions,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.SELECTED,
-      isValid: true,
-      fields: {},
-      testId: 'new-roles-scheduling-options',
-    },
-    {
-      id: dynamicSteps.general,
-      stepName: '',
-      title: localization.common.general,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.SELECTED, // ??
-      isValid: true,
-      fields: {
-        name: {
-          field: '',
-          alert: '',
-        },
-      },
-      testId: 'create-backup-general',
-    },
-    {
-      id: dynamicSteps.disks,
-      stepName: '',
-      title: localization.common.disks,
-      subTitle: localization.common.selectDisksInvolvedBackup,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      fields: {
-        disk_devices: {
-          field: '',
-          alert: '',
-        },
-      },
-      testId: 'create-backup-disks',
-    },
-    {
-      id: dynamicSteps.datastores,
-      stepName: '',
-      title: localization.common.datastores,
-      subTitle: localization.common.selectStorageConfigurationDiskFiles,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      fields: {
-        backup_storage: {
-          field: '',
-          alert: '',
-        },
-      },
-      testId: 'create-backup-datastores',
-    },
-    {
-      id: dynamicSteps.configuration,
-      stepName: '',
-      title: localization.common.configuration,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      fields: {},
-      testId: 'create-backup-configuration',
-    },
-    {
-      id: dynamicSteps.readyComplete,
-      stepName: '',
-      title: localization.common.readyComplete,
-      subTitle: localization.common.clickFinishStartCreation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'datastore-ready-complete',
-      fields: {},
-    },
-  ]
-}
-
-export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
-  const resultWithOutScheduledTasks = [
-    dynamicSteps.general,
-    dynamicSteps.disks,
-    dynamicSteps.datastores,
-    dynamicSteps.configuration,
-    dynamicSteps.readyComplete,
-  ]
-  const resultWithScheduledTasks = [
-    dynamicSteps.schedulingOptions,
-    dynamicSteps.general,
-    dynamicSteps.disks,
-    dynamicSteps.datastores,
-    dynamicSteps.configuration,
-    dynamicSteps.readyComplete,
-  ]
-
-  return isScheduledTasks
-    ? [resultWithScheduledTasks]
-    : [resultWithOutScheduledTasks]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_DynamicSteps } from '~/components/common/pages/backups/modals/createBackup/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const dynamicSteps: UI_I_DynamicSteps = {
+  schedulingOptions: 0,
+  general: 1,
+  disks: 2,
+  datastores: 3,
+  configuration: 4,
+  readyComplete: 5,
+}
+
+export const stepsFunc = (
+  localization: UI_I_Localization,
+): UI_I_WizardStep[] => {
+  return [
+    {
+      id: dynamicSteps.schedulingOptions,
+      stepName: '',
+      title: localization.common.schedulingOptions,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      fields: {},
+      testId: 'new-roles-scheduling-options',
+    },
+    {
+      id: dynamicSteps.general,
+      stepName: '',
+      title: localization.common.general,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED, // ??
+      isValid: true,
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+      testId: 'create-backup-general',
+    },
+    {
+      id: dynamicSteps.disks,
+      stepName: '',
+      title: localization.common.disks,
+      subTitle: localization.common.selectDisksInvolvedBackup,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      fields: {
+        disk_devices: {
+          field: '',
+          alert: '',
+        },
+      },
+      testId: 'create-backup-disks',
+    },
+    {
+      id: dynamicSteps.datastores,
+      stepName: '',
+      title: localization.common.datastores,
+      subTitle: localization.common.selectStorageConfigurationDiskFiles,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      fields: {
+        backup_storage: {
+          field: '',
+          alert: '',
+        },
+      },
+      testId: 'create-backup-datastores',
+    },
+    {
+      id: dynamicSteps.configuration,
+      stepName: '',
+      title: localization.common.configuration,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      fields: {},
+      testId: 'create-backup-configuration',
+    },
+    {
+      id: dynamicSteps.readyComplete,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'datastore-ready-complete',
+      fields: {},
+    },
+  ]
+}
+
+export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
+  const resultWithOutScheduledTasks = [
+    dynamicSteps.general,
+    dynamicSteps.disks,
+    dynamicSteps.datastores,
+    dynamicSteps.configuration,
+    dynamicSteps.readyComplete,
+  ]
+  const resultWithScheduledTasks = [
+    dynamicSteps.schedulingOptions,
+    dynamicSteps.general,
+    dynamicSteps.disks,
+    dynamicSteps.datastores,
+    dynamicSteps.configuration,
+    dynamicSteps.readyComplete,
+  ]
+
+  return isScheduledTasks
+    ? [resultWithScheduledTasks]
+    : [resultWithOutScheduledTasks]
+}

package/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions.ts

@@ -1,12 +1,12 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-
-export const strategyOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_SelectInputItem[] => {
-  return [
-    { label: localization.common.fullBackup, value: 0 },
-    { label: localization.common.incrementalBackup, value: 1 },
-    { label: localization.common.differentialBackup, value: 2 },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+
+export const strategyOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_SelectInputItem[] => {
+  return [
+    { label: localization.common.fullBackup, value: 0 },
+    { label: localization.common.incrementalBackup, value: 1 },
+    { label: localization.common.differentialBackup, value: 2 },
+  ]
+}

package/components/common/pages/backups/modals/lib/config/restore.ts

@@ -1,115 +1,115 @@
-import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-export const restoreDefaultFormFunc = (): UI_I_RestoreForm => {
-  return {
-    restore_code: 2,
-    backup_storage: '',
-    bucket: '',
-    backup: '',
-    pvm: {
-      deployment_name: '',
-      name: '',
-      uuid: '',
-      compatibility: '',
-      guest_os_family: '',
-      guest_os_version: '',
-      storage: {
-        id: '',
-        folder: '',
-      },
-      machine_type: '',
-      cpu: {
-        vcpus: -1,
-        max_vcpus: -1,
-        core_per_socket: -1,
-        model: '',
-        reservation_mhz: -1,
-        limit_mhz: -1,
-        shares: -1,
-        hotplug: false,
-      },
-      memory: {
-        size_mb: -1,
-        hotplug: false,
-        reservation_mb: -1,
-        limit_mb: -1,
-      },
-      video_card: {
-        adapter: '',
-        displays: -1,
-        memory_mb: -1,
-      },
-      usb_controllers: [],
-      input_devices: [],
-      disk_devices: [],
-      network_devices: [],
-      passthrough_pci_devices: [],
-      options: {
-        remote_console: {
-          type: '',
-          port: -1,
-          keymap: '',
-          password: '',
-          guest_os_lock: false,
-          limit_sessions: -1,
-          spice: {
-            img_compression: '',
-            jpeg_compression: '',
-            zlib_glz_compression: '',
-            streaming_mode: '',
-            playback_compression: false,
-            file_transfer: false,
-            clipboard: false,
-          },
-        },
-        guest_tools: {
-          enabled: false,
-          synchronized_time: false,
-        },
-        boot_options: {
-          firmware: '',
-          boot_delay_ms: -1,
-          boot_menu: false,
-        },
-      },
-      monitoring: {
-        state: -1,
-        memory: {
-          dram_read_bandwidth: -1,
-          pmem_read_bandwidth: -1,
-          provisioned_mb: -1,
-          used_mb: -1,
-          resident_set_size_mb: -1,
-        },
-        cpu: {
-          current_vcpus: -1,
-          provisioned_mhz: -1,
-          used_mhz: -1,
-        },
-        storage: {
-          provisioned_space_mb: -1,
-          used_space_mb: -1,
-          allocated_space_mb: -1,
-        },
-        networks: null,
-        uptime: {
-          start_time: '',
-          uptime_ms: -1,
-          uptime_humanized: '',
-        },
-        guest_tools: {
-          status: '',
-          version: '',
-          ip: '',
-          dns_name: '',
-        },
-        evc_cpu_mode: '',
-        evc_graphics_mode: '',
-        encryption: '',
-        tpm: '',
-        vbs: '',
-      },
-      snapshots: {},
-    },
-  }
-}
+import type { UI_I_RestoreForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+export const restoreDefaultFormFunc = (): UI_I_RestoreForm => {
+  return {
+    restore_code: 2,
+    backup_storage: '',
+    bucket: '',
+    backup: '',
+    pvm: {
+      deployment_name: '',
+      name: '',
+      uuid: '',
+      compatibility: '',
+      guest_os_family: '',
+      guest_os_version: '',
+      storage: {
+        id: '',
+        folder: '',
+      },
+      machine_type: '',
+      cpu: {
+        vcpus: -1,
+        max_vcpus: -1,
+        core_per_socket: -1,
+        model: '',
+        reservation_mhz: -1,
+        limit_mhz: -1,
+        shares: -1,
+        hotplug: false,
+      },
+      memory: {
+        size_mb: -1,
+        hotplug: false,
+        reservation_mb: -1,
+        limit_mb: -1,
+      },
+      video_card: {
+        adapter: '',
+        displays: -1,
+        memory_mb: -1,
+      },
+      usb_controllers: [],
+      input_devices: [],
+      disk_devices: [],
+      network_devices: [],
+      passthrough_pci_devices: [],
+      options: {
+        remote_console: {
+          type: '',
+          port: -1,
+          keymap: '',
+          password: '',
+          guest_os_lock: false,
+          limit_sessions: -1,
+          spice: {
+            img_compression: '',
+            jpeg_compression: '',
+            zlib_glz_compression: '',
+            streaming_mode: '',
+            playback_compression: false,
+            file_transfer: false,
+            clipboard: false,
+          },
+        },
+        guest_tools: {
+          enabled: false,
+          synchronized_time: false,
+        },
+        boot_options: {
+          firmware: '',
+          boot_delay_ms: -1,
+          boot_menu: false,
+        },
+      },
+      monitoring: {
+        state: -1,
+        memory: {
+          dram_read_bandwidth: -1,
+          pmem_read_bandwidth: -1,
+          provisioned_mb: -1,
+          used_mb: -1,
+          resident_set_size_mb: -1,
+        },
+        cpu: {
+          current_vcpus: -1,
+          provisioned_mhz: -1,
+          used_mhz: -1,
+        },
+        storage: {
+          provisioned_space_mb: -1,
+          used_space_mb: -1,
+          allocated_space_mb: -1,
+        },
+        networks: null,
+        uptime: {
+          start_time: '',
+          uptime_ms: -1,
+          uptime_humanized: '',
+        },
+        guest_tools: {
+          status: '',
+          version: '',
+          ip: '',
+          dns_name: '',
+        },
+        evc_cpu_mode: '',
+        evc_graphics_mode: '',
+        encryption: '',
+        tpm: '',
+        vbs: '',
+      },
+      snapshots: {},
+    },
+  }
+}