Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-04-21 22:40:48 +02:00
Code Issues Projects Releases Wiki Activity

Added filter persistence for the series view

Browse source
This commit is contained in:
Dawit 2026-03-03 09:26:52 -05:00
parent dfdcd08a3c
commit 2b7049335f
2 changed files with 41 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
komga-webui/src/plugins/persisted-state.ts
View file

@ -45,6 +45,11 @@ export const persistedModule: Module<any, any> = {
importPath: '',
duplicatesNewPageSize: 10,
rememberMe: false,
seriesBooks: {
filter: {} as FiltersActive,
filterMode: {} as FiltersActiveMode,
sort: {} as SortActive,
},
},
getters: {
getLocaleFirstDay: (state) => () => {
@ -92,6 +97,15 @@ export const persistedModule: Module<any, any> = {
getLibraryRoute: (state) => (id: string) => {
return state.library.route[id]
},
getSeriesBooksFilter: (state) => {
return state.seriesBooks.filter
},
getSeriesBooksFilterMode: (state) => {
return state.seriesBooks.filterMode
},
getSeriesBooksSort: (state) => {
return state.seriesBooks.sort
},
},
mutations: {
setLocale(state, val) {
@ -175,5 +189,14 @@ export const persistedModule: Module<any, any> = {
setRememberMe(state, val) {
state.rememberMe = val
},
setSeriesBooksFilter(state, filter) {
state.seriesBooks.filter = filter
},
setSeriesBooksFilterMode(state, filterMode) {
state.seriesBooks.filterMode = filterMode
},
setSeriesBooksSort(state, sort) {
state.seriesBooks.sort = sort
},
},
}

22
komga-webui/src/views/BrowseSeries.vue
View file

@ -896,6 +896,8 @@ export default Vue.extend({
authorRoles.forEach((role: string) => {
activeFilters[role] = route.query[role] || []
})
} else {
activeFilters = this.$store.getters.getSeriesBooksFilter
}
this.filters = this.validateFilters(activeFilters)
@ -903,6 +905,8 @@ export default Vue.extend({
let activeFiltersMode = {} as FiltersActiveMode
if (route.query.filterMode) {
activeFiltersMode = route.query.filterMode
} else {
activeFiltersMode = this.$store.getters.getSeriesBooksFilterMode
}
this.filtersMode = this.validateFiltersMode(activeFiltersMode)
},
@ -926,9 +930,18 @@ export default Vue.extend({
return validFilterMode
},
setWatches() {
this.sortUnwatch = this.$watch('sortActive', this.updateRouteAndReload)
this.filterUnwatch = this.$watch('filters', this.updateRouteAndReload)
this.filterModeUnwatch = this.$watch('filtersMode', this.updateRouteAndReload)
this.sortUnwatch = this.$watch('sortActive', (val) => {
this.$store.commit('setSeriesBooksSort', val)
this.updateRouteAndReload()
})
this.filterUnwatch = this.$watch('filters', (val) => {
this.$store.commit('setSeriesBooksFilter', val)
this.updateRouteAndReload()
})
this.filterModeUnwatch = this.$watch('filtersMode', (val) => {
this.$store.commit('setSeriesBooksFilterMode', val)
this.updateRouteAndReload()
})
this.pageSizeUnwatch = this.$watch('pageSize', (val) => {
this.$store.commit('setBrowsingPageSize', val)
this.updateRouteAndReload()
@ -1016,7 +1029,8 @@ export default Vue.extend({
await this.loadPage(seriesId, this.page, this.sortActive)
},
parseQuerySortOrDefault(querySort: any): SortActive {
return parseQuerySort(querySort, this.sortOptions) || this.$_.clone(this.sortDefault)
return parseQuerySort(querySort, this.sortOptions) ||
(this.$store.getters.getSeriesBooksSort?.key ? this.$store.getters.getSeriesBooksSort : this.$_.clone(this.sortDefault))
},
parseQueryFilterStatus(queryStatus: any): string[] {
return queryStatus ? queryStatus.toString().split(',').filter((x: string) => Object.keys(ReadStatus).includes(x)) : []