mirror of
https://github.com/louislam/uptime-kuma.git
synced 2024-09-07 09:51:57 +00:00
Feat: Add time to beat tooltip, misc. fixes
This commit is contained in:
parent
6b3fbcd1e7
commit
f72cdcc663
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user