From 3582114efc37b2a745eef9ae5890fde427bb298c Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Tue, 21 Jan 2025 11:31:10 +0800
Subject: [PATCH] feat(webui): add all books from series to read list from
 multi-select bar

Closes: #1535
---
 komga-webui/src/components/bars/MultiSelectBar.vue |  2 +-
 komga-webui/src/views/BrowseCollection.vue         | 11 ++++++-----
 komga-webui/src/views/BrowseLibraries.vue          | 11 ++++++-----
 komga-webui/src/views/DashboardView.vue            | 10 +++++++++-
 komga-webui/src/views/SearchView.vue               | 10 +++++++++-
 5 files changed, 31 insertions(+), 13 deletions(-)

diff --git a/komga-webui/src/components/bars/MultiSelectBar.vue b/komga-webui/src/components/bars/MultiSelectBar.vue
index 7596f6532..d04194b43 100644
--- a/komga-webui/src/components/bars/MultiSelectBar.vue
+++ b/komga-webui/src/components/bars/MultiSelectBar.vue
@@ -52,7 +52,7 @@
         </v-tooltip>
       </v-btn>
 
-      <v-btn icon @click="addToReadList" v-if="isAdmin && (kind === 'books' || (kind === 'series' && oneshots))">
+      <v-btn icon @click="addToReadList" v-if="isAdmin && (kind === 'books' || kind === 'series')">
         <v-tooltip bottom>
           <template v-slot:activator="{ on }">
             <v-icon v-on="on">mdi-book-plus-multiple</v-icon>
diff --git a/komga-webui/src/views/BrowseCollection.vue b/komga-webui/src/views/BrowseCollection.vue
index db4134815..feed9cb6b 100644
--- a/komga-webui/src/views/BrowseCollection.vue
+++ b/komga-webui/src/views/BrowseCollection.vue
@@ -165,7 +165,7 @@ import {LibraryDto} from '@/types/komga-libraries'
 import {parseBooleanFilter} from '@/functions/query-params'
 import {ContextOrigin} from '@/types/context'
 import PageSizeSelect from '@/components/PageSizeSelect.vue'
