Add LibrarySettings and update edit library modal to include settings tab

client/components/modals/libraries/LibrarySettings.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="w-full h-full px-4 py-1 mb-4">
+    <div class="py-3">
+      <div class="flex items-center">
+        <ui-toggle-switch v-if="!globalWatcherDisabled" v-model="disableWatcher" @input="formUpdated" />
+        <ui-toggle-switch v-else disabled :value="false" />
+        <p class="pl-4 text-lg">Disable folder watcher for library</p>
+      </div>
+      <p v-if="globalWatcherDisabled" class="text-xs text-warning">*Watcher is disabled globally in server settings</p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    library: {
+      type: Object,
+      default: () => null
+    },
+    processing: Boolean
+  },
+  data() {
+    return {
+      provider: null,
+      disableWatcher: false
+    }
+  },
+  computed: {
+    librarySettings() {
+      return this.library.settings || {}
+    },
+    globalWatcherDisabled() {
+      return this.$store.getters['getServerSetting']('scannerDisableWatcher')
+    },
+    mediaType() {
+      return this.library.mediaType
+    },
+    providers() {
+      if (this.mediaType === 'podcast') return this.$store.state.scanners.podcastProviders
+      return this.$store.state.scanners.providers
+    }
+  },
+  methods: {
+    getLibraryData() {
+      return {
+        settings: {
+          disableWatcher: !!this.disableWatcher
+        }
+      }
+    },
+    formUpdated() {
+      this.$emit('update', this.getLibraryData())
+    },
+    init() {
+      this.disableWatcher = !!this.librarySettings.disableWatcher
+    }
+  },
+  mounted() {
+    this.init()
+  }
+}
+</script>