From c672907127509937e86f276dfd7f84fc398c567d Mon Sep 17 00:00:00 2001
From: Adam Monsen <haircut@gmail.com>
Date: Sun, 21 May 2023 12:39:05 -0700
Subject: [PATCH 1/3] Add Traefik, Wallabag, Olivetin

---
 docs/customservices.md               | 36 +++++++++++
 src/components/services/Olivetin.vue | 84 ++++++++++++++++++++++++++
 src/components/services/Traefik.vue  | 89 ++++++++++++++++++++++++++++
 src/components/services/Wallabag.vue | 84 ++++++++++++++++++++++++++
 4 files changed, 293 insertions(+)
 create mode 100644 src/components/services/Olivetin.vue
 create mode 100644 src/components/services/Traefik.vue
 create mode 100644 src/components/services/Wallabag.vue

diff --git a/docs/customservices.md b/docs/customservices.md
index d8af4c51..41314442 100644
--- a/docs/customservices.md
+++ b/docs/customservices.md
@@ -28,6 +28,7 @@ within Homer:
 - [Medusa](#medusa)
 - [Nextcloud](#nextcloud)
 - [OctoPrint / Moonraker](#octoprintmoonraker)
+- [Olivetin](#olivetin)
 - [OpenHAB](#openhab)
 - [OpenWeatherMap](#openweathermap)
 - [PaperlessNG](#paperlessng)
@@ -45,7 +46,9 @@ within Homer:
 - [Speedtest Tracker](#speedtesttracker)
 - [Tautulli](#tautulli)
 - [Tdarr](#tdarr)
+- [Traefik](#traefik)
 - [Uptime Kuma](#uptime-kuma)
+- [Wallabag](#wallabag)
 - [What's Up Docker](#whats-up-docker)
 
 > [!IMPORTANT]  
@@ -303,6 +306,17 @@ Moonraker's API mimmicks a few of OctoPrint's endpoints which makes these servic
   type: "OctoPrint"
 ```
 
+## Olivetin
+
+This service displays a version string instead of a subtitle. Example configuration:
+
+```yaml
+- name: Olivetin
+  type: Olivetin
+  logo: assets/tools/sample.png
+  url: https://olivetin.example.com
+```
+
 ## OpenHAB
 
 You need to set the type to OpenHAB, provide an api key and enable cors on OpenHAB.
@@ -590,6 +604,17 @@ for transcoding on your Tdarr instance as well as the number of errored items.
   checkInterval: 5000 # (Optional) Interval (in ms) for updating the queue & error counts
 ```
 
+## Traefik
+
+This service displays a version string instead of a subtitle. Example configuration:
+
+```yaml
+- name: Traefik
+  type: Traefik
+  logo: assets/tools/sample.png
+  url: http://traefik.example.com
+```
+
 ## Uptime Kuma
 
 Using the Uptime Kuma service you can display info about your instance uptime right on your Homer dashboard.
@@ -605,6 +630,17 @@ The following configuration is available for the UptimeKuma service. Needs v1.13
   type: "UptimeKuma"
 ```
 
+## Wallabag
+
+This service displays a version string instead of a subtitle. Example configuration:
+
+```yaml
+- name: Wallabag
+  type: Wallabag
+  logo: assets/tools/sample.png
+  url: https://wallabag.example.com
+```
+
 ## What's up Docker
 
 What's up Docker allow to display info about the number of container running and the number for which an update is available on your Homer dashboard.
diff --git a/src/components/services/Olivetin.vue b/src/components/services/Olivetin.vue
new file mode 100644
index 00000000..cf868efe
--- /dev/null
+++ b/src/components/services/Olivetin.vue
@@ -0,0 +1,84 @@
+<template>
+  <Generic :item="item">
+    <template #content>
+      <p class="title is-4">{{ item.name }}</p>
+      <p class="subtitle is-6">
+        <template v-if="versionstring">
+          Version {{ versionstring }}
+        </template>
+      </p>
+    </template>
+    <template #indicator>
+      <div v-if="status" class="status" :class="status">
+        {{ status }}
+      </div>
+    </template>
+  </Generic>
+</template>
+
+<script>
+import service from "@/mixins/service.js";
+import Generic from "./Generic.vue";
+
+export default {
+  name: "Olivetin",
+  components: {
+    Generic,
+  },
+  mixins: [service],
+  props: {
+    item: Object,
+  },
+  data: () => ({
+    status: null,
+    versionstring: null,
+  }),
+  created() {
+    this.fetchStatus();
+  },
+  methods: {
+    fetchStatus: async function () {
+      this.fetch("/webUiSettings.json")
+        .then((response) => {
+          this.status = "online";
+          this.versionstring = response.CurrentVersion;
+        })
+        .catch((e) => {
+          this.status = "offline";
+          console.log(e);
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.status {
+  font-size: 0.8rem;
+  color: var(--text-title);
+  white-space: nowrap;
+  margin-left: 0.25rem;
+
+  &.online:before {
+    background-color: #94e185;
+    border-color: #78d965;
+    box-shadow: 0 0 5px 1px #94e185;
+  }
+
+  &.offline:before {
+    background-color: #c9404d;
+    border-color: #c42c3b;
+    box-shadow: 0 0 5px 1px #c9404d;
+  }
+
+  &:before {
+    content: " ";
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    margin-right: 10px;
+    border: 1px solid #000;
+    border-radius: 7px;
+  }
+}
+</style>
diff --git a/src/components/services/Traefik.vue b/src/components/services/Traefik.vue
new file mode 100644
index 00000000..46885e5f
--- /dev/null
+++ b/src/components/services/Traefik.vue
@@ -0,0 +1,89 @@
+<template>
+  <Generic :item="item">
+    <template #content>
+      <p class="title is-4">{{ item.name }}</p>
+      <p class="subtitle is-6">
+        <template v-if="versionstring">
+          Version {{ versionstring }}
+        </template>
+      </p>
+    </template>
+    <template #indicator>
+      <div v-if="status" class="status" :class="status">
+        {{ status }}
+      </div>
+    </template>
+  </Generic>
+</template>
+
+<script>
+import service from "@/mixins/service.js";
+import Generic from "./Generic.vue";
+
+export default {
+  name: "Traefik",
+  components: {
+    Generic,
+  },
+  mixins: [service],
+  props: {
+    item: Object,
+  },
+  data: () => ({
+    fetchOk: null,
+    versionstring: null,
+  }),
+  computed: {
+    status: function () {
+      return this.fetchOk ? "online" : "offline";
+    },
+  },
+  created() {
+    this.fetchStatus();
+  },
+  methods: {
+    fetchStatus: async function () {
+      this.fetch("/api/version")
+        .then((response) => {
+          this.fetchOk = true;
+          this.versionstring = response.Version;
+        })
+        .catch((e) => {
+          this.fetchOk = false;
+          console.log(e);
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.status {
+  font-size: 0.8rem;
+  color: var(--text-title);
+  white-space: nowrap;
+  margin-left: 0.25rem;
+
+  &.online:before {
+    background-color: #94e185;
+    border-color: #78d965;
+    box-shadow: 0 0 5px 1px #94e185;
+  }
+
+  &.offline:before {
+    background-color: #c9404d;
+    border-color: #c42c3b;
+    box-shadow: 0 0 5px 1px #c9404d;
+  }
+
+  &:before {
+    content: " ";
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    margin-right: 10px;
+    border: 1px solid #000;
+    border-radius: 7px;
+  }
+}
+</style>
diff --git a/src/components/services/Wallabag.vue b/src/components/services/Wallabag.vue
new file mode 100644
index 00000000..6a454046
--- /dev/null
+++ b/src/components/services/Wallabag.vue
@@ -0,0 +1,84 @@
+<template>
+  <Generic :item="item">
+    <template #content>
+      <p class="title is-4">{{ item.name }}</p>
+      <p class="subtitle is-6">
+        <template v-if="versionstring">
+          Version {{ versionstring }}
+        </template>
+      </p>
+    </template>
+    <template #indicator>
+      <div v-if="status" class="status" :class="status">
+        {{ status }}
+      </div>
+    </template>
+  </Generic>
+</template>
+
+<script>
+import service from "@/mixins/service.js";
+import Generic from "./Generic.vue";
+
+export default {
+  name: "Wallabag",
+  components: {
+    Generic,
+  },
+  mixins: [service],
+  props: {
+    item: Object,
+  },
+  data: () => ({
+    status: null,
+    versionstring: null,
+  }),
+  created() {
+    this.fetchStatus();
+  },
+  methods: {
+    fetchStatus: async function () {
+      this.fetch("/api/version")
+        .then((response) => {
+          this.status = "online";
+          this.versionstring = response;
+        })
+        .catch((e) => {
+          this.status = "offline";
+          console.log(e);
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.status {
+  font-size: 0.8rem;
+  color: var(--text-title);
+  white-space: nowrap;
+  margin-left: 0.25rem;
+
+  &.online:before {
+    background-color: #94e185;
+    border-color: #78d965;
+    box-shadow: 0 0 5px 1px #94e185;
+  }
+
+  &.offline:before {
+    background-color: #c9404d;
+    border-color: #c42c3b;
+    box-shadow: 0 0 5px 1px #c9404d;
+  }
+
+  &:before {
+    content: " ";
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    margin-right: 10px;
+    border: 1px solid #000;
+    border-radius: 7px;
+  }
+}
+</style>

From 1864e1d8253bbfef94ae732defb48ef3ff833750 Mon Sep 17 00:00:00 2001
From: Adam Monsen <haircut@gmail.com>
Date: Sun, 24 Nov 2024 16:01:18 -0800
Subject: [PATCH 2/3] allow subtitle override

---
 src/components/services/Olivetin.vue | 5 ++++-
 src/components/services/Traefik.vue  | 5 ++++-
 src/components/services/Wallabag.vue | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/services/Olivetin.vue b/src/components/services/Olivetin.vue
index cf868efe..f0a022b0 100644
--- a/src/components/services/Olivetin.vue
+++ b/src/components/services/Olivetin.vue
@@ -3,7 +3,10 @@
     <template #content>
       <p class="title is-4">{{ item.name }}</p>
       <p class="subtitle is-6">
-        <template v-if="versionstring">
+        <template v-if="item.subtitle">
+          {{ item.subtitle }}
+        </template>
+        <template v-else-if="versionstring">
           Version {{ versionstring }}
         </template>
       </p>
diff --git a/src/components/services/Traefik.vue b/src/components/services/Traefik.vue
index 46885e5f..c0438136 100644
--- a/src/components/services/Traefik.vue
+++ b/src/components/services/Traefik.vue
@@ -3,7 +3,10 @@
     <template #content>
       <p class="title is-4">{{ item.name }}</p>
       <p class="subtitle is-6">
-        <template v-if="versionstring">
+        <template v-if="item.subtitle">
+          {{ item.subtitle }}
+        </template>
+        <template v-else-if="versionstring">
           Version {{ versionstring }}
         </template>
       </p>
diff --git a/src/components/services/Wallabag.vue b/src/components/services/Wallabag.vue
index 6a454046..1c2b3c4c 100644
--- a/src/components/services/Wallabag.vue
+++ b/src/components/services/Wallabag.vue
@@ -3,7 +3,10 @@
     <template #content>
       <p class="title is-4">{{ item.name }}</p>
       <p class="subtitle is-6">
-        <template v-if="versionstring">
+        <template v-if="item.subtitle">
+          {{ item.subtitle }}
+        </template>
+        <template v-else-if="versionstring">
           Version {{ versionstring }}
         </template>
       </p>

From 482784e489c06b74eeabcc780a4ffa159b72076d Mon Sep 17 00:00:00 2001
From: Adam Monsen <haircut@gmail.com>
Date: Sun, 24 Nov 2024 17:55:19 -0800
Subject: [PATCH 3/3] add dummy data for olivetin, traefik, wallabag

---
 dummy-data/olivetin/webUiSettings.json | 18 ++++++++++++++++++
 dummy-data/traefik/api/version         |  5 +++++
 dummy-data/wallabag/api/version        |  1 +
 3 files changed, 24 insertions(+)
 create mode 100644 dummy-data/olivetin/webUiSettings.json
 create mode 100644 dummy-data/traefik/api/version
 create mode 100644 dummy-data/wallabag/api/version

diff --git a/dummy-data/olivetin/webUiSettings.json b/dummy-data/olivetin/webUiSettings.json
new file mode 100644
index 00000000..581769a1
--- /dev/null
+++ b/dummy-data/olivetin/webUiSettings.json
@@ -0,0 +1,18 @@
+{
+    "Rest": "./api/",
+    "ShowFooter": true,
+    "ShowNavigation": true,
+    "ShowNewVersions": true,
+    "AvailableVersion": "none",
+    "CurrentVersion": "2024.11.24",
+    "PageTitle": "OliveTin",
+    "SectionNavigationStyle": "sidebar",
+    "DefaultIconForBack": "&laquo;",
+    "SshFoundKey": "not found at /home/user/.ssh/id_rsa",
+    "SshFoundConfig": "not found at /home/user/.ssh/config",
+    "EnableCustomJs": false,
+    "AuthLoginUrl": "",
+    "AuthLocalLogin": false,
+    "AuthOAuth2Providers": null,
+    "AdditionalLinks": null
+}
diff --git a/dummy-data/traefik/api/version b/dummy-data/traefik/api/version
new file mode 100644
index 00000000..ddf8cd4e
--- /dev/null
+++ b/dummy-data/traefik/api/version
@@ -0,0 +1,5 @@
+{
+    "Version": "3.1.7",
+    "Codename": "comte",
+    "startDate": "2024-11-20T05:55:46.259506879Z"
+}
diff --git a/dummy-data/wallabag/api/version b/dummy-data/wallabag/api/version
new file mode 100644
index 00000000..dd7d687b
--- /dev/null
+++ b/dummy-data/wallabag/api/version
@@ -0,0 +1 @@
+"2.6.10"
\ No newline at end of file