bfg-common 1.5.733 → 1.5.735

package/components/common/backup/storage/actions/add/steps/typeMode/tooltip/Tooltip.vue

@@ -1,33 +1,33 @@
-<template>
-  <div
-    id="type-select-help-icon"
-    class="signpost-container relative flex cursor-pointer"
-  >
-    <atoms-the-icon
-      data-id="toggle-type-select-help-icon"
-      fill="#0072a3"
-      width="24px"
-      height="24px"
-      name="info-circle"
-      @click="isShowTypeHelp = !isShowTypeHelp"
-    />
-    <atoms-tooltip-signpost
-      v-if="isShowTypeHelp"
-      elem-id="type-select-help-icon"
-      test-id="select-datastore-type"
-      @hide="isShowTypeHelp = false"
-    >
-      <p class="help-desc">
-        {{ localization.common.datastoreTypeHelpDesc }}
-      </p>
-    </atoms-tooltip-signpost>
-  </div>
-</template>
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowTypeHelp = ref<boolean>(false)
-</script>
-<style scoped lang="scss"></style>
+<template>
+  <div
+    id="type-select-help-icon"
+    class="signpost-container relative flex cursor-pointer"
+  >
+    <atoms-the-icon
+      data-id="toggle-type-select-help-icon"
+      fill="#0072a3"
+      width="24px"
+      height="24px"
+      name="info-circle"
+      @click="isShowTypeHelp = !isShowTypeHelp"
+    />
+    <atoms-tooltip-signpost
+      v-if="isShowTypeHelp"
+      elem-id="type-select-help-icon"
+      test-id="select-datastore-type"
+      @hide="isShowTypeHelp = false"
+    >
+      <p class="help-desc">
+        {{ localization.common.datastoreTypeHelpDesc }}
+      </p>
+    </atoms-tooltip-signpost>
+  </div>
+</template>
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isShowTypeHelp = ref<boolean>(false)
+</script>
+<style scoped lang="scss"></style>

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

@@ -28,7 +28,6 @@
     :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"
@@ -74,10 +73,11 @@ import {
 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";
+import type {UI_I_ScheduleNewTasksForm} from "~/components/common/pages/scheduledTasks/modals/lib/models/interfaces";
 
 
 const backupForm = defineModel<UI_I_CreateBackupForm>({ required: true })
-const schedulerForm = defineModel('schedulerForm', { required: true })
+const schedulerForm = defineModel<UI_I_ScheduleNewTasksForm>('schedulerForm', { required: true })
 
 const props = defineProps<{
   isEdit?: boolean // ToDo проверить на использование
@@ -152,13 +152,13 @@ const validationFunc = async (
   }
 
   if (wizard.isValidateForStep(dynamicSteps.disks, currentStep.id, nextStep.id)) {
-    const disksValidation = checkDisks(value, backupForm.value, wizard, localization.value, showValidationErrors, onRemoveValidationErrors)
+    const disksValidation = checkDisks(value, backupForm.value, wizard, localization.value)
     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)
+    const datastoreValidation = checkDatastore(value, backupForm.value, wizard, localization.value)
     value = datastoreValidation.newValue
     stepHasError = datastoreValidation.stepHasError
   }
@@ -176,12 +176,8 @@ const validationFunc = async (
   }
 }
 
