5 <strong v-if="up > 0" class="notif up" title="Up">
8 <strong v-if="down > 0" class="notif down" title="Down">
11 <strong v-if="grace > 0" class="notif grace" title="Grace">
20 import service from "@/mixins/service.js";
21 import Generic from "./Generic.vue";
40 return this.api.checks?.filter((check) => {
41 return check.status.toLowerCase() === "up";
48 return this.api.checks?.filter((check) => {
49 return check.status.toLowerCase() === "down";
56 return this.api.checks?.filter((check) => {
57 return check.status.toLowerCase() === "grace";
65 fetchStatus: async function () {
66 const apikey = this.item.apikey;
69 "apikey is not present in config.yml for the Healthchecks entry!"
75 "X-Api-Key": this.item.apikey,
78 this.api = await this.fetch("/api/v1/checks/", { headers }).catch((e) => {
86 <style scoped lang="scss">
90 font-family: sans-serif;
95 display: inline-block;
96 padding: 0.2em 0.35em;
97 border-radius: 0.25em;
103 background-color: #4fd671;
107 background-color: #e51111;
111 background-color: #cdd02e;