From 6f2b141bf7002810c5caa39331b1927722d42172 Mon Sep 17 00:00:00 2001
From: Georgi Gardev <georgi@gardev.com>
Date: Wed, 23 Dec 2020 16:11:47 +0200
Subject: Fix #167: align item name when subtitle is empty

---
 src/components/services/Generic.vue | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/Generic.vue b/src/components/services/Generic.vue
index 3238ead..08bd3f6 100644
--- a/src/components/services/Generic.vue
+++ b/src/components/services/Generic.vue
@@ -1,16 +1,3 @@
-<script>
-export default {};
-</script>
-
-<style></style>
-*/
-
-<script>
-export default {};
-</script>
-
-<style></style>
-
 <template>
   <div>
     <div
@@ -20,7 +7,7 @@ export default {};
     >
       <a :href="item.url" :target="item.target" rel="noreferrer">
         <div class="card-content">
-          <div class="media">
+          <div :class="mediaClass">
             <div v-if="item.logo" class="media-left">
               <figure class="image is-48x48">
                 <img :src="item.logo" :alt="`${item.name} logo`" />
@@ -33,7 +20,9 @@ export default {};
             </div>
             <div class="media-content">
               <p class="title is-4">{{ item.name }}</p>
-              <p class="subtitle is-6">{{ item.subtitle }}</p>
+              <p class="subtitle is-6" v-if="item.subtitle">
+                {{ item.subtitle }}
+              </p>
             </div>
           </div>
           <div class="tag" :class="item.tagstyle" v-if="item.tag">
@@ -51,11 +40,23 @@ export default {
   props: {
     item: Object,
   },
+  computed: {
+    mediaClass: function () {
+      return { media: true, "no-subtitle": !this.item.subtitle };
+    },
+  },
 };
 </script>
 
 <style scoped lang="scss">