-const errors = ref<string[]>([])
-const showValidationErrors = (data: string[]): void => {
-  errors.value = data
-}
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
+const onRemoveValidationErrors = (stepId: number): void => {
+  wizard.hideAlertMessagesByStepId(stepId)
 }
 
 const strategyOptions = ref<UI_I_SelectInputItem[]>(

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

@@ -12,14 +12,6 @@
       @submit="onFinish"
     >
       <template #modalBody="{ selectedStep }">
-        <atoms-alert
-          v-show="props.alertErrors.length"
-          status="alert-danger"
-          :items="props.alertErrors"
-          test-id="create-backup-alert"
-          @remove="emits('remove-validation-errors')"
-        />
-
         <common-pages-scheduled-tasks-modals-common-new-task-form
           v-show="selectedStep.id === dynamicSteps.schedulingOptions"
           v-model="modelSchedulerTask"
@@ -31,6 +23,9 @@
           v-show="selectedStep.id === dynamicSteps.general"
           v-model="model"
           :show="selectedStep.id === dynamicSteps.general"
+          :messages-fields="selectedStep.fields"
+          :alert-messages="props.alertMessages[dynamicSteps.general]"
+          @remove-validation-errors="emits('remove-validation-errors', $event)"
         />
 
         <common-pages-backups-modals-create-backup-disks
@@ -38,6 +33,8 @@
           v-model="model"
           :disks="props.disks"
           :disks-loading="props.disksLoading"
+          :alert-messages="props.alertMessages[dynamicSteps.disks]"
+          @remove-validation-errors="emits('remove-validation-errors', $event)"
         />
 
         <common-pages-backups-modals-create-backup-datastores
@@ -45,6 +42,8 @@
           v-model="model"
           :datastore-table="props.datastoreTable"
           :datastore-table-loading="props.datastoreTableLoading"
+          :alert-messages="props.alertMessages[dynamicSteps.datastores]"
+          @remove-validation-errors="emits('remove-validation-errors', $event)"
         />
 
         <common-pages-backups-modals-create-backup-configuration
@@ -98,13 +97,12 @@ const props = defineProps<{
   disksLoading: boolean
   datastoreTable: UI_I_BackupDatastoreTable | null
   datastoreTableLoading: boolean
-  alertErrors: string[]
   readyToCompleteData: UI_I_TableInfoItem[]
 }>()
 
 const emits = defineEmits<{
   (event: 'change-step-create-backup', value: UI_I_WizardStep[]): void
-  (event: 'remove-validation-errors'): void
+  (event: 'remove-validation-errors', value: number): void
   (event: 'finish'): void
   (event: 'hide'): void
 }>()

package/components/common/pages/backups/modals/createBackup/datastores/Datastores.vue

@@ -10,6 +10,8 @@
     v-model="model"
     :datastore-table="props.datastoreTable"
     :datastore-table-loading="props.datastoreTableLoading"
+    :alert-messages="props.alertMessages"
+    @remove-validation-errors="emits('remove-validation-errors', $event)"
   />
 </template>
 
@@ -23,6 +25,10 @@ const model = defineModel<UI_I_CreateBackupForm>({ required: true })
 const props = defineProps<{
   datastoreTable: UI_I_BackupDatastoreTable | null
   datastoreTableLoading: boolean
+  alertMessages: string[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-validation-errors', value: number): void
 }>()
 
 const { $store }: any = useNuxtApp()

package/components/common/pages/backups/modals/createBackup/datastores/DatastoresOld.vue

@@ -1,11 +1,20 @@
 <template>
   <div class="datastores h-full">
+    <atoms-alert
+      v-show="props.alertMessages.length"
+      status="alert-danger"
+      :items="props.alertMessages"
+      test-id="create-backup-datastores-alert"
+      @remove="onRemoveErrors"
+    />
+
     <common-pages-backups-modals-create-backup-datastores-table-view-old-table-view
       v-model:selected="model.backup_storage"
       :data-table="props.datastoreTable?.items || []"
       :total-items="props.datastoreTable?.total_items || 0"
       :total-pages="props.datastoreTable?.total_pages || 1"
       :loading="props.datastoreTableLoading"
+      class="datastores-table"
     />
   </div>
 </template>
@@ -15,17 +24,28 @@ import type {
   UI_I_BackupDatastoreTable,
   UI_I_CreateBackupForm
 } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import { dynamicSteps } from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
 
 const props = defineProps<{
   datastoreTable: UI_I_BackupDatastoreTable | null
   datastoreTableLoading: boolean
+  alertMessages: string[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-validation-errors', value: number): void
 }>()
 
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
+const onRemoveErrors = (): void => {
+  emits('remove-validation-errors', dynamicSteps.datastores)
+}
 </script>
 
 <style lang="scss" scoped>
+.datastores-table {
+  margin-top: 5px;
+}
 .backups-table-content {
   height: 100%;
   padding: 0 10px 10px 10px;

package/components/common/pages/backups/modals/createBackup/disks/Disks.vue

@@ -4,6 +4,8 @@
     v-model="model"
     :disks="props.disks"
     :disks-loading="props.disksLoading"
+    :alert-messages="props.alertMessages"
+    @remove-validation-errors="emits('remove-validation-errors', $event)"
   />
   <common-pages-backups-modals-create-backup-disks-new
     v-else
@@ -24,6 +26,10 @@ const model = defineModel<UI_I_CreateBackupForm>({ required: true })
 const props = defineProps<{
   disks: UI_I_Pvm['disk_devices']
   disksLoading: boolean
+  alertMessages: string[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-validation-errors', value: number): void
 }>()
 
 const { $store }: any = useNuxtApp()

package/components/common/pages/backups/modals/createBackup/disks/DisksOld.vue

@@ -1,11 +1,20 @@
 <template>
   <div class="disks h-full">
+    <atoms-alert
+      v-show="props.alertMessages.length"
+      status="alert-danger"
+      :items="props.alertMessages"
+      test-id="create-backup-disks-alert"
+      @remove="onRemoveErrors"
+    />
+
     <common-pages-backups-modals-create-backup-disks-table-view-old-table-view
       v-model:selected="model.disk_devices"
       :data-table="props.disks"
       :loading="props.disksLoading"
       :total-items="props.disks.length"
       :total-pages="1"
+      class="disks-table"
     />
   </div>
 </template>
@@ -15,14 +24,26 @@ import type {
   UI_I_CreateBackupForm,
   UI_I_Pvm
 } from "~/components/common/pages/backups/modals/lib/models/interfaces";
+import { dynamicSteps } from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
 
 const model = defineModel<UI_I_CreateBackupForm>({ required: true })
 
 const props = defineProps<{
   disks: UI_I_Pvm['disk_devices']
   disksLoading: boolean
+  alertMessages: string[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-validation-errors', value: number): void
 }>()
 
+const onRemoveErrors = (): void => {
+  emits('remove-validation-errors', dynamicSteps.disks)
+}
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.disks-table {
+  margin-top: 5px;
+}
+</style>

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

@@ -9,6 +9,8 @@
     v-else
     v-model="model"
     :show="props.show"
+    :alert-messages="props.alertMessages"
+    @remove-validation-errors="emits('remove-validation-errors', $event)"
   />
 </template>
 
@@ -21,7 +23,11 @@ const model = defineModel<UI_I_CreateBackupForm>({ required: true })
 
 const props = defineProps<{
   show: boolean
-  messagesFields?: UI_I_ArbitraryObject<UI_I_ErrorFields>
+  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+  alertMessages: string[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-validation-errors', value: number): void
 }>()
 
 const { $store }: any = useNuxtApp()

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

@@ -1,5 +1,13 @@
 <template>
   <div class="general">
+    <atoms-alert
+      v-show="props.alertMessages.length"
+      status="alert-danger"
+      :items="props.alertMessages"
+      test-id="create-backup-name-alert"
+      @remove="onRemoveErrors"
+    />
+
     <form @submit.prevent>
       <div class="field flex pt-4">
         <label for="general-name">{{ localization.common.name }}:</label>
@@ -29,11 +37,16 @@
 <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 { dynamicSteps } from '~/components/common/pages/backups/modals/createBackup/lib/config/steps'
 
 const model = defineModel<UI_I_CreateBackupForm>({ required: true })
 
 const props = defineProps<{
   show: boolean
+  alertMessages: string[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-validation-errors', value: number): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
@@ -51,6 +64,10 @@ watch(
     }, 0)
   }
 )
+
+const onRemoveErrors = (): void => {
+  emits('remove-validation-errors', dynamicSteps.general)
+}
 </script>
 
 <style lang="scss" scoped>

package/components/common/pages/backups/modals/createBackup/lib/validation/validations.ts

@@ -76,8 +76,6 @@ export const checkDisks = (
   backupForm: UI_I_CreateBackupForm,
   wizard: Wizard,
   localization: UI_I_Localization,
-  showValidationErrors: (data: string[]) => void,
-  onRemoveValidationErrors: () => void
 ): UI_I_ValidationReturn => {
   let stepHasError = false
   const isValidStores = !!backupForm?.disk_devices.length
@@ -87,10 +85,8 @@ export const checkDisks = (
       fieldMessage: localization.common.diskIsRequired,
       alertMessage: localization.common.diskIsRequired
     })
-    showValidationErrors([localization.common.diskIsRequired])
   } else if (wizard.hasMessage(dynamicSteps.disks, 'disk_devices')) {
     value = wizard.removeValidation(dynamicSteps.disks, 'disk_devices', value)
-    onRemoveValidationErrors()
   }
 
   return { 
@@ -104,8 +100,6 @@ export const checkDatastore = (
   backupForm: UI_I_CreateBackupForm,
   wizard: Wizard,
   localization: UI_I_Localization,
-  showValidationErrors: (data: string[]) => void,
-  onRemoveValidationErrors: () => void
 ): UI_I_ValidationReturn => {
   let stepHasError = false
   const isValidStorage = !!backupForm?.backup_storage.length
@@ -115,10 +109,8 @@ export const checkDatastore = (
       fieldMessage: localization.common.datastoreIsRequired,
       alertMessage: localization.common.datastoreIsRequired
     })
-    showValidationErrors([localization.common.datastoreIsRequired])
   } else if (wizard.hasMessage(dynamicSteps.datastores, 'backup_storage')) {
     value = wizard.removeValidation(dynamicSteps.datastores, 'backup_storage', value)
-    onRemoveValidationErrors()
   }
 
   return { stepHasError, newValue: value }

package/components/common/vm/snapshots/DetailView.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="detail-view overflow-auto py-0 px-6">
+    <table
+      v-if="detailData"
+      class="table table-noborder"
+      data-id="detail-view-table"
+    >
+      <tbody>
+        <tr>
+          <td class="left">{{ localization.common.name }}</td>
+          <td class="left snapshot-name-label" data-id="vm-snapshot-name">
+            {{ detailData.name }}
+          </td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.description }}</td>
+          <td
+            class="left snapshot-name-label"
+            data-id="vm-snapshot-description"
+          >
+            {{ detailData.description }}
+          </td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.timestamp }}</td>
+          <td class="left snapshot-name-label" data-id="vm-snapshot-timestamp">
+            {{ detailData.timestamp }}
+          </td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.size }}</td>
+          <td class="left snapshot-name-label">{{ detailData.size }}</td>
+        </tr>
+        <tr>
+          <td class="left">
+            {{ localization.common.snapshotTheVirtualMachinesMemory }}
+          </td>
+          <td class="left snapshot-name-label" data-id="vm-snapshot-of-memory">
+            {{ detailData.snapshot_the_virtual_machines_memory }}
+          </td>
+        </tr>
+        <tr>
+          <td class="left">
+            {{ localization.common.quiesceGuestFileSystem }}
+          </td>
+          <td
+            class="left snapshot-name-label"
+            data-id="vm-snapshot-file-system"
+          >
+            {{ detailData.quiesce_guest_file_system }}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SnapshotsDetails } from '~/store/inventory/modules/snapshots/lib/models/interfaces'
+
+const props = defineProps<{
+  detail: UI_I_SnapshotsDetails | null
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const detailData = ref<any | null>(null)
+watch(
+  () => props.detail,
+  (newValue) => {
+    if (!newValue) return
+
+    detailData.value = newValue
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="scss">
+.detail-view {
+  width: 50%;
+
+  .table {
+    .left:not(.snapshot-name-label) {
+      width: 320px;
+    }
+  }
+}
+</style>

package/components/common/vm/snapshots/Old.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="main-content-snapshots h-full overflow-hidden">
+    <common-vm-snapshots-tools
+      :snapshots-count="props.snapshotsTree.length"
+      :snapshots-loading="props.snapshotsLoading"
+      @select="emits('show-modal', $event)"
+    />
+
+    <atoms-loader-pre-loader
+      v-show="props.snapshotsLoading"
+      id="loader"
+      class="snapshots-loading w-full h-full flex items-center justify-center"
+      test-id="snapshots-tree-spinner"
+      show
+    />
+    <div class="fill-parent w-full h-full">
+      <div
+        v-if="props.snapshotsTree.length"
+        class="snapshot-view mt-1 flex w-full"
+      >
+        <common-tree-view
+          :loading="props.snapshotsLoading"
+          :nodes="props.snapshotsTree"
+          @select-node="emits('select-node', $event)"
+          @show-nodes="emits('show-nodes', $event)"
+        />
+        <common-vm-snapshots-detail-view :detail="props.detailData" />
+      </div>
+      <div v-else class="empty-block flex items-center justify-center w-full">
+        {{ localization.common.noSnapshotAvailable }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_SnapshotsDetails,
+  UI_I_SnapshotsTreeNode,
+} from '~/store/inventory/modules/snapshots/lib/models/interfaces'
+import type { UI_T_SnapshotActionType } from '~/components/common/vm/snapshots/lib/models/types'
+
+const props = defineProps<{
+  snapshotsTree: UI_I_SnapshotsTreeNode[]
+  snapshotsLoading: boolean
+  detailData: UI_I_SnapshotsDetails | null
+}>()
+
+const emits = defineEmits<{
+  (event: 'show-modal', value: UI_T_SnapshotActionType): void
+  (event: 'select-node', value: UI_I_SnapshotsTreeNode): void
+  (event: 'show-nodes', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.main-content-snapshots {
+  padding: 10px 5px 10px 0;
+
+  .fill-parent {
+    overflow: visible;
+
+    .snapshot-view {
+      height: 90%;
+    }
+  }
+}
+</style>

package/components/common/vm/snapshots/Snapshots.vue

@@ -0,0 +1,82 @@
+<template>
+  <component
+    :is="currentComponent"
+    :snapshots-tree="props.snapshotsTree"
+    :snapshots-loading="props.snapshotsLoading"
+    :detail-data="detailData"
+    @show-modal="onShowModal"
+    @select-node="onSelectNode"
+    @show-nodes="onShowNodes"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_SnapshotActionType } from '~/components/common/vm/snapshots/lib/models/types'
+import type {
+  UI_I_SnapshotsDetails,
+  UI_I_SnapshotsTreeNode,
+} from '~/store/inventory/modules/snapshots/lib/models/interfaces'
+
+const props = defineProps<{
+  snapshotsTree: UI_I_SnapshotsTreeNode
+  snapshotsLoading: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-node', value: UI_I_SnapshotsTreeNode): void
+  (event: 'show-nodes', value: string): void
+  (event: 'show-modal', value: UI_T_SnapshotActionType): void
+}>()
+
+const { $recursion, $store }: any = useNuxtApp()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./new/New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const detailData = computed<UI_I_SnapshotsDetails | null>(() => {
+  const node: UI_I_SnapshotsTreeNode =
+    $recursion.find(props.snapshotsTree, true, 'isActive', 'nodes') || null
+
+  if (!node) return null
+
+  let snapshot_the_virtual_machines_memory = ''
+  let quiesce_guest_file_system = ''
+
+  if (isNewView.value) {
+    snapshot_the_virtual_machines_memory = node.memory?.enabled ? 'yes' : 'no'
+    quiesce_guest_file_system = node.quiesce_fs ? 'yes' : 'no'
+  } else {
+    snapshot_the_virtual_machines_memory = node.memory?.enabled
+      ? localization.value.common.yes
+      : localization.value.common.no
+    quiesce_guest_file_system = node.quiesce_fs
+      ? localization.value.common.yes
+      : localization.value.common.no
+  }
+
+  return {
+    ...node,
+    snapshot_the_virtual_machines_memory,
+    quiesce_guest_file_system,
+  }
+})
+const onSelectNode = (item: UI_I_SnapshotsTreeNode): void => {
+  emits('select-node', item.type === 'location' ? item.parent_id : item.id)
+}
+const onShowNodes = (id: string): void => {
+  emits('show-nodes', id)
+}
+
+const onShowModal = (action: UI_T_SnapshotActionType): void => {
+  emits('show-modal', action)
+}
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/snapshots/lib/models/types.ts

@@ -0,0 +1,8 @@
+export type UI_T_SnapshotActionType =
+  | 'take'
+  | 'edit'
+  | 'revert'
+  | 'delete'
+  | 'delete_all'
+  | 'group_take'
+  | 'group_delete_all'