bfg-common 1.5.443 → 1.5.444

package/components/common/pages/backups/modals/createBackup/configuration/strategy/Strategy.vue

@@ -1,35 +1,35 @@
-<template>
-  <atoms-stack-block :has-children="false">
-    <template #stackBlockKey>
-      <span>{{ localization.common.strategy }}</span>
-    </template>
-    <template #stackBlockContent>
-      <common-select-input
-        v-model="model.strategy"
-        :data="strategyOptions"
-        test-id="backup-strategy"
-      />
-    </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_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const strategyOptions = ref<UI_I_SelectInputItem[]>(
-  strategyOptionsFunc(localization.value)
-)
-</script>
-
-<style lang="scss" scoped>
-#backup-transaction-logs {
-  margin: 4px 4px 0 0;
-}
-</style>
+<template>
+  <atoms-stack-block :has-children="false">
+    <template #stackBlockKey>
+      <span>{{ localization.common.strategy }}</span>
+    </template>
+    <template #stackBlockContent>
+      <common-select-input
+        v-model="model.strategy"
+        :data="strategyOptions"
+        test-id="backup-strategy"
+      />
+    </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_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import { strategyOptionsFunc } from '~/components/common/pages/backups/modals/createBackup/lib/config/strategyOptions'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const strategyOptions = ref<UI_I_SelectInputItem[]>(
+  strategyOptionsFunc(localization.value)
+)
+</script>
+
+<style lang="scss" scoped>
+#backup-transaction-logs {
+  margin: 4px 4px 0 0;
+}
+</style>

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

@@ -1,59 +1,59 @@
-<template>
-  <div class="datastores h-full">
-    <common-pages-backups-modals-create-backup-datastores-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"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_BackupDatastoreTable,
-  UI_I_CreateBackupForm
-} from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-const props = defineProps<{
-  datastoreTable: UI_I_BackupDatastoreTable
-  datastoreTableLoading: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'change', value: string[]): void
-}>()
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-
-const selectedKeys = ref<string[]>([])
-
-watch(
-  () => props.datastoreTable,
-  () => {
-    selectedKeys.value = []
-  },
-  { deep: true, immediate: true }
-)
-
-watch(
-  () => model.value.backup_storage,
-  (newValue: string) => {
-    const selectedNames: string[] = []
-
-    props.datastoreTable?.items.forEach((item) => {
-      if (newValue === item.id) selectedNames.push(item.name)
-    })
-
-    emits('change', selectedNames)
-  },
-  { deep: true, immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-.backups-table-content {
-  height: 100%;
-  padding: 0 10px 10px 10px;
-}
-</style>
+<template>
+  <div class="datastores h-full">
+    <common-pages-backups-modals-create-backup-datastores-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"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_BackupDatastoreTable,
+  UI_I_CreateBackupForm
+} from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+const props = defineProps<{
+  datastoreTable: UI_I_BackupDatastoreTable
+  datastoreTableLoading: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'change', value: string[]): void
+}>()
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+
+const selectedKeys = ref<string[]>([])
+
+watch(
+  () => props.datastoreTable,
+  () => {
+    selectedKeys.value = []
+  },
+  { deep: true, immediate: true }
+)
+
+watch(
+  () => model.value.backup_storage,
+  (newValue: string) => {
+    const selectedNames: string[] = []
+
+    props.datastoreTable?.items.forEach((item) => {
+      if (newValue === item.id) selectedNames.push(item.name)
+    })
+
+    emits('change', selectedNames)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+.backups-table-content {
+  height: 100%;
+  padding: 0 10px 10px 10px;
+}
+</style>

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

@@ -1,95 +1,95 @@
-<template>
-  <div class="data-table-view overflow-hidden">
-    <div class="data-table-view__inner">
-      <atoms-table-data-grid
-        v-model:selected-row="selectedRows"
-        v-model:column-keys="columnKeys"
-        class="data-table"
-        type="radio"
-        test-id="datastore-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
-      >
-        <template #icon="{ item }">
-          <span :class="['datagrid-cell-icon', item.data]" />
-          <span class="text-ellipsis">
-            {{ item.text }}
-          </span>
-        </template>
-      </atoms-table-data-grid>
-    </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_BackupDatastore } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
-import * as table from '~/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/table'
-
-const props = defineProps<{
-  dataTable: UI_I_BackupDatastore[]
-  loading: boolean
-  totalItems: number
-  totalPages: number
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedRows = defineModel<string>('selected')
-
-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) {
-    result = table.bodyItems(props.dataTable, localization.value)
-  }
-
-  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>
+<template>
+  <div class="data-table-view overflow-hidden">
+    <div class="data-table-view__inner">
+      <atoms-table-data-grid
+        v-model:selected-row="selectedRows"
+        v-model:column-keys="columnKeys"
+        class="data-table"
+        type="radio"
+        test-id="datastore-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
+      >
+        <template #icon="{ item }">
+          <span :class="['datagrid-cell-icon', item.data]" />
+          <span class="text-ellipsis">
+            {{ item.text }}
+          </span>
+        </template>
+      </atoms-table-data-grid>
+    </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_BackupDatastore } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
+import * as table from '~/components/common/pages/backups/modals/createBackup/datastores/tableView/lib/config/table'
+
+const props = defineProps<{
+  dataTable: UI_I_BackupDatastore[]
+  loading: boolean
+  totalItems: number
+  totalPages: number
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedRows = defineModel<string>('selected')
+
+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) {
+    result = table.bodyItems(props.dataTable, localization.value)
+  }
+
+  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/table.ts

@@ -1,117 +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_Pvm } from '~/components/common/pages/backups/modals/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_Pvm['disk_devices']
-): 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_Pvm['disk_devices'][0]) => {
-    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
-}
+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_Pvm } from '~/components/common/pages/backups/modals/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_Pvm['disk_devices']
+): 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_Pvm['disk_devices'][0]) => {
+    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
+}