You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
932 B
40 lines
932 B
<tinkerforge-power-button>
|
|
<div class="tinkerforge-power-button">
|
|
<button type="button" onclick={ handleClick }>
|
|
<span if={ state.power }>On</span>
|
|
<span if={ !state.power }>Off</span>
|
|
</button>
|
|
</div>
|
|
<script>
|
|
|
|
import axios from 'axios'
|
|
|
|
/**
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
export default {
|
|
state: {
|
|
power: true
|
|
},
|
|
|
|
handleClick(event) {
|
|
if (this.state.power) {
|
|
this.state.power = false
|
|
} else {
|
|
this.state.power = true
|
|
}
|
|
|
|
axios.put('/api/state', {
|
|
'power': this.state.power
|
|
}).then((response) => {
|
|
this.update()
|
|
})
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</tinkerforge-power-button> |