Implementation of batch quick match API and related options dialog

client/components/modals/BatchQuickMatchModel.vue

@@ -10,7 +10,39 @@
       <div v-if="show" class="w-full h-full">
         <div class="py-4 px-4">
           <h1 class="text-2xl">Quick Match {{ selectedBookIds.length }} Books</h1>
-        </div>
+		</div>
+		
+		<div class="w-full overflow-y-auto overflow-x-hidden max-h-96">
+          <div class="flex px-8 items-center py-2">
+		    <p class="pr-4">Provider</p>
+			<ui-dropdown v-model="options.provider" :items="providers" small />
+	      </div>
+          <div class="flex px-8 items-end py-2">
+            <ui-toggle-switch v-model="options.overrideCover"/>
+            <ui-tooltip :text="tooltips.updateCovers">
+              <p class="pl-4">
+			    Update Covers
+                <span class="material-icons icon-text text-sm">info_outlined</span>
+              </p>
+            </ui-tooltip>
+          </div>
+          <div class="flex px-8 items-end py-2">
+            <ui-toggle-switch v-model="options.overrideDetails"/>
+            <ui-tooltip :text="tooltips.updateDetails">
+              <p class="pl-4">
+                Update Details
+                <span class="material-icons icon-text text-sm">info_outlined</span>
+              </p>
+            </ui-tooltip>
+          </div>
+          <div class="mt-4 py-4 border-b border-white border-opacity-10 text-white text-opacity-80" :class="isScrollable ? 'box-shadow-md-up' : 'border-t border-white border-opacity-5'">
+            <div class="flex items-center px-4">
+              <ui-btn type="button" @click="show = false">Cancel</ui-btn>
+              <div class="flex-grow" />
+              <ui-btn color="success" @click="doBatchQuickMatch">Continue</ui-btn>
+            </div>
+          </div>
+		</div>
       </div>
     </div>
   </modals-modal>
@@ -20,7 +52,16 @@
 export default {
   data() {
     return {
-      processing: false
+      processing: false,
+	  options: {
+		provider: 'google',
+		overrideDetails: true,
+		overrideCover: true
+	  },
+	  tooltips: {
+		  updateCovers: 'Update the selected book covers when a match is located.',
+		  updateDetails: 'Update the selected book details when a match is located.'
+	  }
     }
   },
   computed: {
@@ -45,26 +86,40 @@ export default {
     },
     currentLibraryId() {
       return this.$store.state.libraries.currentLibraryId
+    },
+    providers() {
+      if (this.isPodcast) return this.$store.state.scanners.podcastProviders
+      return this.$store.state.scanners.providers
     }
   },
   methods: {
+	  doBatchQuickMatch() {
+		  if (!this.selectedBookIds.length) return
+		  if (this.processing) return
+		  
+		  this.processing = true
+		  this.$store.commit('setProcessingBatch', true)
+		  this.$axios
+            .$post(`/api/items/batch/quickmatch`, {
+			  options: this.options,
+              libraryItemIds: this.selectedBookIds
+            })
+            .then(() => {
+              this.$toast.success('Batch quick match success!')
+              this.processing = false
+              this.$store.commit('setProcessingBatch', false)
+			  this.show = false
+            })
+            .catch((error) => {
+              this.$toast.error('Batch quick match failed')
+              console.error('Failed to batch quick match', error)
+              this.processing = false
+              this.$store.commit('setProcessingBatch', false)
+			  this.show = false
+            })
+	  }
   },
   mounted() {}
 }
 </script>
 
-<style>
-.list-complete-item {
-  transition: all 0.8s ease;
-}
-
-.list-complete-enter-from,
-.list-complete-leave-to {
-  opacity: 0;
-  transform: translateY(30px);
-}
-
-.list-complete-leave-active {
-  position: absolute;
-}
-</style>

client/layouts/default.vue

@@ -15,6 +15,7 @@
     <modals-podcast-edit-episode />
     <modals-podcast-view-episode />
     <modals-authors-edit-modal />
+	<modals-batch-quick-match-model />
     <prompt-confirm />
     <readers-reader />
   </div>

server/controllers/LibraryItemController.js

@@ -305,6 +305,31 @@ class LibraryItemController {
     res.json(libraryItems)
   }
 
+  // POST: api/items/batch/quickmatch
+  async batchQuickMatch(req, res) {
+	var itemsUpdated = 0
+
+	var matchData = req.body
+	var options = matchData.options || {}
+	var items = matchData.libraryItemIds
+    if (!items || !items.length) {
+      return res.sendStatus(500)
+    }
+	
+    for (let i = 0; i < items.length; i++) {
+		var libraryItem = this.db.libraryItems.find(_li => _li.id === items[i])
+		var matchResult = await this.scanner.quickMatchLibraryItem(libraryItem, options)
+		if (matchResult.updated) {
+			itemsUpdated++
+		}
+	}
+	
+	res.json({
+	  success: itemsUpdated > 0,
+	  updates: itemsUpdated
+    })
+  }
+
   // DELETE: api/items/all
   async deleteAll(req, res) {
     if (!req.user.isAdminOrUp) {

server/routers/ApiRouter.js

@@ -101,6 +101,7 @@ class ApiRouter {
     this.router.post('/items/batch/delete', LibraryItemController.batchDelete.bind(this))
     this.router.post('/items/batch/update', LibraryItemController.batchUpdate.bind(this))
     this.router.post('/items/batch/get', LibraryItemController.batchGet.bind(this))
+	this.router.post('/items/batch/quickmatch', LibraryItemController.batchQuickMatch.bind(this))
 
     //
     // User Routes