bfg-common 1.5.417 → 1.5.419

package/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/keys.ts

@@ -0,0 +1,14 @@
+import type {
+  UI_T_DatastoreTableKeysTuple
+} from '~/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/models/types';
+
+export const tableKeys: UI_T_DatastoreTableKeysTuple = [
+  'name',
+  'state',
+  'capacity',
+  'capacity',
+  'capacity',
+  'capacity',
+  'type_text',
+  'location'
+]

package/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/table.ts

@@ -0,0 +1,117 @@
+import type {
+  UI_I_HeadItem,
+  UI_I_ColumnKey,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import {
+  constructHeadItem,
+  constructColumnKey,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import { datastoreLocalizationByState } from '~/components/common/lib/config/states'
+import { tableKeys } from '~/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/keys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.name, true, '180px', tableKeys[0]],
+    [localization.inventorySummary.state, true, '180px', tableKeys[1]],
+    [localization.common.capacity, true, '180px', tableKeys[2]],
+    [localization.common.provisioned, true, '180px', tableKeys[3]],
+    [localization.common.free, true, '180px', tableKeys[4]],
+    [localization.common.used, true, '180px', tableKeys[5]],
+    [localization.common.type, true, '180px', tableKeys[6]],
+    [localization.common.location, true, '180px', tableKeys[7]],
+  ]
+}
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    result.push(
+      constructColumnKey(`col${i}`, item[0], item[1], `show-column-${item[3]}`)
+    )
+  })
+  return result
+}
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    result.push(
+      constructHeadItem(
+        `col${i}`,
+        item[0],
+        item[3],
+        true,
+        item[2],
+        undefined,
+        item[3]
+      )
+    )
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: any, // ??
+  localization: UI_I_Localization
+): UI_I_BodyItem[][] => {
+  const { $binary }: any = useNuxtApp()
+  const lang = useLocalStorage('lang') === 'ru_RU' ? 'ru' : 'en'
+
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((datastore: any) => { // ??
+    const state =
+      localization.common[datastoreLocalizationByState[datastore[tableKeys[1]]]]
+
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: datastore[tableKeys[0]],
+        id: datastore.id,
+      },
+      {
+        key: 'col1',
+        text: state,
+        id: datastore.id,
+      },
+      {
+        key: 'col2',
+        text: $binary.round(datastore[tableKeys[2]].capacity_mb, false, lang),
+        id: datastore.id,
+      },
+      {
+        key: 'col3',
+        text: $binary.round(
+          datastore[tableKeys[3]].provisioned_mb,
+          false,
+          lang
+        ),
+        id: datastore.id,
+      },
+      {
+        key: 'col4',
+        text: $binary.round(datastore[tableKeys[4]].free_mb, false, lang),
+        id: datastore.id,
+      },
+      {
+        key: 'col5',
+        text: $binary.round(datastore[tableKeys[5]].used_mb, false, lang),
+        id: datastore.id,
+      },
+      {
+        key: 'col6',
+        text: datastore[tableKeys[6]],
+        id: datastore.id,
+      },
+      {
+        key: 'col7',
+        text: datastore[tableKeys[7]],
+        id: datastore.id,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/models/types.ts

@@ -0,0 +1,10 @@
+export type UI_T_DatastoreTableKeysTuple = [
+  'name',
+  'state',
+  'capacity',
+  'capacity',
+  'capacity',
+  'capacity',
+  'type_text',
+  'location'
+]

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

@@ -0,0 +1,28 @@
+<template>
+  <div class="disks h-full">
+    <common-pages-backups-modals-create-backup-disks-table-view
+      v-model:selected="model.disk_devices"
+      :data-table="props.disks"
+      :loading="props.disksLoading"
+      :total-items="props.disks.length"
+      :total-pages="1"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_CreateBackupForm,
+  UI_I_CreateBackupFormDiskDevice
+} from "~/components/common/pages/backups/modals/lib/models/interfaces";
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const props = defineProps<{
+  disks: UI_I_CreateBackupFormDiskDevice[]
+  disksLoading: boolean
+}>()
+
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/backups/modals/createBackup/disks/tableView/TableView.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="data-table-view overflow-hidden">
+    <div class="data-table-view__inner">
+      <atoms-table-data-grid
+        v-model:selected-row="selectedRowsLocal"
+        v-model:column-keys="columnKeys"
+        class="data-table"
+        type="checkbox"
+        test-id="disks-table"
+        :head-items="headItems"
+        :body-items="bodyItems"
+        :total-items="props.totalItems"
+        :total-pages="props.totalPages"
+        :items-per-page="itemsPerPage"
+        :loading="loading"
+        hide-pagination
+        server-off
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_HeadItem,
+  UI_I_ColumnKey,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DiskDevice } from '~/components/common/pages/backups/modals/createBackup/disks/tableView/lib/models/interfaces'
+import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
+import * as table from '~/components/common/pages/backups/modals/createBackup/disks/tableView/lib/config/table'
+
+const props = defineProps<{
+  dataTable: UI_I_DiskDevice[]
+  loading: boolean
+  totalItems: number
+  totalPages: number
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedRows = defineModel<UI_I_DiskDevice[]>('selected', { required: true })
+
+const selectedRowsLocal = ref<string[]>(
+  selectedRows.value?.map((item) => item.location) || []
+)
+watch(
+  selectedRowsLocal,
+  (newValue) => {
+    const selected: UI_I_DiskDevice[] = []
+    bodyItems.value.forEach((row) => {
+      if (newValue.includes(row[0].id + '')) {
+        selected.push(row[0].data)
+      }
+    })
+    selectedRows.value = selected
+  },
+  { deep: true }
+)
+
+const columnKeys = ref<UI_I_ColumnKey[]>(table.columnKeys(localization.value))
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  let result: UI_I_BodyItem[][] = []
+  if (props.dataTable.length) {
+    result = table.bodyItems(props.dataTable)
+  }
+
+  return result
+})
+watch(
+  bodyItems,
+  () => {
+    setTimeout(() => {
+      selectedRows.value = []
+    }, 0)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+.data-table-view {
+  height: inherit;
+  margin-bottom: 10px;
+  margin-right: 10px;
+
+  &__inner {
+    height: inherit;
+  }
+  :deep(.data-table) {
+    height: inherit;
+    .datagrid-outer-wrapper {
+      height: inherit;
+    }
+  }
+}
+.vm-icon {
+  margin-right: 5px;
+}
+</style>

package/components/common/pages/backups/modals/createBackup/disks/tableView/lib/config/keys.ts

@@ -0,0 +1,12 @@
+import type { UI_T_DiskTableKeysTuple } from '~/components/common/pages/backups/modals/createBackup/disks/tableView/lib/models/types'
+
+export const tableKeys: UI_T_DiskTableKeysTuple = [
+  'source',
+  'device_type',
+  'bus',
+  'target',
+  'capacity_mb',
+  'used_mb',
+  'free_mb',
+  'volume_path',
+]

package/components/common/pages/backups/modals/createBackup/disks/tableView/lib/config/table.ts

@@ -0,0 +1,117 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_HeadItem,
+  UI_I_ColumnKey,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type {
+  UI_I_DiskDevice
+} from "~/components/common/pages/backups/modals/createBackup/disks/tableView/lib/models/interfaces";
+import {
+  constructHeadItem,
+  constructColumnKey,
+} from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import { tableKeys } from '~/components/common/pages/backups/modals/createBackup/disks/tableView/lib/config/keys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [localization.common.source, true, '180px', tableKeys[0]],
+    [localization.common.deviceType, true, '180px', tableKeys[1]],
+    [localization.common.bus, true, '180px', tableKeys[2]],
+    [localization.common.target, true, '180px', tableKeys[3]],
+    [localization.common.capacity, true, '180px', tableKeys[4]],
+    [localization.common.used, true, '180px', tableKeys[5]],
+    [localization.common.free, true, '180px', tableKeys[6]],
+    [localization.common.volumePath, true, '180px', tableKeys[7]],
+  ]
+}
+export const columnKeys = (
+  localization: UI_I_Localization
+): UI_I_ColumnKey[] => {
+  const result: UI_I_ColumnKey[] = []
+  getItems(localization).forEach((item, i) => {
+    result.push(
+      constructColumnKey(`col${i}`, item[0], item[1], `show-column-${item[3]}`)
+    )
+  })
+  return result
+}
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    result.push(
+      constructHeadItem(
+        `col${i}`,
+        item[0],
+        item[3],
+        true,
+        item[2],
+        undefined,
+        item[3]
+      )
+    )
+  })
+  return result
+}
+
+export const bodyItems = (data: UI_I_DiskDevice[]): UI_I_BodyItem[][] => {
+  const { $binary }: any = useNuxtApp()
+  const lang = useLocalStorage('lang') === 'ru_RU' ? 'ru' : 'en'
+
+  const bodyItems: UI_I_BodyItem[][] = []
+  data.forEach((disk: UI_I_DiskDevice) => {
+    bodyItems.push([
+      {
+        key: 'col0',
+        text: disk[tableKeys[0]],
+        id: disk.source,
+        data: {
+          location: disk.source,
+          target: disk.target,
+        },
+      },
+      {
+        key: 'col1',
+        text: disk[tableKeys[1]],
+        id: disk.source,
+      },
+      {
+        key: 'col2',
+        text: disk[tableKeys[2]],
+        id: disk.source,
+      },
+      {
+        key: 'col3',
+        text: disk[tableKeys[3]],
+        id: disk.source,
+      },
+      {
+        key: 'col4',
+        text: $binary.round(disk[tableKeys[4]], false, lang),
+        id: disk.source,
+      },
+      {
+        key: 'col5',
+        text: $binary.round(
+          disk[tableKeys[4]] - disk[tableKeys[6]],
+          false,
+          lang
+        ),
+        id: disk.source,
+      },
+      {
+        key: 'col6',
+        text: $binary.round(disk[tableKeys[6]], false, lang),
+        id: disk.source,
+      },
+      {
+        key: 'col7',
+        text: disk[tableKeys[7]],
+        id: disk.source,
+      },
+    ])
+  })
+  return bodyItems
+}

