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.
64 lines
1.4 KiB
64 lines
1.4 KiB
<template>
|
|
<span :class="className">{{ uptime }}</span>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
monitor : Object,
|
|
type: String,
|
|
pill: {
|
|
Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
uptime() {
|
|
|
|
let key = this.monitor.id + "_" + this.type;
|
|
|
|
if (this.$root.uptimeList[key] !== undefined) {
|
|
return Math.round(this.$root.uptimeList[key] * 10000) / 100 + "%";
|
|
} else {
|
|
return "N/A"
|
|
}
|
|
},
|
|
|
|
color() {
|
|
if (this.lastHeartBeat.status === 0) {
|
|
return "danger"
|
|
} else if (this.lastHeartBeat.status === 1) {
|
|
return "primary"
|
|
} else if (this.lastHeartBeat.status === 2) {
|
|
return "warning"
|
|
} else {
|
|
return "secondary"
|
|
}
|
|
},
|
|
|
|
lastHeartBeat() {
|
|
if (this.monitor.id in this.$root.lastHeartbeatList && this.$root.lastHeartbeatList[this.monitor.id]) {
|
|
return this.$root.lastHeartbeatList[this.monitor.id]
|
|
} else {
|
|
return { status: -1 }
|
|
}
|
|
},
|
|
|
|
className() {
|
|
if (this.pill) {
|
|
return `badge rounded-pill bg-${this.color}`;
|
|
} else {
|
|
return "";
|
|
}
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|