Add:Tools tab on library modal, api endpoint to remove all metadata files from library item folders

client/components/modals/libraries/EditModal.vue

@@ -12,9 +12,9 @@
     </div>
 
     <div class="px-2 md:px-4 w-full text-sm pt-2 md:pt-6 pb-20 rounded-b-lg rounded-tr-lg bg-bg shadow-lg border border-black-300 relative overflow-hidden" style="min-height: 400px; max-height: 80vh">
-      <component v-if="libraryCopy && show" ref="tabComponent" :is="tabName" :is-new="!library" :library="libraryCopy" :processing.sync="processing" @update="updateLibrary" @close="show = false" />
+      <component v-if="libraryCopy && show" ref="tabComponent" :is="tabName" :is-new="!library" :library="libraryCopy" :library-id="libraryId" :processing.sync="processing" @update="updateLibrary" @close="show = false" />
 
-      <div class="absolute bottom-0 left-0 w-full px-4 py-4 border-t border-white border-opacity-10">
+      <div v-show="selectedTab !== 'tools'" class="absolute bottom-0 left-0 w-full px-4 py-4 border-t border-white border-opacity-10">
         <div class="flex justify-end">
           <ui-btn @click="submit">{{ buttonText }}</ui-btn>
         </div>
@@ -57,6 +57,9 @@ export default {
     mediaType() {
       return this.libraryCopy?.mediaType
     },
+    libraryId() {
+      return this.library?.id
+    },
     tabs() {
       return [
         {
@@ -78,6 +81,11 @@ export default {
           id: 'schedule',
           title: this.$strings.HeaderSchedule,
           component: 'modals-libraries-schedule-scan'
+        },
+        {
+          id: 'tools',
+          title: this.$strings.HeaderTools,
+          component: 'modals-libraries-library-tools'
         }
       ].filter((tab) => {
         return tab.id !== 'scanner' || this.mediaType === 'book'

client/components/modals/libraries/LibraryTools.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="w-full h-full px-1 md:px-4 py-1 mb-4">
+    <ui-btn class="mb-4" @click.stop="removeAllMetadataClick('json')">Remove all metadata.json files in library item folders</ui-btn>
+    <ui-btn @click.stop="removeAllMetadataClick('abs')">Remove all metadata.abs files in library item folders</ui-btn>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    library: {
+      type: Object,
+      default: () => null
+    },
+    libraryId: String,
+    processing: Boolean
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    librarySettings() {
+      return this.library.settings || {}
+    },
+    mediaType() {
+      return this.library.mediaType
+    },
+    isBookLibrary() {
+      return this.mediaType === 'book'
+    }
+  },
+  methods: {
+    removeAllMetadataClick(ext) {
+      const payload = {
+        message: `Are you sure you want to remove all metadata.${ext} files in your library item folders?`,
+        persistent: true,
+        callback: (confirmed) => {
+          if (confirmed) {
+            this.removeAllMetadataInLibrary(ext)
+          }
+        },
+        type: 'yesNo'
+      }
+      this.$store.commit('globals/setConfirmPrompt', payload)
+    },
+    removeAllMetadataInLibrary(ext) {
+      this.$emit('update:processing', true)
+      this.$axios
+        .$post(`/api/libraries/${this.libraryId}/remove-metadata?ext=${ext}`)
+        .then((data) => {
+          if (!data.found) {
+            this.$toast.info(`No metadata.${ext} files were found in library`)
+          } else if (!data.removed) {
+            this.$toast.success(`No metadata.${ext} files removed`)
+          } else {
+            this.$toast.success(`Successfully removed ${data.removed} metadata.${ext} files`)
+          }
+        })
+        .catch((error) => {
+          console.error('Failed to remove metadata files', error)
+          this.$toast.error('Failed to remove metadata files')
+        })
+        .finally(() => {
+          this.$emit('update:processing', false)
+        })
+    }
+  },
+  mounted() {}
+}
+</script>