package/components/common/pages/backups/modals/createBackup/disks/tableView/lib/models/interfaces.ts

@@ -0,0 +1,4 @@
+export interface UI_I_DiskDevice {
+  location: string
+  target: string
+}

package/components/common/pages/backups/modals/createBackup/disks/tableView/lib/models/types.ts

@@ -0,0 +1,10 @@
+export type UI_T_DiskTableKeysTuple = [
+  'source',
+  'device_type',
+  'bus',
+  'target',
+  'capacity_mb',
+  'used_mb',
+  'free_mb',
+  'volume_path',
+]

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

@@ -0,0 +1,48 @@
+<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>

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

@@ -0,0 +1,14 @@
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+export const backupDefaultFormFunc = (): UI_I_CreateBackupForm => {
+  return {
+    target: '',
+    name: '',
+    description: '',
+    disk_devices: [],
+    backup_storage: '',
+    strategy: 0,
+    // start_window_min: 60,
+    bandwidth_limit: 1_024 * 1_024,
+  }
+}

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

@@ -0,0 +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]
+}

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

@@ -0,0 +1,12 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+export const strategyOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_OptionItem[] => {
+  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/createBackup/lib/models/interfaces.ts

@@ -0,0 +1,8 @@
+export interface UI_I_DynamicSteps {
+  general: number
+  disks: number
+  datastores: number
+  configuration: number
+  readyComplete: number
+  schedulingOptions: number
+}

package/components/common/pages/backups/modals/createBackup/readyToComplete/ReadyToComplete.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    <atoms-table-info :items="props.data" test-id="backup-ready-to-complete"/>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,16 @@
+import type {
+  UI_I_CreateBackupForm,
+} from "~/components/common/pages/backups/modals/lib/models/interfaces";
+
+export const backupDefaultFormFunc = (): UI_I_CreateBackupForm => {
+  return {
+    target: '',
+    name: '',
+    description: '',
+    disk_devices: [],
+    backup_storage: '',
+    strategy: 0,
+    // start_window_min: 60,
+    bandwidth_limit: 1_024 * 1_024
+  }
+}