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

33 lines
542 B
Vue

<template>
<a @click="toggle_consume_mode" :class="{ 'is-warning': is_consume }">
<span class="icon"><i class="mdi mdi-fire" :class="icon_style"></i></span>
</a>
</template>
<script>
import webapi from '@/webapi'
export default {
name: 'PlayerButtonConsume',
props: {
icon_style: String
},
computed: {
is_consume () {
return this.$store.state.player.consume
}
},
methods: {
toggle_consume_mode: function () {
webapi.player_consume(!this.is_consume)
}
}
}
</script>
<style>
</style>