-import {BookSearch, SearchConditionSeriesId, SearchOperatorIs} from '@/types/komga-search'
+import {BookSearch, SearchConditionAnyOfBook, SearchConditionSeriesId, SearchOperatorIs} from '@/types/komga-search'
 import {FiltersActive, FiltersOptions, NameValue} from '@/types/filter'
 
 export default Vue.extend({
@@ -533,10 +533,11 @@ export default Vue.extend({
       this.$store.dispatch('dialogAddSeriesToCollection', this.selectedSeries.map(s => s.id))
     },
     async addToReadList() {
-      const books = await Promise.all(this.selectedSeries.map(s => this.$komgaBooks.getBooksList({
-        condition: new SearchConditionSeriesId(new SearchOperatorIs(s.id)),
-      } as BookSearch)))
-      this.$store.dispatch('dialogAddBooksToReadList', books.map(b => b.content[0].id))
+      const conditions = this.selectedSeries.map(s => new SearchConditionSeriesId(new SearchOperatorIs(s.id)))
+      const books = await this.$komgaBooks.getBooksList({
+        condition: new SearchConditionAnyOfBook(conditions),
+      } as BookSearch, {unpaged: true})
+      this.$store.dispatch('dialogAddBooksToReadList', books.content.map(b => b.id))
     },
     async startEditElements() {
       this.filters = {}
diff --git a/komga-webui/src/views/BrowseLibraries.vue b/komga-webui/src/views/BrowseLibraries.vue
index 110ee6147..021fdbb0b 100644
--- a/komga-webui/src/views/BrowseLibraries.vue
+++ b/komga-webui/src/views/BrowseLibraries.vue
@@ -167,7 +167,7 @@ import {ItemContext} from '@/types/items'
 import {
   BookSearch,
   SearchConditionAgeRating,
-  SearchConditionAllOfSeries,
+  SearchConditionAllOfSeries, SearchConditionAnyOfBook,
   SearchConditionAnyOfSeries,
   SearchConditionAuthor,
   SearchConditionComplete,
@@ -747,10 +747,11 @@ export default Vue.extend({
       this.$store.dispatch('dialogAddSeriesToCollection', this.selectedSeries.map(s => s.id))
     },
     async addToReadList() {
-      const books = await Promise.all(this.selectedSeries.map(s => this.$komgaBooks.getBooksList({
-        condition: new SearchConditionSeriesId(new SearchOperatorIs(s.id)),
-      } as BookSearch)))
-      this.$store.dispatch('dialogAddBooksToReadList', books.map(b => b.content[0].id))
+      const conditions = this.selectedSeries.map(s => new SearchConditionSeriesId(new SearchOperatorIs(s.id)))
+      const books = await this.$komgaBooks.getBooksList({
+        condition: new SearchConditionAnyOfBook(conditions),
+      } as BookSearch, {unpaged: true})
+      this.$store.dispatch('dialogAddBooksToReadList', books.content.map(b => b.id))
     },
     async editSingleSeries(series: SeriesDto) {
       if (series.oneshot) {
diff --git a/komga-webui/src/views/DashboardView.vue b/komga-webui/src/views/DashboardView.vue
index 00cdc607a..974da9c68 100644
--- a/komga-webui/src/views/DashboardView.vue
+++ b/komga-webui/src/views/DashboardView.vue
@@ -27,6 +27,7 @@
       @mark-read="markSelectedSeriesRead"
       @mark-unread="markSelectedSeriesUnread"
       @add-to-collection="addToCollection"
+      @add-to-readlist="addSeriesBooksToReadList"
       @edit="editMultipleSeries"
       @delete="deleteSeries"
     />
@@ -234,7 +235,7 @@ import {PageLoader} from '@/types/pageLoader'
 import {ItemContext} from '@/types/items'
 import {
   BookSearch,
-  SearchConditionAllOfBook,
+  SearchConditionAllOfBook, SearchConditionAnyOfBook,
   SearchConditionBook,
   SearchConditionLibraryId,
   SearchConditionReadStatus, SearchConditionReleaseDate, SearchConditionSeriesId, SearchOperatorAfter,
@@ -514,6 +515,13 @@ export default Vue.extend({
       this.$store.dispatch('dialogAddBooksToReadList', this.selectedBooks.map(b => b.id))
       this.selectedBooks = []
     },
+    async addSeriesBooksToReadList() {
+      const conditions = this.selectedSeries.map(s => new SearchConditionSeriesId(new SearchOperatorIs(s.id)))
+      const books = await this.$komgaBooks.getBooksList({
+        condition: new SearchConditionAnyOfBook(conditions),
+      } as BookSearch, {unpaged: true})
+      this.$store.dispatch('dialogAddBooksToReadList', books.content.map(b => b.id))
+    },
     async markSelectedBooksRead() {
       await Promise.all(this.selectedBooks.map(b =>
         this.$komgaBooks.updateReadProgress(b.id, {completed: true}),
diff --git a/komga-webui/src/views/SearchView.vue b/komga-webui/src/views/SearchView.vue
index 2415b2137..f33304a93 100644
--- a/komga-webui/src/views/SearchView.vue
+++ b/komga-webui/src/views/SearchView.vue
@@ -13,6 +13,7 @@
       @mark-read="markSelectedSeriesRead"
       @mark-unread="markSelectedSeriesUnread"
       @add-to-collection="addToCollection"
+      @add-to-readlist="addSeriesBooksToReadList"
       @edit="editMultipleSeries"
       @delete="deleteSeries"
     />
@@ -181,7 +182,7 @@ import {PageLoader} from '@/types/pageLoader'
 import {ItemContext} from '@/types/items'
 import {ReadListDto} from '@/types/komga-readlists'
 import {
-  BookSearch,
+  BookSearch, SearchConditionAnyOfBook, SearchConditionAnyOfSeries,
   SearchConditionOneShot,
   SearchConditionSeriesId, SearchOperatorIs,
   SearchOperatorIsFalse,
@@ -355,6 +356,13 @@ export default Vue.extend({
     addToReadList() {
       this.$store.dispatch('dialogAddBooksToReadList', this.selectedBooks.map(b => b.id))
     },
+    async addSeriesBooksToReadList() {
+      const conditions = this.selectedSeries.map(s => new SearchConditionSeriesId(new SearchOperatorIs(s.id)))
+      const books = await this.$komgaBooks.getBooksList({
+        condition: new SearchConditionAnyOfBook(conditions),
+      } as BookSearch, {unpaged: true})
+      this.$store.dispatch('dialogAddBooksToReadList', books.content.map(b => b.id))
+    },
     addOneshotsToCollection() {
       this.$store.dispatch('dialogAddSeriesToCollection', this.selectedBooks.map(b => b.seriesId))
     },