diff --git a/komga-webui/src/plugins/persisted-state.ts b/komga-webui/src/plugins/persisted-state.ts index ae0654660..8fc653c92 100644 --- a/komga-webui/src/plugins/persisted-state.ts +++ b/komga-webui/src/plugins/persisted-state.ts @@ -33,6 +33,7 @@ export const persistedModule: Module = { route: {}, }, importPath: '', + duplicatesNewPageSize: 10, }, getters: { getCollectionFilter: (state) => (id: string) => { @@ -106,5 +107,8 @@ export const persistedModule: Module = { setImportPath(state, val) { state.importPath = val ?? '' }, + setDuplicatesNewPageSize(state, val) { + state.duplicatesNewPageSize = val + }, }, } diff --git a/komga-webui/src/views/SettingsDuplicatePagesUnknown.vue b/komga-webui/src/views/SettingsDuplicatePagesUnknown.vue index 8d9752dcc..6f50237c3 100644 --- a/komga-webui/src/views/SettingsDuplicatePagesUnknown.vue +++ b/komga-webui/src/views/SettingsDuplicatePagesUnknown.vue @@ -37,6 +37,10 @@ + + + + @@ -105,10 +109,11 @@ import {PageHashDto, PageHashUnknownDto} from '@/types/komga-pagehashes' import {pageHashUnknownThumbnailUrl} from '@/functions/urls' import PageHashMatchesTable from '@/components/PageHashMatchesTable.vue' import PageHashUnknownCard from '@/components/PageHashUnknownCard.vue' +import PageSizeSelect from '@/components/PageSizeSelect.vue' export default Vue.extend({ name: 'SettingsDuplicatePagesUnknown', - components: {PageHashUnknownCard, PageHashMatchesTable}, + components: {PageHashUnknownCard, PageHashMatchesTable, PageSizeSelect}, data: function () { return { elements: [] as PageHashUnknownDto[], @@ -156,11 +161,21 @@ export default Vue.extend({ return 15 } }, + pageSize: { + get: function (): number { + return this.$store.state.persistedState.duplicatesNewPageSize + }, + set: function (value: number): void { + this.$store.commit('setDuplicatesNewPageSize', value) + this.loadData(this.page, this.sortActive) + }, + }, }, methods: { async loadData(page: number, sort: SortActive) { const pageRequest = { page: page - 1, + size: this.pageSize, sort: [`${sort.key},${sort.order}`], } as PageRequest