ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-28 01:04:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Merge branch 'patch-2'

Browse source
This commit is contained in:
LouisLam 2021-08-18 15:32:43 +08:00
commit f1e5e53e8f
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/HeartbeatBar.vue
View file

@ -7,7 +7,7 @@
class="beat" class="beat"
:class="{ 'empty' : (beat === 0), 'down' : (beat.status === 0), 'pending' : (beat.status === 2) }" :class="{ 'empty' : (beat === 0), 'down' : (beat.status === 0), 'pending' : (beat.status === 2) }"
:style="beatStyle" :style="beatStyle"
:title="beat.msg" :title="getBeatTitle(beat)"
/> />
</div> </div>
</div> </div>
@ -21,7 +21,10 @@ export default {
type: String, type: String,
default: "big", default: "big",
}, },
monitorId: Number, monitorId: {
type: Number,
required: true,
},
}, },
data() { data() {
return { return {
@ -36,9 +39,6 @@ export default {
computed: { computed: {
beatList() { beatList() {
if (! (this.monitorId in this.$root.heartbeatList)) {
this.$root.heartbeatList[this.monitorId] = [];
}
return this.$root.heartbeatList[this.monitorId] return this.$root.heartbeatList[this.monitorId]
}, },
@ -113,6 +113,11 @@ export default {
unmounted() { unmounted() {
window.removeEventListener("resize", this.resize); window.removeEventListener("resize", this.resize);
}, },
beforeMount() {
if (! (this.monitorId in this.$root.heartbeatList)) {
this.$root.heartbeatList[this.monitorId] = [];
}
},
mounted() { mounted() {
if (this.size === "small") { if (this.size === "small") {
this.beatWidth = 5.6; this.beatWidth = 5.6;
@ -129,6 +134,10 @@ export default {
this.maxBeat = Math.floor(this.$refs.wrap.clientWidth / (this.beatWidth + this.beatMargin * 2)) this.maxBeat = Math.floor(this.$refs.wrap.clientWidth / (this.beatWidth + this.beatMargin * 2))
} }
}, },
getBeatTitle(beat) {
return `${this.$root.datetime(beat.time)} - ${beat.msg}`;
}
}, },
} }
</script> </script>