-.media-left img {
-  max-height: 100%;
+.media-left {
+  .image {
+    display: flex;
+    align-items: center;
+  }
+
+  img {
+    max-height: 100%;
+  }
 }
 </style>
-- 
cgit v1.2.3


From 0211da26c805aa7255f605f28257dc82c5aa0f76 Mon Sep 17 00:00:00 2001
From: twolaw <twolaw@free.fr>
Date: Thu, 11 Mar 2021 15:03:16 +0100
Subject: radarr, sonarr services

---
 src/components/services/Radarr.vue | 157 +++++++++++++++++++++++++++++++++++++
 src/components/services/Sonarr.vue | 157 +++++++++++++++++++++++++++++++++++++
 2 files changed, 314 insertions(+)
 create mode 100644 src/components/services/Radarr.vue
 create mode 100644 src/components/services/Sonarr.vue

(limited to 'src/components/services')

diff --git a/src/components/services/Radarr.vue b/src/components/services/Radarr.vue
new file mode 100644
index 0000000..93831a7
--- /dev/null
+++ b/src/components/services/Radarr.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <div class="card" :class="item.class">
+      <a :href="item.url" :target="item.target" rel="noreferrer">
+        <div class="card-content">
+          <div class="media">
+            <div v-if="item.logo" class="media-left">
+              <figure class="image is-48x48">
+                <img :src="item.logo" :alt="`${item.name} logo`" />
+              </figure>
+            </div>
+            <div v-if="item.icon" class="media-left">
+              <figure class="image is-48x48">
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
+              </figure>
+            </div>
+            <div class="media-content">
+              <p class="title is-4">{{ item.name }}</p>
+              <p class="subtitle is-6">{{ item.subtitle }}</p>
+            </div>
+            <div class="notifs">
+              <strong
+                v-if="activity > 0"
+                class="notif activity"
+                title="Activity"
+                >{{ activity }}</strong
+              >
+              <strong
+                v-if="warnings > 0"
+                class="notif warnings"
+                title="Warning"
+                >{{ warnings }}</strong
+              >
+              <strong v-if="errors > 0" class="notif errors" title="Error">{{
+                errors
+              }}</strong>
+              <strong
+                v-if="serverError"
+                class="notif errors"
+                title="Connection error to Radarr API, check url and apikey in config.yml"
+                >?</strong
+              >
+            </div>
+          </div>
+          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+            <strong class="tag-text">#{{ item.tag }}</strong>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Radarr",
+  props: {
+    item: Object,
+  },
+  data: () => {
+    return {
+      activity: null,
+      warnings: null,
+      errors: null,
+      serverError: false,
+    };
+  },
+  created: function () {
+    this.fetchConfig();
+  },
+  methods: {
+    fetchConfig: function () {
+      fetch(`${this.item.url}/api/health`, {
+        credentials: "include",
+        headers: { "X-Api-Key": `${this.item.apikey}` },
+      })
+        .then((response) => {
+          if (response.status != 200) {
+            throw new Error(response.statusText);
+          }
+          return response.json();
+        })
+        .then((health) => {
+          this.warnings = 0;
+          this.errors = 0;
+          for (var i = 0; i < health.length; i++) {
+            if (health[i].type == "warning") {
+              this.warnings++;
+            } else if (health[i].type == "error") {
+              this.errors++;
+            }
+          }
+        })
+        .catch((e) => {
+          console.error(e);
+          this.serverError = true;
+        });
+      fetch(`${this.item.url}/api/queue`, {
+        credentials: "include",
+        headers: { "X-Api-Key": `${this.item.apikey}` },
+      })
+        .then((response) => {
+          if (response.status != 200) {
+            throw new Error(response.statusText);
+          }
+          return response.json();
+        })
+        .then((queue) => {
+          this.activity = 0;
+          for (var i = 0; i < queue.length; i++) {
+            if (queue[i].movie) {
+              this.activity++;
+            }
+          }
+        })
+        .catch((e) => {
+          console.error(e);
+          this.serverError = true;
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.media-left img {
+  max-height: 100%;
+}
+.notifs {
+  position: absolute;
+  color: white;
+  font-family: sans-serif;
+  top: 0.3em;
+  right: 0.5em;
+}
+.notif {
+  padding-right: 0.35em;
+  padding-left: 0.35em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  border-radius: 0.25em;
+  position: relative;
+  margin-left: 0.3em;
+  font-size: 0.8em;
+}
+.activity {
+  background-color: #4fb5d6;
+}
+
+.warnings {
+  background-color: #d08d2e;
+}
+
+.errors {
+  background-color: #e51111;
+}
+</style>
diff --git a/src/components/services/Sonarr.vue b/src/components/services/Sonarr.vue
new file mode 100644
index 0000000..8cebac4
--- /dev/null
+++ b/src/components/services/Sonarr.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <div class="card" :class="item.class">
+      <a :href="item.url" :target="item.target" rel="noreferrer">
+        <div class="card-content">
+          <div class="media">
+            <div v-if="item.logo" class="media-left">
+              <figure class="image is-48x48">
+                <img :src="item.logo" :alt="`${item.name} logo`" />
+              </figure>
+            </div>
+            <div v-if="item.icon" class="media-left">
+              <figure class="image is-48x48">
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
+              </figure>
+            </div>
+            <div class="media-content">
+              <p class="title is-4">{{ item.name }}</p>
+              <p class="subtitle is-6">{{ item.subtitle }}</p>
+            </div>
+            <div class="notifs">
+              <strong
+                v-if="activity > 0"
+                class="notif activity"
+                title="Activity"
+                >{{ activity }}</strong
+              >
+              <strong
+                v-if="warnings > 0"
+                class="notif warnings"
+                title="Warning"
+                >{{ warnings }}</strong
+              >
+              <strong v-if="errors > 0" class="notif errors" title="Error">{{
+                errors
+              }}</strong>
+              <strong
+                v-if="serverError"
+                class="notif errors"
+                title="Connection error to Sonarr API, check url and apikey in config.yml"
+                >?</strong
+              >
+            </div>
+          </div>
+          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+            <strong class="tag-text">#{{ item.tag }}</strong>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Sonarr",
+  props: {
+    item: Object,
+  },
+  data: () => {
+    return {
+      activity: null,
+      warnings: null,
+      errors: null,
+      serverError: false,
+    };
+  },
+  created: function () {
+    this.fetchConfig();
+  },
+  methods: {
+    fetchConfig: function () {
+      fetch(`${this.item.url}/api/health`, {
+        credentials: "include",
+        headers: { "X-Api-Key": `${this.item.apikey}` },
+      })
+        .then((response) => {
+          if (response.status != 200) {
+            throw new Error(response.statusText);
+          }
+          return response.json();
+        })
+        .then((health) => {
+          this.warnings = 0;
+          this.errors = 0;
+          for (var i = 0; i < health.length; i++) {
+            if (health[i].type == "warning") {
+              this.warnings++;
+            } else if (health[i].type == "error") {
+              this.errors++;
+            }
+          }
+        })
+        .catch((e) => {
+          console.error(e);
+          this.serverError = true;
+        });
+      fetch(`${this.item.url}/api/queue`, {
+        credentials: "include",
+        headers: { "X-Api-Key": `${this.item.apikey}` },
+      })
+        .then((response) => {
+          if (response.status != 200) {
+            throw new Error(response.statusText);
+          }
+          return response.json();
+        })
+        .then((queue) => {
+          this.activity = 0;
+          for (var i = 0; i < queue.length; i++) {
+            if (queue[i].series) {
+              this.activity++;
+            }
+          }
+        })
+        .catch((e) => {
+          console.error(e);
+          this.serverError = true;
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.media-left img {
+  max-height: 100%;
+}
+.notifs {
+  position: absolute;
+  color: white;
+  font-family: sans-serif;
+  top: 0.3em;
+  right: 0.5em;
+}
+.notif {
+  padding-right: 0.35em;
+  padding-left: 0.35em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  border-radius: 0.25em;
+  position: relative;
+  margin-left: 0.3em;
+  font-size: 0.8em;
+}
+.activity {
+  background-color: #4fb5d6;
+}
+
+.warnings {
+  background-color: #d08d2e;
+}
+
+.errors {
+  background-color: #e51111;
+}
+</style>
-- 
cgit v1.2.3


From b1de1f9e08a6117459d8fc26f3eb95296d3a8246 Mon Sep 17 00:00:00 2001
From: twolaw <twolaw@free.fr>
Date: Thu, 11 Mar 2021 15:03:25 +0100
Subject: medusa service

---
 src/components/services/Medusa.vue | 128 +++++++++++++++++++++++++++++++++++++
 1 file changed, 128 insertions(+)
 create mode 100644 src/components/services/Medusa.vue

(limited to 'src/components/services')

diff --git a/src/components/services/Medusa.vue b/src/components/services/Medusa.vue
new file mode 100644
index 0000000..5720649
--- /dev/null
+++ b/src/components/services/Medusa.vue
@@ -0,0 +1,128 @@
+<template>
+  <div>
+    <div class="card" :class="item.class">
+      <a :href="item.url" :target="item.target" rel="noreferrer">
+        <div class="card-content">
+          <div class="media">
+            <div v-if="item.logo" class="media-left">
+              <figure class="image is-48x48">
+                <img :src="item.logo" :alt="`${item.name} logo`" />
+              </figure>
+            </div>
+            <div v-if="item.icon" class="media-left">
+              <figure class="image is-48x48">
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
+              </figure>
+            </div>
+            <div class="media-content">
+              <p class="title is-4">{{ item.name }}</p>
+              <p class="subtitle is-6">{{ item.subtitle }}</p>
+            </div>
+            <div class="notifs">
+              <strong
+                v-if="config !== null && config.system.news.unread > 0"
+                class="notif news"
+                title="News"
+                >{{ config.system.news.unread }}</strong
+              >
+              <strong
+                v-if="config !== null && config.main.logs.numWarnings > 0"
+                class="notif warnings"
+                title="Warning"
+                >{{ config.main.logs.numWarnings }}</strong
+              >
+              <strong
+                v-if="config !== null && config.main.logs.numErrors > 0"
+                class="notif errors"
+                title="Error"
+                >{{ config.main.logs.numErrors }}</strong
+              >
+              <strong
+                v-if="serverError"
+                class="notif errors"
+                title="Connection error to Medusa API, check url and apikey in config.yml"
+                >?</strong
+              >
+            </div>
+          </div>
+          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+            <strong class="tag-text">#{{ item.tag }}</strong>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Medusa",
+  props: {
+    item: Object,
+  },
+  data: () => {
+    return {
+      config: null,
+      serverError: false,
+    };
+  },
+  created: function () {
+    this.fetchConfig();
+  },
+  methods: {
+    fetchConfig: function () {
+      fetch(`${this.item.url}/api/v2/config`, {
+        credentials: "include",
+        headers: { "X-Api-Key": `${this.item.apikey}` },
+      })
+        .then((response) => {
+          if (response.status != 200) {
+            throw new Error(response.statusText);
+          }
+          return response.json();
+        })
+        .then((conf) => {
+          this.config = conf;
+        })
+        .catch((e) => {
+          console.log(e);
+          this.serverError = true;
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.media-left img {
+  max-height: 100%;
+}
+.notifs {
+  position: absolute;
+  color: white;
+  font-family: sans-serif;
+  top: 0.3em;
+  right: 0.5em;
+}
+.notif {
+  padding-right: 0.35em;
+  padding-left: 0.35em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  border-radius: 0.25em;
+  position: relative;
+  margin-left: 0.3em;
+  font-size: 0.8em;
+}
+.news {
+  background-color: #777777;
+}
+
+.warnings {
+  background-color: #d08d2e;
+}
+
+.errors {
+  background-color: #e51111;
+}
+</style>
-- 
cgit v1.2.3


From 24229b541181c8ef0813b015c5589e9a34269cb0 Mon Sep 17 00:00:00 2001
From: boerniee <bernhard.grosser@gmail.com>
Date: Wed, 23 Jun 2021 17:06:19 +0200
Subject: Added paperless service with documentation

---
 src/components/services/PaperlessNG.vue | 81 +++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 src/components/services/PaperlessNG.vue

(limited to 'src/components/services')

diff --git a/src/components/services/PaperlessNG.vue b/src/components/services/PaperlessNG.vue
new file mode 100644
index 0000000..c4f50eb
--- /dev/null
+++ b/src/components/services/PaperlessNG.vue
@@ -0,0 +1,81 @@
+<template>
+  <div>
+    <div class="card" :class="item.class">
+      <a :href="item.url" :target="item.target" rel="noreferrer">
+        <div class="card-content">
+          <div class="media">
+            <div v-if="item.logo" class="media-left">
+              <figure class="image is-48x48">
+                <img :src="item.logo" :alt="`${item.name} logo`" />
+              </figure>
+            </div>
+            <div v-if="item.icon" class="media-left">
+              <figure class="image is-48x48">
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
+              </figure>
+            </div>
+            <div class="media-content">
+              <p class="title is-4">{{ item.name }}</p>
+              <p class="subtitle is-6">
+                <template v-if="item.subtitle">
+                  {{ item.subtitle }}
+                </template>
+                <template v-else-if="api">
+                  happily storing {{ api.count }} documents
+                </template>
+              </p>
+            </div>
+          </div>
+          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+            <strong class="tag-text">#{{ item.tag }}</strong>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Paperless",
+  props: {
+    item: Object,
+  },
+  data: () => ({
+    api: null,
+  }),
+  created() {
+    this.fetchStatus();
+  },
+  methods: {
+    fetchStatus: async function () {
+      if (this.item.subtitle != null) return; // omitting unnecessary ajax call as the subtitle is showing
+      var apikey = this.item.apikey;
+      if (!apikey) {
+        console.error("apikey is not present in config.yml for the paperless entry!");
+        return;
+      }
+      const url = `${this.item.url}/api/documents/`;
+      this.api = await fetch(url, {
+          headers: {
+            "Authorization": "Token " + this.item.apikey
+          }
+        })
+        .then(function(response) {
+          if (!response.ok) {
+            throw new Error("Not 2xx response")
+          } else {
+            return response.json()
+          }
+        })
+        .catch((e) => console.log(e));
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.media-left img {
+  max-height: 100%;
+}
+</style>
-- 
cgit v1.2.3


From 68955dc1d3bff8ae0853fb8021cd6e28f31ac378 Mon Sep 17 00:00:00 2001
From: stubbfel <stubbfel@gmail.com>
Date: Mon, 28 Jun 2021 23:20:20 +0200
Subject: Add  Ping services

a  service (type) which check if the given url as available or not. if the service is  available then set the status to enable other to disable
---
 src/components/services/Ping.vue | 93 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 93 insertions(+)
 create mode 100644 src/components/services/Ping.vue

(limited to 'src/components/services')

diff --git a/src/components/services/Ping.vue b/src/components/services/Ping.vue
new file mode 100644
index 0000000..a9114a8
--- /dev/null
+++ b/src/components/services/Ping.vue
@@ -0,0 +1,93 @@
+<template>
+  <div>
+    <div class="card" :class="item.class">
+      <a :href="item.url" :target="item.target" rel="noreferrer">
+        <div class="card-content">
+          <div class="media">
+            <div v-if="item.logo" class="media-left">
+              <figure class="image is-48x48">
+                <img :src="item.logo" :alt="`${item.name} logo`" />
+              </figure>
+            </div>
+            <div v-if="item.icon" class="media-left">
+              <figure class="image is-48x48">
+                <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i>
+              </figure>
+            </div>
+            <div class="media-content">
+              <p class="title is-4">{{ item.name }}</p>
+              <p class="subtitle is-6">
+                <template v-if="item.subtitle">
+                  {{ item.subtitle }}
+                </template>
+              </p>
+            </div>
+            <div v-if="api" class="status" :class="api.status">
+              {{ api.status }}
+            </div>
+          </div>
+          <div class="tag" :class="item.tagstyle" v-if="item.tag">
+            <strong class="tag-text">#{{ item.tag }}</strong>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Ping",
+  props: {
+    item: Object,
+  },
+  data: () => ({
+    api: {
+      status: "",
+    },
+  }),
+  created() {
+    this.fetchStatus();
+  },
+  methods: {
+    fetchStatus: async function () {
+      const url = `${this.item.url}`;
+      this.api.status = await fetch(url)
+        .then((response) => "enabled")
+        .catch((e) => "disabled");
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.media-left img {
+  max-height: 100%;
+}
+.status {
+  font-size: 0.8rem;
+  color: var(--text-title);
+
+  &.enabled:before {
+    background-color: #94e185;
+    border-color: #78d965;
+    box-shadow: 0 0 4px 1px #94e185;
+  }
+
+  &.disabled:before {
+    background-color: #c9404d;
+    border-color: #c42c3b;
+    box-shadow: 0 0 4px 1px #c9404d;
+  }
+
+  &:before {
+    content: " ";
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    margin-right: 10px;
+    border: 1px solid #000;
+    border-radius: 7px;
+  }
+}
+</style>
-- 
cgit v1.2.3


From c06c0cdf9bbdc98f71dadb5edcc015926ba878e4 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Wed, 14 Jul 2021 12:05:53 +0200
Subject: Lint & updates

---
 src/components/services/AdGuardHome.vue |  6 +++---
 src/components/services/PaperlessNG.vue | 18 ++++++++++--------
 src/components/services/Ping.vue        |  4 ++--
 3 files changed, 15 insertions(+), 13 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue
index 6ef5302..d4a2b89 100644
--- a/src/components/services/AdGuardHome.vue
+++ b/src/components/services/AdGuardHome.vue
@@ -51,9 +51,9 @@ export default {
   },
   methods: {
     fetchStatus: async function () {
-      this.status = await fetch(
-        `${this.item.url}/control/status`
-      ).then((response) => response.json());
+      this.status = await fetch(`${this.item.url}/control/status`).then(
+        (response) => response.json()
+      );
     },
   },
 };
diff --git a/src/components/services/PaperlessNG.vue b/src/components/services/PaperlessNG.vue
index c4f50eb..4fb31f8 100644
--- a/src/components/services/PaperlessNG.vue
+++ b/src/components/services/PaperlessNG.vue
@@ -52,20 +52,22 @@ export default {
       if (this.item.subtitle != null) return; // omitting unnecessary ajax call as the subtitle is showing
       var apikey = this.item.apikey;
       if (!apikey) {
-        console.error("apikey is not present in config.yml for the paperless entry!");
+        console.error(
+          "apikey is not present in config.yml for the paperless entry!"
+        );
         return;
       }
       const url = `${this.item.url}/api/documents/`;
       this.api = await fetch(url, {
-          headers: {
-            "Authorization": "Token " + this.item.apikey
-          }
-        })
-        .then(function(response) {
+        headers: {
+          Authorization: "Token " + this.item.apikey,
+        },
+      })
+        .then(function (response) {
           if (!response.ok) {
-            throw new Error("Not 2xx response")
+            throw new Error("Not 2xx response");
           } else {
-            return response.json()
+            return response.json();
           }
         })
         .catch((e) => console.log(e));
diff --git a/src/components/services/Ping.vue b/src/components/services/Ping.vue
index a9114a8..9684419 100644
--- a/src/components/services/Ping.vue
+++ b/src/components/services/Ping.vue
@@ -53,8 +53,8 @@ export default {
     fetchStatus: async function () {
       const url = `${this.item.url}`;
       this.api.status = await fetch(url)
-        .then((response) => "enabled")
-        .catch((e) => "disabled");
+        .then(() => "enabled")
+        .catch(() => "disabled");
     },
   },
 };
-- 
cgit v1.2.3


From 3a8fa151f46c28274a418aa284c12fe71a827e95 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Wed, 14 Jul 2021 15:49:19 +0200
Subject: Improve ping service

---
 src/components/services/PiHole.vue |  4 ++--
 src/components/services/Ping.vue   | 29 +++++++++++++++++------------
 2 files changed, 19 insertions(+), 14 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/PiHole.vue b/src/components/services/PiHole.vue
index a9fd369..7042a7b 100644
--- a/src/components/services/PiHole.vue
+++ b/src/components/services/PiHole.vue
@@ -83,13 +83,13 @@ export default {
   &.enabled:before {
     background-color: #94e185;
     border-color: #78d965;
-    box-shadow: 0 0 4px 1px #94e185;
+    box-shadow: 0 0 5px 1px #94e185;
   }
 
   &.disabled:before {
     background-color: #c9404d;
     border-color: #c42c3b;
-    box-shadow: 0 0 4px 1px #c9404d;
+    box-shadow: 0 0 5px 1px #c9404d;
   }
 
   &:before {
diff --git a/src/components/services/Ping.vue b/src/components/services/Ping.vue
index 9684419..8a9b7a4 100644
--- a/src/components/services/Ping.vue
+++ b/src/components/services/Ping.vue
@@ -22,8 +22,8 @@
                 </template>
               </p>
             </div>
-            <div v-if="api" class="status" :class="api.status">
-              {{ api.status }}
+            <div v-if="status" class="status" :class="status">
+              {{ status }}
             </div>
           </div>
           <div class="tag" :class="item.tagstyle" v-if="item.tag">
@@ -42,9 +42,7 @@ export default {
     item: Object,
   },
   data: () => ({
-    api: {
-      status: "",
-    },
+    status: null,
   }),
   created() {
     this.fetchStatus();
@@ -52,9 +50,16 @@ export default {
   methods: {
     fetchStatus: async function () {
       const url = `${this.item.url}`;
-      this.api.status = await fetch(url)
-        .then(() => "enabled")
-        .catch(() => "disabled");
+      fetch(url, { method: "HEAD", cache: "no-cache" })
+        .then((response) => {
+          if (!response.ok) {
+            throw Error(response.statusText);
+          }
+          this.status = "online";
+        })
+        .catch(() => {
+          this.status = "offline";
+        });
     },
   },
 };
@@ -68,16 +73,16 @@ export default {
   font-size: 0.8rem;
   color: var(--text-title);
 
-  &.enabled:before {
+  &.online:before {
     background-color: #94e185;
     border-color: #78d965;
-    box-shadow: 0 0 4px 1px #94e185;
+    box-shadow: 0 0 5px 1px #94e185;
   }
 
-  &.disabled:before {
+  &.offline:before {
     background-color: #c9404d;
     border-color: #c42c3b;
-    box-shadow: 0 0 4px 1px #c9404d;
+    box-shadow: 0 0 5px 1px #c9404d;
   }
 
   &:before {
-- 
cgit v1.2.3


From 25f99adc6c854f27dc1df4a88bf8da5b01812f46 Mon Sep 17 00:00:00 2001
From: rvk <329491+rvankraaij@users.noreply.github.com>
Date: Wed, 4 Aug 2021 21:19:28 +0200
Subject: Fix CORS issue for Radarr and Sonarr services

---
 src/components/services/Radarr.vue | 10 ++--------
 src/components/services/Sonarr.vue | 10 ++--------
 2 files changed, 4 insertions(+), 16 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/Radarr.vue b/src/components/services/Radarr.vue
index 93831a7..3b88083 100644
--- a/src/components/services/Radarr.vue
+++ b/src/components/services/Radarr.vue
@@ -70,10 +70,7 @@ export default {
   },
   methods: {
     fetchConfig: function () {
-      fetch(`${this.item.url}/api/health`, {
-        credentials: "include",
-        headers: { "X-Api-Key": `${this.item.apikey}` },
-      })
+      fetch(`${this.item.url}/api/health?apiKey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
@@ -95,10 +92,7 @@ export default {
           console.error(e);
           this.serverError = true;
         });
-      fetch(`${this.item.url}/api/queue`, {
-        credentials: "include",
-        headers: { "X-Api-Key": `${this.item.apikey}` },
-      })
+      fetch(`${this.item.url}/api/queue?apiKey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
diff --git a/src/components/services/Sonarr.vue b/src/components/services/Sonarr.vue
index 8cebac4..3460067 100644
--- a/src/components/services/Sonarr.vue
+++ b/src/components/services/Sonarr.vue
@@ -70,10 +70,7 @@ export default {
   },
   methods: {
     fetchConfig: function () {
-      fetch(`${this.item.url}/api/health`, {
-        credentials: "include",
-        headers: { "X-Api-Key": `${this.item.apikey}` },
-      })
+      fetch(`${this.item.url}/api/health?apiKey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
@@ -95,10 +92,7 @@ export default {
           console.error(e);
           this.serverError = true;
         });
-      fetch(`${this.item.url}/api/queue`, {
-        credentials: "include",
-        headers: { "X-Api-Key": `${this.item.apikey}` },
-      })
+      fetch(`${this.item.url}/api/queue?apiKey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
-- 
cgit v1.2.3


From 304362adfd5fe06d7b55fe99087543e09f1ef3d8 Mon Sep 17 00:00:00 2001
From: rvk <329491+rvankraaij@users.noreply.github.com>
Date: Wed, 4 Aug 2021 21:26:15 +0200
Subject: Fix CORS issue for Radarr and Sonarr services

---
 src/components/services/Radarr.vue | 4 ++--
 src/components/services/Sonarr.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/Radarr.vue b/src/components/services/Radarr.vue
index 3b88083..9d38292 100644
--- a/src/components/services/Radarr.vue
+++ b/src/components/services/Radarr.vue
@@ -70,7 +70,7 @@ export default {
   },
   methods: {
     fetchConfig: function () {
-      fetch(`${this.item.url}/api/health?apiKey=${this.item.apikey}`)
+      fetch(`${this.item.url}/api/health?apikey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
@@ -92,7 +92,7 @@ export default {
           console.error(e);
           this.serverError = true;
         });
-      fetch(`${this.item.url}/api/queue?apiKey=${this.item.apikey}`)
+      fetch(`${this.item.url}/api/queue?apikey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
diff --git a/src/components/services/Sonarr.vue b/src/components/services/Sonarr.vue
index 3460067..7851b6b 100644
--- a/src/components/services/Sonarr.vue
+++ b/src/components/services/Sonarr.vue
@@ -70,7 +70,7 @@ export default {
   },
   methods: {
     fetchConfig: function () {
-      fetch(`${this.item.url}/api/health?apiKey=${this.item.apikey}`)
+      fetch(`${this.item.url}/api/health?apikey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
@@ -92,7 +92,7 @@ export default {
           console.error(e);
           this.serverError = true;
         });
-      fetch(`${this.item.url}/api/queue?apiKey=${this.item.apikey}`)
+      fetch(`${this.item.url}/api/queue?apikey=${this.item.apikey}`)
         .then((response) => {
           if (response.status != 200) {
             throw new Error(response.statusText);
-- 
cgit v1.2.3


From ecec695272f3e41d66401affea7f6fe5a93d3c28 Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:25:51 -0700
Subject: include credentials while making fetch calls

---
 src/components/services/PiHole.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/PiHole.vue b/src/components/services/PiHole.vue
index 7042a7b..ce0b689 100644
--- a/src/components/services/PiHole.vue
+++ b/src/components/services/PiHole.vue
@@ -64,7 +64,9 @@ export default {
   methods: {
     fetchStatus: async function () {
       const url = `${this.item.url}/api.php`;
-      this.api = await fetch(url)
+      this.api = await fetch(url{
+        credentials: 'include'
+      })
         .then((response) => response.json())
         .catch((e) => console.log(e));
     },
-- 
cgit v1.2.3


From 077be43473ebdb241c6a70e4d06795ca80a591fb Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:35:41 -0700
Subject: Update AdGuardHome.vue

---
 src/components/services/AdGuardHome.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue
index d4a2b89..bf5caa9 100644
--- a/src/components/services/AdGuardHome.vue
+++ b/src/components/services/AdGuardHome.vue
@@ -51,7 +51,9 @@ export default {
   },
   methods: {
     fetchStatus: async function () {
-      this.status = await fetch(`${this.item.url}/control/status`).then(
+      this.status = await fetch(`${this.item.url}/control/status`{
+        credentials: 'include',
+      }).then(
         (response) => response.json()
       );
     },
-- 
cgit v1.2.3


From cf2fb08dc72cee1add0e6e9b3d4ba19b38da88d3 Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:37:17 -0700
Subject: Update PaperlessNG.vue

---
 src/components/services/PaperlessNG.vue | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src/components/services')

diff --git a/src/components/services/PaperlessNG.vue b/src/components/services/PaperlessNG.vue
index 4fb31f8..63a49a9 100644
--- a/src/components/services/PaperlessNG.vue
+++ b/src/components/services/PaperlessNG.vue
@@ -59,6 +59,7 @@ export default {
       }
       const url = `${this.item.url}/api/documents/`;
       this.api = await fetch(url, {
+        credentials: 'include',
         headers: {
           Authorization: "Token " + this.item.apikey,
         },
-- 
cgit v1.2.3


From 76a46c3507b5c0daef7edcb165e949dea4968e2f Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:38:24 -0700
Subject: Update Ping.vue

---
 src/components/services/Ping.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/Ping.vue b/src/components/services/Ping.vue
index 8a9b7a4..e693af4 100644
--- a/src/components/services/Ping.vue
+++ b/src/components/services/Ping.vue
@@ -50,7 +50,11 @@ export default {
   methods: {
     fetchStatus: async function () {
       const url = `${this.item.url}`;
-      fetch(url, { method: "HEAD", cache: "no-cache" })
+      fetch(url, {
+        method: "HEAD",
+        cache: "no-cache",
+        credentials: "include",
+      })
         .then((response) => {
           if (!response.ok) {
             throw Error(response.statusText);
-- 
cgit v1.2.3


From 0dc3cea15ed9d24d35e6383c89036e8a5e2eb83a Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:40:22 -0700
Subject: Update PiHole.vue

---
 src/components/services/PiHole.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/PiHole.vue b/src/components/services/PiHole.vue
index ce0b689..ca87f9d 100644
--- a/src/components/services/PiHole.vue
+++ b/src/components/services/PiHole.vue
@@ -65,7 +65,7 @@ export default {
     fetchStatus: async function () {
       const url = `${this.item.url}/api.php`;
       this.api = await fetch(url{
-        credentials: 'include'
+        credentials: "include",
       })
         .then((response) => response.json())
         .catch((e) => console.log(e));
-- 
cgit v1.2.3


From 2f6d9e1b0910b5fb219ebd5078dbf940ed16f619 Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:41:11 -0700
Subject: Update PaperlessNG.vue

---
 src/components/services/PaperlessNG.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/PaperlessNG.vue b/src/components/services/PaperlessNG.vue
index 63a49a9..af13317 100644
--- a/src/components/services/PaperlessNG.vue
+++ b/src/components/services/PaperlessNG.vue
@@ -59,7 +59,7 @@ export default {
       }
       const url = `${this.item.url}/api/documents/`;
       this.api = await fetch(url, {
-        credentials: 'include',
+        credentials: "include",
         headers: {
           Authorization: "Token " + this.item.apikey,
         },
-- 
cgit v1.2.3


From 4852ae6b85d5a35dc0c94711cdae8f804d32f762 Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Wed, 11 Aug 2021 15:41:33 -0700
Subject: Update AdGuardHome.vue

---
 src/components/services/AdGuardHome.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue
index bf5caa9..9a3350d 100644
--- a/src/components/services/AdGuardHome.vue
+++ b/src/components/services/AdGuardHome.vue
@@ -52,7 +52,7 @@ export default {
   methods: {
     fetchStatus: async function () {
       this.status = await fetch(`${this.item.url}/control/status`{
-        credentials: 'include',
+        credentials: "include",
       }).then(
         (response) => response.json()
       );
-- 
cgit v1.2.3


From 7efcd282bb82463968a03f0f5c4a756a0d95c09c Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Mon, 16 Aug 2021 14:16:29 -0700
Subject: Update AdGuardHome.vue

---
 src/components/services/AdGuardHome.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue
index 9a3350d..9238060 100644
--- a/src/components/services/AdGuardHome.vue
+++ b/src/components/services/AdGuardHome.vue
@@ -51,7 +51,7 @@ export default {
   },
   methods: {
     fetchStatus: async function () {
-      this.status = await fetch(`${this.item.url}/control/status`{
+      this.status = await fetch(`${this.item.url}/control/status`, {
         credentials: "include",
       }).then(
         (response) => response.json()
-- 
cgit v1.2.3


From bbe7149d5814efc1d97613af107b12ba8f8a1c22 Mon Sep 17 00:00:00 2001
From: Colin <mcclurec@gmail.com>
Date: Mon, 16 Aug 2021 14:17:15 -0700
Subject: Update PiHole.vue

---
 src/components/services/PiHole.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components/services')

diff --git a/src/components/services/PiHole.vue b/src/components/services/PiHole.vue
index ca87f9d..87f7090 100644
--- a/src/components/services/PiHole.vue
+++ b/src/components/services/PiHole.vue
@@ -64,7 +64,7 @@ export default {
   methods: {
     fetchStatus: async function () {
       const url = `${this.item.url}/api.php`;
-      this.api = await fetch(url{
+      this.api = await fetch(url, {
         credentials: "include",
       })
         .then((response) => response.json())
-- 
cgit v1.2.3


From 55c3ea4d92b0c5628ead4475ae7359bbf2cc59c4 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Mon, 13 Sep 2021 22:03:13 +0200
Subject: Deps updates & lint

---
 src/components/services/AdGuardHome.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/AdGuardHome.vue b/src/components/services/AdGuardHome.vue
index 9238060..19a2f7d 100644
--- a/src/components/services/AdGuardHome.vue
+++ b/src/components/services/AdGuardHome.vue
@@ -53,9 +53,7 @@ export default {
     fetchStatus: async function () {
       this.status = await fetch(`${this.item.url}/control/status`, {
         credentials: "include",
-      }).then(
-        (response) => response.json()
-      );
+      }).then((response) => response.json());
     },
   },
 };
-- 
cgit v1.2.3