owntone-server/web-src/src/components/PlayerButtonNext.vue
Alain Nussbaumer 611c989b91 [web] Fix vertical alignment of all icons with their associated content
All icons, usually next to a text, are now centered vertically.
2023-06-30 21:41:40 +02:00

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>