bfg-common 1.5.479 → 1.5.481

package/components/common/pages/backups/lib/models/interfaces.ts

@@ -1,36 +1,36 @@
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-import type { UI_T_BackupActionType } from '~/components/common/pages/backups/lib/models/types'
-
-export interface API_UI_I_Backup {
-  creation_time: number
-  creation_type: number
-  description: string
-  kind: number // TODO
-  msg: string
-  name: string
-  state: number // TODO
-  uuid: string
-  vm_name: string
-  vmid: string
-  storage_id: string
-  storage_name: string
-}
-
-export interface UI_I_Backup extends API_UI_I_Backup {}
-
-export interface UI_I_BackupsTreeNode
-  extends UI_I_TreeNode<UI_I_BackupsTreeNode> {
-  parent_id: string
-  timestamp: string
-  description: string
-}
-
-export interface UI_I_BackupAction {
-  action: UI_T_BackupActionType | ''
-  id?: string
-  name?: string
-  backupId?: string
-  bucketId?: string
-  storageId?: string
-}
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_T_BackupActionType } from '~/components/common/pages/backups/lib/models/types'
+
+export interface API_UI_I_Backup {
+  creation_time: number
+  creation_type: number
+  description: string
+  kind: number // TODO
+  msg: string
+  name: string
+  state: number // TODO
+  uuid: string
+  vm_name: string
+  vmid: string
+  storage_id: string
+  storage_name: string
+}
+
+export interface UI_I_Backup extends API_UI_I_Backup {}
+
+export interface UI_I_BackupsTreeNode
+  extends UI_I_TreeNode<UI_I_BackupsTreeNode> {
+  parent_id: string
+  timestamp: string
+  description: string
+}
+
+export interface UI_I_BackupAction {
+  action: UI_T_BackupActionType | ''
+  id?: string
+  name?: string
+  backupId?: string
+  bucketId?: string
+  storageId?: string
+}

package/components/common/pages/backups/modals/createBackup/configuration/Configuration.vue

@@ -1,29 +1,29 @@
-<template>
-  <div class="configuration">
-    <div class="stack-view">
-      <common-pages-backups-modals-create-backup-configuration-strategy
-        v-model="model"
-      />
-      <!--      <common-pages-backups-modals-create-backup-configuration-backup-window-->
-      <!--        v-model="model"-->
-      <!--      />-->
-      <common-pages-backups-modals-create-backup-configuration-max-bandwidth
-        v-model="model"
-      />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateBackupForm>({ required: true })
-</script>
-
-<style lang="scss" scoped>
-.stack-view {
-  :deep(.select-input__inner) {
-    min-width: max-content;
-  }
-}
-</style>
+<template>
+  <div class="configuration">
+    <div class="stack-view">
+      <common-pages-backups-modals-create-backup-configuration-strategy
+        v-model="model"
+      />
+      <!--      <common-pages-backups-modals-create-backup-configuration-backup-window-->
+      <!--        v-model="model"-->
+      <!--      />-->
+      <common-pages-backups-modals-create-backup-configuration-max-bandwidth
+        v-model="model"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_CreateBackupForm } from '~/components/common/pages/backups/modals/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateBackupForm>({ required: true })
+</script>
+
+<style lang="scss" scoped>
+.stack-view {
+  :deep(.select-input__inner) {
+    min-width: max-content;
+  }
+}
+</style>

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

@@ -1,5 +1,8 @@
 <template>
-  <atoms-stack-block :has-children="false">
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-window-stack-block"
+  >
     <template #stackBlockKey>
       <span>{{ localization.common.backupWindow }}</span>
     </template>

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

@@ -1,5 +1,8 @@
 <template>
-  <atoms-stack-block :has-children="false">
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-max-bandwidth-stack-block"
+  >
     <template #stackBlockKey>
       <span>{{ localization.common.maxBandwidth }}</span>
     </template>

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

@@ -1,6 +1,6 @@
-import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
-
-export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
-  { label: 'Mbps', value: 0 },
-  { label: 'Gbps', value: 1 },
-]
+import type {UI_I_SelectInputItem} from "~/components/common/select/input/lib/models/interfaces";
+
+export const maxBandwidthOptions: UI_I_SelectInputItem[] = [
+  { label: 'Mbps', value: 0 },
+  { label: 'Gbps', value: 1 },
+]

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

@@ -1,5 +1,8 @@
 <template>
-  <atoms-stack-block :has-children="false">
+  <atoms-stack-block
+      :has-children="false"
+      test-id="backup-strategy-stack-block"
+  >
     <template #stackBlockKey>
       <span>{{ localization.common.strategy }}</span>
     </template>

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/datastores/tableView/lib/config/table.ts

@@ -73,16 +73,19 @@ export const bodyItems = (
         key: 'col0',
         text: datastore[tableKeys[0]],
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col1',
         text: state,
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col2',
         text: $binary.round(datastore.capacity[tableKeys[2]], false, lang),
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col3',
@@ -92,26 +95,31 @@ export const bodyItems = (
           lang
         ),
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col4',
         text: $binary.round(datastore.capacity[tableKeys[4]], false, lang),
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col5',
         text: $binary.round(datastore.capacity[tableKeys[5]], false, lang),
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col6',
         text: datastore[tableKeys[6]],
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
       {
         key: 'col7',
         text: datastore[tableKeys[7]],
         id: datastore.id,
+        testId: `backup-datastore-table-item-${datastore.id}`,
       },
     ])
   })