|
|
@ -1,5 +1,5 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="shadow-box list mb-4">
|
|
|
|
<div class="shadow-box list mb-3" :class="{ scrollbar: scrollbar }">
|
|
|
|
<div v-if="Object.keys($root.monitorList).length === 0" class="text-center mt-3">
|
|
|
|
<div v-if="Object.keys($root.monitorList).length === 0" class="text-center mt-3">
|
|
|
|
{{ $t("No Monitors, please") }} <router-link to="/add">{{ $t("add one") }}</router-link>
|
|
|
|
{{ $t("No Monitors, please") }} <router-link to="/add">{{ $t("add one") }}</router-link>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -34,6 +34,11 @@ export default {
|
|
|
|
Uptime,
|
|
|
|
Uptime,
|
|
|
|
HeartbeatBar,
|
|
|
|
HeartbeatBar,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
props: {
|
|
|
|
|
|
|
|
scrollbar: {
|
|
|
|
|
|
|
|
type: Boolean,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
computed: {
|
|
|
|
sortedMonitorList() {
|
|
|
|
sortedMonitorList() {
|
|
|
|
let result = Object.values(this.$root.monitorList);
|
|
|
|
let result = Object.values(this.$root.monitorList);
|
|
|
@ -83,8 +88,12 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.list {
|
|
|
|
.list {
|
|
|
|
height: auto;
|
|
|
|
&.scrollbar {
|
|
|
|
min-height: calc(100vh - 240px);
|
|
|
|
height: calc(100vh - 20px);
|
|
|
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
|
|
|
position: sticky;
|
|
|
|
|
|
|
|
top: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
.item {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|