From 23990e85090b425e98e563e2e390044d0695c19d Mon Sep 17 00:00:00 2001
From: toa <github@uli-fahrer.de>
Date: Sat, 16 Jul 2022 09:56:24 +0200
Subject: fix: resolve typo in Healthchecks service name

* refs #474
---
 src/components/services/Healhchecks.vue  | 115 -------------------------------
 src/components/services/Healthchecks.vue | 115 +++++++++++++++++++++++++++++++
 2 files changed, 115 insertions(+), 115 deletions(-)
 delete mode 100644 src/components/services/Healhchecks.vue
 create mode 100644 src/components/services/Healthchecks.vue

diff --git a/src/components/services/Healhchecks.vue b/src/components/services/Healhchecks.vue
deleted file mode 100644
index c60f241..0000000
--- a/src/components/services/Healhchecks.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-  <Generic :item="item">
-    <template #indicator>
-      <div class="notifs">
-        <strong v-if="up > 0" class="notif up" title="Up">
-          {{ up }}
-        </strong>
-        <strong v-if="down > 0" class="notif down" title="Down">
-          {{ down }}
-        </strong>
-        <strong v-if="grace > 0" class="notif grace" title="Grace">
-          {{ grace }}
-        </strong>
-      </div>
-    </template>
-  </Generic>
-</template>
-
-<script>
-import service from "@/mixins/service.js";
-import Generic from "./Generic.vue";
-
-export default {
-  name: "Healthchecks",
-  mixins: [service],
-  props: {
-    item: Object,
-  },
-  components: {
-    Generic,
-  },
-  data: () => ({
-    api: null,
-  }),
-  computed: {
-    up: function () {
-      if (!this.api) {
-        return "";
-      }
-      return this.api.checks?.filter((check) => {
-        return check.status.toLowerCase() === "up";
-      }).length;
-    },
-    down: function () {
-      if (!this.api) {
-        return "";
-      }
-      return this.api.checks?.filter((check) => {
-        return check.status.toLowerCase() === "down";
-      }).length;
-    },
-    grace: function () {
-      if (!this.api) {
-        return "";
-      }
-      return this.api.checks?.filter((check) => {
-        return check.status.toLowerCase() === "grace";
-      }).length;
-    },
-  },
-  created() {
-    this.fetchStatus();
-  },
-  methods: {
-    fetchStatus: async function () {
-      const apikey = this.item.apikey;
-      if (!apikey) {
-        console.error(
-          "apikey is not present in config.yml for the Healthchecks entry!"
-        );
-        return;
-      }
-
-      const headers = {
-        "X-Api-Key": this.item.apikey,
-      };
-
-      this.api = await this.fetch("/api/v1/checks/", { headers }).catch((e) => {
-        console.error(e);
-      });
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.notifs {
-  position: absolute;
-  color: white;
-  font-family: sans-serif;
-  top: 0.3em;
-  right: 0.5em;
-
-  .notif {
-    display: inline-block;
-    padding: 0.2em 0.35em;
-    border-radius: 0.25em;
-    position: relative;
-    margin-left: 0.3em;
-    font-size: 0.8em;
-
-    &.up {
-      background-color: #4fd671;
-    }
-
-    &.down {
-      background-color: #e51111;
-    }
-
-    &.grace {
-      background-color: #cdd02e;
-    }
-  }
-}
-</style>
diff --git a/src/components/services/Healthchecks.vue b/src/components/services/Healthchecks.vue
new file mode 100644
index 0000000..c60f241
--- /dev/null
+++ b/src/components/services/Healthchecks.vue
@@ -0,0 +1,115 @@
+<template>
+  <Generic :item="item">
+    <template #indicator>
+      <div class="notifs">
+        <strong v-if="up > 0" class="notif up" title="Up">
+          {{ up }}
+        </strong>
+        <strong v-if="down > 0" class="notif down" title="Down">
+          {{ down }}
+        </strong>
+        <strong v-if="grace > 0" class="notif grace" title="Grace">
+          {{ grace }}
+        </strong>
+      </div>
+    </template>
+  </Generic>
+</template>
+
+<script>
+import service from "@/mixins/service.js";
+import Generic from "./Generic.vue";
+
+export default {
+  name: "Healthchecks",
+  mixins: [service],
+  props: {
+    item: Object,
+  },
+  components: {
+    Generic,
+  },
+  data: () => ({
+    api: null,
+  }),
+  computed: {
+    up: function () {
+      if (!this.api) {
+        return "";
+      }
+      return this.api.checks?.filter((check) => {
+        return check.status.toLowerCase() === "up";
+      }).length;
+    },
+    down: function () {
+      if (!this.api) {
+        return "";
+      }
+      return this.api.checks?.filter((check) => {
+        return check.status.toLowerCase() === "down";
+      }).length;
+    },
+    grace: function () {
+      if (!this.api) {
+        return "";
+      }
+      return this.api.checks?.filter((check) => {
+        return check.status.toLowerCase() === "grace";
+      }).length;
+    },
+  },
+  created() {
+    this.fetchStatus();
+  },
+  methods: {
+    fetchStatus: async function () {
+      const apikey = this.item.apikey;
+      if (!apikey) {
+        console.error(
+          "apikey is not present in config.yml for the Healthchecks entry!"
+        );
+        return;
+      }
+
+      const headers = {
+        "X-Api-Key": this.item.apikey,
+      };
+
+      this.api = await this.fetch("/api/v1/checks/", { headers }).catch((e) => {
+        console.error(e);
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.notifs {
+  position: absolute;
+  color: white;
+  font-family: sans-serif;
+  top: 0.3em;
+  right: 0.5em;
+
+  .notif {
+    display: inline-block;
+    padding: 0.2em 0.35em;
+    border-radius: 0.25em;
+    position: relative;
+    margin-left: 0.3em;
+    font-size: 0.8em;
+
+    &.up {
+      background-color: #4fd671;
+    }
+
+    &.down {
+      background-color: #e51111;
+    }
+
+    &.grace {
+      background-color: #cdd02e;
+    }
+  }
+}
+</style>
-- 
cgit v1.2.3