uptime-kuma/src/components/Status.vue

52 lines
892 B
Vue
Raw Normal View History

2021-06-30 13:04:58 +00:00
<template>
2021-07-13 04:16:11 +00:00
<span class="badge rounded-pill" :class=" 'bg-' + color ">{{ text }}</span>
2021-06-30 13:04:58 +00:00
</template>
<script>
export default {
props: {
2021-07-27 17:47:13 +00:00
status: Number,
2021-06-30 13:04:58 +00:00
},
computed: {
color() {
if (this.status === 0) {
return "danger"
2021-07-27 18:03:53 +00:00
}
if (this.status === 1) {
2021-06-30 13:04:58 +00:00
return "primary"
2021-07-27 18:03:53 +00:00
}
if (this.status === 2) {
return "warning"
2021-06-30 13:04:58 +00:00
}
2021-07-27 17:47:13 +00:00
2021-07-27 17:53:59 +00:00
return "secondary"
2021-06-30 13:04:58 +00:00
},
text() {
if (this.status === 0) {
return "Down"
2021-07-27 18:03:53 +00:00
}
if (this.status === 1) {
2021-06-30 13:04:58 +00:00
return "Up"
2021-07-27 18:03:53 +00:00
}
if (this.status === 2) {
return "Pending"
2021-06-30 13:04:58 +00:00
}
2021-07-27 17:47:13 +00:00
2021-07-27 17:53:59 +00:00
return "Unknown"
2021-06-30 13:04:58 +00:00
},
2021-07-27 17:47:13 +00:00
},
2021-06-30 13:04:58 +00:00
}
</script>
<style scoped>
2021-07-13 04:16:11 +00:00
span {
2021-08-03 02:57:56 +00:00
width: 64px;
2021-07-13 04:16:11 +00:00
}
2021-06-30 13:04:58 +00:00
</style>