36 lines
690 B
Vue
36 lines
690 B
Vue
<template>
|
|
<b-overlay :show="false" rounded="sm">
|
|
<b-card
|
|
:title="cardTitle"
|
|
class="m-2"
|
|
>
|
|
<b-card-text>
|
|
Could not read device data!
|
|
</b-card-text>
|
|
|
|
<b-button variant="success" class="mr-1">Bring online</b-button>
|
|
<b-button variant="danger" class="mr-1">Bring offline</b-button>
|
|
<b-button variant="warning" class="mr-1">Manual alert</b-button>
|
|
</b-card>
|
|
</b-overlay>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "SingleDeviceBuzgerator",
|
|
props: {
|
|
'device_id': {
|
|
type: String
|
|
}
|
|
},
|
|
computed: {
|
|
cardTitle() {
|
|
return `Device: ${this.device_id}`
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |