feat(webui): download read list as zip

closes #411

komga-webui/src/functions/urls.ts

@@ -52,6 +52,10 @@ export function readListThumbnailUrl (readListId: string): string {
   return `${urls.originNoSlash}/api/v1/readlists/${readListId}/thumbnail`
 }
 
+export function readListFileUrl (readListId: string): string {
+  return `${urls.originNoSlash}/api/v1/readlists/${readListId}/file`
+}
+
 export function transientBookPageUrl (transientBookId: string, page: number): string {
   return `${urls.originNoSlash}/api/v1/transient-books/${transientBookId}/pages/${page}`
 }

komga-webui/src/locales/en.json

@@ -596,6 +596,7 @@
     "bulk_edit_metadata": "Bulk edit metadata",
     "delete": "Delete",
     "deselect_all": "Deselect all",
+    "download_readlist": "Download read list",
     "download_series": "Download series",
     "edit": "Edit",
     "edit_metadata": "Edit metadata",

komga-webui/src/views/BrowseReadList.vue

@@ -94,7 +94,19 @@
         </v-col>
       </v-row>
 
-      <v-divider v-if="readList.summary" class="my-3"/>
+      <v-row class="px-2">
+        <v-col>
+          <v-btn :title="$t('menu.download_readlist')"
+                 small
+                 :disabled="!canDownload"
+                 :href="fileUrl">
+            <v-icon left small>mdi-file-download</v-icon>
+            {{ $t('common.download') }}
+          </v-btn>
+        </v-col>
+      </v-row>
+
+      <v-divider class="my-3"/>
 
       <item-browser
         :items.sync="books"
@@ -136,6 +148,7 @@ import {authorRoles} from '@/types/author-roles'
 import {LibraryDto} from '@/types/komga-libraries'
 import {mergeFilterParams, toNameValue} from '@/functions/filter'
 import {Location} from 'vue-router'
+import {readListFileUrl} from '@/functions/urls'
 
 export default Vue.extend({
   name: 'BrowseReadList',
@@ -242,6 +255,12 @@ export default Vue.extend({
     isAdmin(): boolean {
       return this.$store.getters.meAdmin
     },
+    canDownload(): boolean {
+      return this.$store.getters.meFileDownload
+    },
+    fileUrl(): string {
+      return readListFileUrl(this.readListId)
+    },
     filterActive(): boolean {
       return Object.keys(this.filters).some(x => this.filters[x].length !== 0)
     },

komga-webui/src/views/BrowseSeries.vue

@@ -541,7 +541,7 @@ export default Vue.extend({
       return this.$store.getters.meFileDownload && !this.unavailable
     },
     fileUrl(): string {
-      return seriesFileUrl(this.series.id)
+      return seriesFileUrl(this.seriesId)
     },
     thumbnailUrl(): string {
       return seriesThumbnailUrl(this.seriesId)