Infra-Mirrors/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-08-14 17:26:18 -04:00
Code Issues Projects Releases Packages Wiki Activity

Feat: Display recent ping chart

Browse source
This commit is contained in:
Nelson Chan 2021-08-10 19:34:47 +08:00
parent 2d176a38af
commit 48c6d8f19f
4 changed files with 195 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/pages/Details.vue
View file

@ -42,7 +42,11 @@
<div class="col">
<h4>{{ pingTitle }}</h4>
<p>(Current)</p>
<span class="num"><CountUp :value="ping" /></span>
<span class="num">
<a href="#" @click.prevent="showPingChartBox = !showPingChartBox">
<CountUp :value="ping" />
</a>
</span>
</div>
<div class="col">
<h4>Avg. {{ pingTitle }}</h4>
@ -70,6 +74,14 @@
</div>
</div>
<div v-if="showPingChartBox" class="shadow-box big-padding text-center">
<div class="row">
<div class="col">
<PingChart :monitor-id="monitor.id" />
</div>
</div>
</div>
<div v-if="showCertInfoBox" class="shadow-box big-padding text-center">
<div class="row">
<div class="col">
@ -164,6 +176,7 @@ import Datetime from "../components/Datetime.vue";
import CountUp from "../components/CountUp.vue";
import Uptime from "../components/Uptime.vue";
import Pagination from "v-pagination-3";
import PingChart from "../components/PingChart.vue";
export default {
components: {
@ -174,6 +187,7 @@ export default {
Confirm,
Status,
Pagination,
PingChart,
},
data() {
return {
@ -181,6 +195,7 @@ export default {
perPage: 25,
heartBeatList: [],
toggleCertInfoBox: false,
showPingChartBox: false,
}
},
computed: {