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

Feat: Add time to beat tooltip, misc. fixes

Browse source
This commit is contained in:
Nelson Chan 2021-08-18 11:40:20 +08:00 committed by GitHub
parent 6b3fbcd1e7
commit f72cdcc663
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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>