Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-01-06 07:44:35 +01:00
Code Issues Projects Releases Wiki Activity

refactor: simplify intersect code with a watch

Browse source
This commit is contained in:
Gauthier Roebroeck 2020-01-24 10:13:09 +08:00
parent e965d6302c
commit 1ebe86df9b
2 changed files with 30 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
komga-webui/src/views/BrowseLibraries.vue
View file

@ -127,6 +127,21 @@ export default Vue.extend({
sortActive () {
this.updateRoute()
this.reloadData(this.libraryId)
},
async visibleCards (val) {
for (const i of val) {
const pageNumber = Math.floor(i / this.pageSize)
if (this.pagesState[pageNumber] === undefined || this.pagesState[pageNumber] === LoadState.NotLoaded) {
this.processPage(await this.loadPage(pageNumber, this.libraryId))
}
}
const max = this.$_.max(val) as number | undefined
const index = (max === undefined ? 0 : max).toString()
if (this.$route.params.index !== index) {
this.updateRoute(index)
}
}
},
async created () {
@ -171,20 +186,9 @@ export default Vue.extend({
const elementIndex = Number(entries[0].target.dataset['index'])
if (isIntersecting) {
this.visibleCards.push(elementIndex)
const pageNumber = Math.floor(elementIndex / this.pageSize)
if (this.pagesState[pageNumber] === undefined || this.pagesState[pageNumber] === LoadState.NotLoaded) {
this.processPage(await this.loadPage(pageNumber, this.libraryId))
}
} else {
this.$_.pull(this.visibleCards, elementIndex)
}
const max = this.$_.max(this.visibleCards)
const index = (max === undefined ? 0 : max).toString()
if (this.$route.params.index !== index) {
this.updateRoute(index)
}
},
reloadData (libraryId: number) {
this.totalElements = null

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

@ -138,6 +138,21 @@ export default Vue.extend({
sortActive () {
this.updateRoute()
this.reloadData(this.seriesId)
},
async visibleCards (val) {
for (const i of val) {
const pageNumber = Math.floor(i / this.pageSize)
if (this.pagesState[pageNumber] === undefined || this.pagesState[pageNumber] === LoadState.NotLoaded) {
this.processPage(await this.loadPage(pageNumber, this.seriesId))
}
}
const max = this.$_.max(val) as number | undefined
const index = (max === undefined ? 0 : max).toString()
if (this.$route.params.index !== index) {
this.updateRoute(index)
}
}
},
async created () {
@ -175,20 +190,9 @@ export default Vue.extend({
const elementIndex = Number(entries[0].target.dataset['index'])
if (isIntersecting) {
this.visibleCards.push(elementIndex)
const pageNumber = Math.floor(elementIndex / this.pageSize)
if (this.pagesState[pageNumber] === undefined || this.pagesState[pageNumber] === LoadState.NotLoaded) {
this.processPage(await this.loadPage(pageNumber, this.seriesId))
}
} else {
this.$_.pull(this.visibleCards, elementIndex)
}
const max = this.$_.max(this.visibleCards)
const index = (max === undefined ? 0 : max).toString()
if (this.$route.params.index !== index) {
this.updateRoute(index)
}
},
updateRoute (index?: string) {
this.$router.replace({