Skip to content
Snippets Groups Projects
Verified Commit a83328bc authored by Eliot Berriot's avatar Eliot Berriot
Browse files

Smarter play button, disabled for unplayable tracks

parent 97eab8e8
Branches
Tags
No related merge requests found
<template>
<div :class="['ui', {'tiny': discrete}, 'buttons']">
<button title="Add to current queue" @click="add" :class="['ui', {'mini': discrete}, 'button']">
<button title="Add to current queue" @click="add" :class="['ui', {'mini': discrete}, {disabled: playableTracks.length === 0}, 'button']">
<i class="ui play icon"></i>
<template v-if="!discrete"><slot>Play</slot></template>
</button>
......@@ -36,20 +36,25 @@ export default {
jQuery(this.$el).find('.ui.dropdown').dropdown()
}
},
methods: {
add () {
computed: {
playableTracks () {
let tracks
if (this.track) {
this.$store.dispatch('queue/append', {track: this.track})
tracks = [this.track]
} else {
this.$store.dispatch('queue/appendMany', {tracks: this.tracks})
tracks = this.tracks
}
return tracks.filter(e => {
return e.files.length > 0
})
}
},
methods: {
add () {
this.$store.dispatch('queue/appendMany', {tracks: this.playableTracks})
},
addNext (next) {
if (this.track) {
this.$store.dispatch('queue/append', {track: this.track, index: this.$store.state.queue.currentIndex + 1})
} else {
this.$store.dispatch('queue/appendMany', {tracks: this.tracks, index: this.$store.state.queue.currentIndex + 1})
}
this.$store.dispatch('queue/appendMany', {tracks: this.playableTracks, index: this.$store.state.queue.currentIndex + 1})
if (next) {
this.$store.dispatch('queue/next')
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment