Add:Experimental embed audio metadata page

client/pages/audiobook/_id/edit.vue

@@ -74,17 +74,11 @@
               {{ audio.error }}
             </div>
             <div class="font-sans text-xs font-normal w-40 flex items-center justify-center">
-              <widgets-loading-spinner v-if="audiofilesEncoding[audio.ino]" />
-              <p v-if="audiofilesEncoding[audio.ino]" class="text-warning pl-4 text-base">Encoding</p>
-              <ui-toggle-switch v-else v-model="audio.include" :off-color="'error'" @input="includeToggled(audio)" />
+              <ui-toggle-switch v-model="audio.include" :off-color="'error'" @input="includeToggled(audio)" />
             </div>
           </li>
         </transition-group>
       </draggable>
-
-      <div v-if="showExperimentalFeatures && isRootUser" class="w-full flex justify-end items-center py-6">
-        <ui-btn color="primary" small :loading="updatingMetadata" @click="updateAudioFileMetadata">Encode metadata in audio files <span class="text-warning font-bold text-xs">(experimental)</span></ui-btn>
-      </div>
     </div>
   </div>
 </template>
@@ -133,9 +127,7 @@ export default {
         ghostClass: 'ghost'
       },
       saving: false,
-      currentSort: 'current',
-      updatingMetadata: false,
-      audiofilesEncoding: {}
+      currentSort: 'current'
     }
   },
   computed: {
@@ -181,20 +173,6 @@ export default {
     }
   },
   methods: {
-    updateAudioFileMetadata() {
-      if (confirm(`Warning!\n\nThis will modify the audio files for this audiobook.\nMake sure your audio files are backed up before using this feature.`)) {
-        this.updatingMetadata = true
-        this.$axios
-          .$get(`/api/items/${this.libraryItemId}/audio-metadata`)
-          .then(() => {
-            console.log('Audio metadata encode started')
-          })
-          .catch((error) => {
-            console.error('Audio metadata encode failed', error)
-            this.updatingMetadata = false
-          })
-      }
-    },
     draggableUpdate(e) {
       this.currentSort = ''
     },
@@ -269,33 +247,7 @@ export default {
       } else {
         return 'check_circle'
       }
-    },
-    audioMetadataStarted(data) {
-      console.log('audio metadata started', data)
-      if (data.libraryItemId !== this.libraryItemId) return
-      this.updatingMetadata = true
-    },
-    audioMetadataFinished(data) {
-      console.log('audio metadata finished', data)
-      if (data.libraryItemId !== this.libraryItemId) return
-      this.updatingMetadata = false
-      this.audiofilesEncoding = {}
-      this.$toast.success('Audio file metadata updated')
-    },
-    audiofileMetadataStarted(data) {
-      if (data.libraryItemId !== this.libraryItemId) return
-      this.$set(this.audiofilesEncoding, data.ino, true)
-    },
-    audiofileMetadataFinished(data) {
-      if (data.libraryItemId !== this.libraryItemId) return
-      this.$set(this.audiofilesEncoding, data.ino, false)
     }
-  },
-  mounted() {
-    this.$root.socket.on('audio_metadata_started', this.audioMetadataStarted)
-    this.$root.socket.on('audio_metadata_finished', this.audioMetadataFinished)
-    this.$root.socket.on('audiofile_metadata_started', this.audiofileMetadataStarted)
-    this.$root.socket.on('audiofile_metadata_finished', this.audiofileMetadataFinished)
   }
 }
 </script>