2018-08-11 01:47:10 -04:00
|
|
|
<template>
|
2019-10-26 03:58:35 -04:00
|
|
|
<a v-on:click="play_next" :disabled="disabled">
|
2018-08-11 01:47:10 -04:00
|
|
|
<span class="icon"><i class="mdi mdi-skip-forward"></i></span>
|
|
|
|
</a>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import webapi from '@/webapi'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'PlayerButtonNext',
|
|
|
|
|
2019-10-26 03:58:35 -04:00
|
|
|
computed: {
|
|
|
|
disabled () {
|
|
|
|
return !this.$store.state.queue || this.$store.state.queue.count <= 0
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2018-08-11 01:47:10 -04:00
|
|
|
methods: {
|
|
|
|
play_next: function () {
|
2019-10-26 03:58:35 -04:00
|
|
|
if (this.disabled) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
2018-08-11 01:47:10 -04:00
|
|
|
webapi.player_next()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
</style>
|