7x31/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-08-21 23:43:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added user choice heartbeat bar

Browse Source
This commit is contained in:
Ponkhy
2021-08-15 20:46:21 +02:00
parent 91d4c15b4d
commit 233c5661af
3 changed files with 48 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/Dashboard.vue
View File

@@ -13,17 +13,24 @@
<router-link v-for="(item, index) in sortedMonitorList" :key="index" :to="monitorURL(item.id)" class="item" :class="{ 'disabled': ! item.active }" @click="$root.cancelActiveList">
<div class="row">
<div class="col-6 col-md-8 small-padding">
<div class="col-6 col-md-8 small-padding" v-bind:class="{ 'monitorItem': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
<div class="info">
<Uptime :monitor="item" type="24" :pill="true" />
{{ item.name }}
</div>
</div>
<div class="col-6 col-md-4">
<div class="col-6 col-md-4" v-bind:class="{ 'hideHeartbeatBar': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
<HeartbeatBar size="small" :monitor-id="item.id" />
</div>
</div>
<div class="row" v-if="$root.userHeartbeatBar == 'bottom'">
<div class="col-12">
<HeartbeatBar size="small" :monitor-id="item.id" />
</div>
</div>
</router-link>
</div>
</div>
<div class="col-12 col-md-7 col-xl-8">
@@ -146,4 +153,12 @@ export default {
}
}
.hideHeartbeatBar {
display: none;
}
.monitorItem {
width: 100%;
}
</style>