mirror of
https://github.com/owntone/owntone-server.git
synced 2025-01-06 04:23:24 -05:00
611c989b91
All icons, usually next to a text, are now centered vertically.
43 lines
625 B
Vue
43 lines
625 B
Vue
<template>
|
|
<a :disabled="disabled" @click="play_next">
|
|
<mdicon
|
|
name="skip-forward"
|
|
:size="icon_size"
|
|
:title="$t('player.button.skip-forward')"
|
|
/>
|
|
</a>
|
|
</template>
|
|
|
|
<script>
|
|
import webapi from '@/webapi'
|
|
|
|
export default {
|
|
name: 'PlayerButtonNext',
|
|
|
|
props: {
|
|
icon_size: {
|
|
type: Number,
|
|
default: 16
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
disabled() {
|
|
return !this.$store.state.queue || this.$store.state.queue.count <= 0
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
play_next() {
|
|
if (this.disabled) {
|
|
return
|
|
}
|
|
|
|
webapi.player_next()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|