From 32f4d7f651ee0243a42e516f7c891d6888fa50db Mon Sep 17 00:00:00 2001
From: Snd-R <76580768+Snd-R@users.noreply.github.com>
Date: Mon, 22 Nov 2021 11:14:31 +0300
Subject: [PATCH] fix(webui): series cover uploads (#729)

---
 komga-webui/src/components/DropZone.vue                 | 5 ++++-
 komga-webui/src/components/dialogs/EditSeriesDialog.vue | 8 +++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/komga-webui/src/components/DropZone.vue b/komga-webui/src/components/DropZone.vue
index 4353abb4b..d95d0a44b 100644
--- a/komga-webui/src/components/DropZone.vue
+++ b/komga-webui/src/components/DropZone.vue
@@ -1,7 +1,7 @@
 <template>
   <label class="drop-zone" v-cloak @drop.prevent="dropHandler" @dragover.prevent>
     <span class="file-input">Choose an image</span> - drag and drop
-    <input hidden aria-hidden="true" type="file" accept="image/*" multiple @change="dropHandler" >
+    <input ref="input" hidden aria-hidden="true" type="file" accept="image/*" multiple @change="dropHandler">
   </label>
 </template>
 
@@ -25,6 +25,9 @@ export default Vue.extend({
         this.$emit('on-input-change', Array.from(selectedFiles))
       }
     },
+    reset() {
+      (this.$refs.input as HTMLInputElement).value = ''
+    },
   },
 })
 </script>
diff --git a/komga-webui/src/components/dialogs/EditSeriesDialog.vue b/komga-webui/src/components/dialogs/EditSeriesDialog.vue
index 8481e748f..2a32954f9 100644
--- a/komga-webui/src/components/dialogs/EditSeriesDialog.vue
+++ b/komga-webui/src/components/dialogs/EditSeriesDialog.vue
@@ -323,7 +323,7 @@
                 <!-- Upload -->
                 <v-row>
                   <v-col class="pa-1">
-                    <drop-zone @on-input-change="addThumbnail" class="pa-8"/>
+                    <drop-zone ref="thumbnailsUpload" @on-input-change="addThumbnail" class="pa-8"/>
                   </v-col>
                 </v-row>
 
@@ -665,7 +665,7 @@ export default Vue.extend({
       if (this.single && this.poster.uploadQueue.length > 0) {
         const series = this.series as SeriesDto
         let hadErrors = false
-        for (const file of this.poster.uploadQueue) {
+        for (const file of this.poster.uploadQueue.slice()) {
           try {
             await this.$komgaSeries.uploadThumbnail(series.id, file, file.name === this.poster.selectedThumbnail)
             this.deleteThumbnail(file)
@@ -716,6 +716,8 @@ export default Vue.extend({
           }
         }
       }
+
+      (this.$refs.thumbnailsUpload as any).reset()
     },
     async getThumbnails(series: SeriesDto | SeriesDto[]) {
       if (Array.isArray(series)) return
@@ -752,7 +754,7 @@ export default Vue.extend({
           this.poster.uploadQueue.splice(index, 1)
         }
         if (item.name === this.poster.selectedThumbnail) {
-          this.selectThumbnail(this.poster.seriesThumbnails.find(x => x.selected))
+          this.poster.selectedThumbnail = ''
         }
       } else {
         // if thumbnail was marked for deletion, unmark it