owntone-server/web-src/src/components/ModalDialogUpdate.vue
2022-05-20 13:44:22 +02:00

90 lines
2.4 KiB
Vue

<template>
<modal-dialog :show="show" :title="$t('dialog.update.title')" :ok_action="library.updating ? '' : $t('dialog.update.rescan')" :close_action="$t('dialog.update.cancel')" @ok="update_library" @close="close()">
<template #modal-content>
<div v-if="!library.updating">
<p class="mb-3" v-text="$t('dialog.update.info')" />
<div v-if="spotify_enabled || rss.tracks > 0" class="field">
<div class="control">
<div class="select is-small">
<select v-model="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>
<div class="field">
<label class="checkbox is-size-7 is-small">
<input v-model="rescan_metadata" type="checkbox" style="margin-right: 5px" />
<span v-text="$t('dialog.update.rescan-metadata')" />
</label>
</div>
</div>
<div v-else>
<p class="mb-3" v-text="$t('dialog.update.progress')" />
</div>
</template>
</modal-dialog>
</template>
<script>
import ModalDialog from '@/components/ModalDialog.vue'
import * as types from '@/store/mutation_types'
import webapi from '@/webapi'
export default {
name: 'ModalDialogUpdate',
components: { ModalDialog },
props: ['show'],
emits: ['close'],
data() {
return {
rescan_metadata: false
}
},
computed: {
library() {
return this.$store.state.library
},
rss() {
return this.$store.state.rss_count
},
spotify_enabled() {
return this.$store.state.spotify.webapi_token_valid
},
update_dialog_scan_kind: {
get() {
return this.$store.state.update_dialog_scan_kind
},
set(value) {
this.$store.commit(types.UPDATE_DIALOG_SCAN_KIND, value)
}
}
},
methods: {
update_library() {
if (this.rescan_metadata) {
webapi.library_rescan(this.update_dialog_scan_kind)
} else {
webapi.library_update(this.update_dialog_scan_kind)
}
},
close() {
this.update_dialog_scan_kind = ''
this.$emit('close')
}
}
}
</script>
<style></style>