owntone-server/web-src/src/components/ModalDialogUpdate.vue

<template>
  <modal-dialog
    :actions="actions"
    :show="show"
    :title="$t('dialog.update.title')"
    @close="$emit('close')"
  >
    <template #content>
      <div v-if="!libraryStore.updating">
        <div v-if="spotify_enabled || rss.tracks > 0" class="field">
          <label class="label" v-text="$t('dialog.update.info')" />
          <div class="control">
            <div class="select is-small">
              <select v-model="libraryStore.update_dialog_scan_kind">
                <option value="" v-text="$t('dialog.update.all')" />
                <option value="files" v-text="$t('dialog.update.local')" />
                <option
                  v-if="spotify_enabled"
                  value="spotify"
                  v-text="$t('dialog.update.spotify')"
                />
                <option
                  v-if="rss.tracks > 0"
                  value="rss"
                  v-text="$t('dialog.update.feeds')"
                />
              </select>
            </div>
          </div>
        </div>
        <control-switch v-model="rescan_metadata">
          <template #label>
            <span v-text="$t('dialog.update.rescan-metadata')" />
          </template>
        </control-switch>
      </div>
      <div v-else>
        <p class="mb-3" v-text="$t('dialog.update.progress')" />
      </div>
    </template>
  </modal-dialog>
</template>

<script>
import ControlSwitch from '@/components/ControlSwitch.vue'
import ModalDialog from '@/components/ModalDialog.vue'
import { useLibraryStore } from '@/stores/library'
import { useServicesStore } from '@/stores/services'
import webapi from '@/webapi'

export default {
  name: 'ModalDialogUpdate',
  components: { ControlSwitch, ModalDialog },
  props: { show: Boolean },
  emits: ['close'],
  setup() {
    return {
      libraryStore: useLibraryStore(),
      servicesStore: useServicesStore()
    }
  },
  data() {
    return {
      rescan_metadata: false
    }
  },
  computed: {
    actions() {
      return [
        {
          label: this.$t('dialog.update.cancel'),
          handler: this.cancel,
          icon: 'cancel'
        },
        {
          label: this.libraryStore.updating
            ? this.$t('dialog.update.progress')
            : this.$t('dialog.update.rescan'),
          handler: this.analyse,
          icon: 'check'
        }
      ]
    },
    rss() {
      return this.libraryStore.rss
    },
    spotify_enabled() {
      return this.servicesStore.spotify.webapi_token_valid
    }
  },
  methods: {
    cancel() {
      this.$emit('close')
      this.libraryStore.update_dialog_scan_kind = ''
    },
    analyse() {
      if (this.rescan_metadata) {
        webapi.library_rescan(this.libraryStore.update_dialog_scan_kind)
      } else {
        webapi.library_update(this.libraryStore.update_dialog_scan_kind)
      }
    }
  }
}
</script>