Write metadata file option, rate limiting login attempts, generic failed login message

client/components/modals/edit-tabs/Details.vue

@@ -55,6 +55,11 @@
       <div class="absolute bottom-0 left-0 w-full py-4 bg-bg" :class="isScrollable ? 'box-shadow-md-up' : 'box-shadow-sm-up border-t border-primary border-opacity-50'">
         <div class="flex px-4">
           <ui-btn v-if="userCanDelete" color="error" type="button" small @click.stop.prevent="deleteAudiobook">Remove</ui-btn>
+
+          <ui-tooltip text="(Root User Only) Save a NFO metadata file in your audiobooks directory" class="mx-4">
+            <ui-btn v-if="isRootUser" :loading="savingMetadata" color="bg" type="button" class="h-full" small @click.stop.prevent="saveMetadata">Save Metadata</ui-btn>
+          </ui-tooltip>
+
           <div class="flex-grow" />
           <ui-btn type="submit">Submit</ui-btn>
         </div>
@@ -87,7 +92,8 @@ export default {
       },
       newTags: [],
       resettingProgress: false,
-      isScrollable: false
+      isScrollable: false,
+      savingMetadata: false
     }
   },
   watch: {
@@ -107,6 +113,9 @@ export default {
         this.$emit('update:processing', val)
       }
     },
+    isRootUser() {
+      return this.$store.getters['user/getIsRoot']
+    },
     audiobookId() {
       return this.audiobook ? this.audiobook.id : null
     },
@@ -127,6 +136,24 @@ export default {
     }
   },
   methods: {
+    saveMetadataComplete(result) {
+      this.savingMetadata = false
+      if (result.error) {
+        this.$toast.error(result.error)
+      } else if (result.audiobookId) {
+        var { savedPath } = result
+        if (!savedPath) {
+          this.$toast.error(`Failed to save metadata file (${result.audiobookId})`)
+        } else {
+          this.$toast.success(`Metadata file saved "${result.audiobookTitle}"`)
+        }
+      }
+    },
+    saveMetadata() {
+      this.savingMetadata = true
+      this.$root.socket.once('save_metadata_complete', this.saveMetadataComplete)
+      this.$root.socket.emit('save_metadata', this.audiobookId)
+    },
     async submitForm() {
       if (this.isProcessing) {
         return

client/layouts/default.vue

@@ -127,6 +127,21 @@ export default {
         this.$store.commit('setScanProgress', progress)
       }
     },
+    saveMetadataComplete(result) {
+      if (result.error) {
+        this.$toast.error(result.error)
+      } else if (result.audiobookId) {
+        var { savedPath } = result
+        if (!savedPath) {
+          this.$toast.error(`Failed to save metadata file (${result.audiobookId})`)
+        } else {
+          this.$toast.success(`Metadata file saved (${result.audiobookId})`)
+        }
+      } else {
+        var { success, failed } = result
+        this.$toast.success(`Metadata save complete\n${success} Succeeded\n${failed} Failed`)
+      }
+    },
     userUpdated(user) {
       if (this.$store.state.user.user.id === user.id) {
         this.$store.commit('user/setUser', user)
@@ -230,6 +245,7 @@ export default {
       this.socket.on('scan_start', this.scanStart)
       this.socket.on('scan_complete', this.scanComplete)
       this.socket.on('scan_progress', this.scanProgress)
+      // this.socket.on('save_metadata_complete', this.saveMetadataComplete)
 
       // Download Listeners
       this.socket.on('download_started', this.downloadStarted)

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "audiobookshelf-client",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Audiobook manager and player",
   "main": "index.js",
   "scripts": {

client/pages/config/index.vue

@@ -50,11 +50,13 @@
           <div class="w-40 flex flex-col">
             <ui-btn color="success" class="mb-4" :loading="isScanning" :disabled="isScanningCovers" @click="scan">Scan</ui-btn>
 
-            <div class="w-full">
+            <div class="w-full mb-4">
               <ui-tooltip direction="bottom" text="Only scans audiobooks without a cover. Covers will be applied if a close match is found." class="w-full">
                 <ui-btn color="primary" class="w-full" small :padding-x="2" :loading="isScanningCovers" :disabled="isScanning" @click="scanCovers">Scan for Covers</ui-btn>
               </ui-tooltip>
             </div>
+
+            <!-- <ui-btn color="primary" small @click="saveMetadataFiles">Save Metadata</ui-btn> -->
           </div>
         </div>
       </div>
@@ -152,6 +154,9 @@ export default {
     scanCovers() {
       this.$root.socket.emit('scan_covers')
     },
+    saveMetadataFiles() {
+      this.$root.socket.emit('save_metadata')
+    },
     loadUsers() {
       this.$axios
         .$get('/api/users')

client/pages/login.vue

@@ -57,15 +57,14 @@ export default {
         password: this.password || ''
       }
       var authRes = await this.$axios.$post('/login', payload).catch((error) => {
-        console.error('Failed', error)
+        console.error('Failed', error.response)
+        if (error.response) this.error = error.response.data
+        else this.error = 'Unknown Error'
         return false
       })
-      console.log('Auth res', authRes)
-      if (!authRes) {
-        this.error = 'Unknown Failure'
-      } else if (authRes.error) {
+      if (authRes && authRes.error) {
         this.error = authRes.error
-      } else {
+      } else if (authRes) {
         this.$store.commit('user/setUser', authRes.user)
       }
       this.processing = false

client/plugins/axios.js

@@ -16,6 +16,7 @@ export default function ({ $axios, store }) {
 
   $axios.onError(error => {
     const code = parseInt(error.response && error.response.status)
-    console.error('Axios error code', code)
+    const message = error.response ? error.response.data || 'Unknown Error' : 'Unknown Error'
+    console.error('Axios error', code, message)
   })
 }