Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-18 06:24:37 +01:00
Code Issues Projects Releases Wiki Activity

feat(webui): add recently read books section on dashboard

Browse source
This commit is contained in:
Gauthier Roebroeck 2021-07-26 15:10:06 +08:00
parent afe2b64a15
commit f4527ec1fa
2 changed files with 28 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
komga-webui/src/locales/en.json
View file

@ -213,6 +213,7 @@
"on_deck": "On Deck",
"recently_added_books": "Recently Added Books",
"recently_added_series": "Recently Added Series",
"recently_read_books": "Recently Read Books",
"recently_released_books": "Recently Released Books",
"recently_updated_series": "Recently Updated Series"
},

28
komga-webui/src/views/Dashboard.vue
View file

@ -137,6 +137,21 @@
/>
</template>
</horizontal-scroller>
<horizontal-scroller v-if="recentlyReadBooks.length !== 0" class="mb-4">
<template v-slot:prepend>
<div class="title">{{ $t('dashboard.recently_read_books') }}</div>
</template>
<template v-slot:content>
<item-browser :items="recentlyReadBooks"
nowrap
:edit-function="isAdmin ? singleEditBook : undefined"
:selected.sync="selectedBooks"
:selectable="selectedSeries.length === 0"
:fixed-item-width="fixedCardWidth"
/>
</template>
</horizontal-scroller>
</v-container>
</div>
</template>
@ -189,6 +204,7 @@ export default Vue.extend({
inProgressBooks: [] as BookDto[],
onDeckBooks: [] as BookDto[],
recentlyReleasedBooks: [] as BookDto[],
recentlyReadBooks: [] as BookDto[],
selectedSeries: [] as SeriesDto[],
selectedBooks: [] as BookDto[],
}
@ -250,7 +266,8 @@ export default Vue.extend({
this.latestBooks.length === 0 &&
this.inProgressBooks.length === 0 &&
this.onDeckBooks.length === 0 &&
this.recentlyReleasedBooks.length === 0
this.recentlyReleasedBooks.length === 0 &&
this.recentlyReadBooks.length === 0
},
individualLibrary(): boolean {
return this.libraryId !== LIBRARIES_ALL
@ -275,6 +292,7 @@ export default Vue.extend({
else if (this.latestBooks.some(b => b.id === event.bookId)) this.reload()
else if (this.onDeckBooks.some(b => b.id === event.bookId)) this.reload()
else if (this.recentlyReleasedBooks.some(b => b.id === event.bookId)) this.reload()
else if (this.recentlyReadBooks.some(b => b.id === event.bookId)) this.reload()
},
reload: throttle(function(this: any) {
this.loadAll(this.libraryId)
@ -289,6 +307,7 @@ export default Vue.extend({
this.loadLatestBooks(libraryId)
this.loadNewSeries(libraryId)
this.loadUpdatedSeries(libraryId)
this.loadRecentlyReadBooks(libraryId)
},
async loadNewSeries(libraryId: string) {
this.newSeries = (await this.$komgaSeries.getNewSeries(this.getRequestLibraryId(libraryId))).content
@ -311,6 +330,13 @@ export default Vue.extend({
const releasedAfter = subMonths(new Date(), 1)
this.recentlyReleasedBooks = (await this.$komgaBooks.getBooks(this.getRequestLibraryId(libraryId), pageRequest, undefined, undefined, undefined, releasedAfter)).content
},
async loadRecentlyReadBooks(libraryId: string) {
const pageRequest = {
sort: ['readProgress.lastModified,desc'],
} as PageRequest
this.recentlyReadBooks = (await this.$komgaBooks.getBooks(this.getRequestLibraryId(libraryId), pageRequest, undefined, undefined, [ReadStatus.READ])).content
},
async loadInProgressBooks(libraryId: string) {
const pageRequest = {
sort: ['readProgress.lastModified,desc'],