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

37 lines
570 B
Vue

<template>
<a @click="play_next" :disabled="disabled">
<span class="icon"><i class="mdi mdi-skip-forward" :class="icon_style"></i></span>
</a>
</template>
<script>
import webapi from '@/webapi'
export default {
name: 'PlayerButtonNext',
props: {
icon_style: String
},
computed: {
disabled () {
return !this.$store.state.queue || this.$store.state.queue.count <= 0
}
},
methods: {
play_next: function () {
if (this.disabled) {
return
}
webapi.player_next()
}
}
}
</script>
<style>
</style>