mirror of
				https://github.com/advplyr/audiobookshelf.git
				synced 2025-11-03 19:07:00 -05:00 
			
		
		
		
	
		
			
				
	
	
		
			93 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			93 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <div class="w-full h-full px-1 md:px-4 py-1 mb-4">
 | 
						|
    <div class="flex items-center py-2">
 | 
						|
      <ui-toggle-switch v-model="useSquareBookCovers" @input="formUpdated" />
 | 
						|
      <ui-tooltip :text="$strings.LabelSettingsSquareBookCoversHelp">
 | 
						|
        <p class="pl-4 text-base">
 | 
						|
          {{ $strings.LabelSettingsSquareBookCovers }}
 | 
						|
          <span class="material-icons icon-text text-sm">info_outlined</span>
 | 
						|
        </p>
 | 
						|
      </ui-tooltip>
 | 
						|
    </div>
 | 
						|
    <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-base">{{ $strings.LabelSettingsDisableWatcherForLibrary }}</p>
 | 
						|
      </div>
 | 
						|
      <p v-if="globalWatcherDisabled" class="text-xs text-warning">*{{ $strings.MessageWatcherIsDisabledGlobally }}</p>
 | 
						|
    </div>
 | 
						|
    <div v-if="mediaType == 'book'" class="py-3">
 | 
						|
      <div class="flex items-center">
 | 
						|
        <ui-toggle-switch v-model="skipMatchingMediaWithAsin" @input="formUpdated" />
 | 
						|
        <p class="pl-4 text-base">{{ $strings.LabelSettingsSkipMatchingBooksWithASIN }}</p>
 | 
						|
      </div>
 | 
						|
    </div>
 | 
						|
    <div v-if="mediaType == 'book'" class="py-3">
 | 
						|
      <div class="flex items-center">
 | 
						|
        <ui-toggle-switch v-model="skipMatchingMediaWithIsbn" @input="formUpdated" />
 | 
						|
        <p class="pl-4 text-base">{{ $strings.LabelSettingsSkipMatchingBooksWithISBN }}</p>
 | 
						|
      </div>
 | 
						|
    </div>
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
 | 
						|
<script>
 | 
						|
export default {
 | 
						|
  props: {
 | 
						|
    library: {
 | 
						|
      type: Object,
 | 
						|
      default: () => null
 | 
						|
    },
 | 
						|
    processing: Boolean
 | 
						|
  },
 | 
						|
  data() {
 | 
						|
    return {
 | 
						|
      provider: null,
 | 
						|
      useSquareBookCovers: false,
 | 
						|
      disableWatcher: false,
 | 
						|
      skipMatchingMediaWithAsin: false,
 | 
						|
      skipMatchingMediaWithIsbn: 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: {
 | 
						|
          coverAspectRatio: this.useSquareBookCovers ? this.$constants.BookCoverAspectRatio.SQUARE : this.$constants.BookCoverAspectRatio.STANDARD,
 | 
						|
          disableWatcher: !!this.disableWatcher,
 | 
						|
          skipMatchingMediaWithAsin: !!this.skipMatchingMediaWithAsin,
 | 
						|
          skipMatchingMediaWithIsbn: !!this.skipMatchingMediaWithIsbn
 | 
						|
        }
 | 
						|
      }
 | 
						|
    },
 | 
						|
    formUpdated() {
 | 
						|
      this.$emit('update', this.getLibraryData())
 | 
						|
    },
 | 
						|
    init() {
 | 
						|
      this.useSquareBookCovers = this.librarySettings.coverAspectRatio === this.$constants.BookCoverAspectRatio.SQUARE
 | 
						|
      this.disableWatcher = !!this.librarySettings.disableWatcher
 | 
						|
      this.skipMatchingMediaWithAsin = !!this.librarySettings.skipMatchingMediaWithAsin
 | 
						|
      this.skipMatchingMediaWithIsbn = !!this.librarySettings.skipMatchingMediaWithIsbn
 | 
						|
    }
 | 
						|
  },
 | 
						|
  mounted() {
 | 
						|
    this.init()
 | 
						|
  }
 | 
						|
}
 | 
						|
</script> |