From 1de57d9423e12180dfe0800e6aa155e0ecb1f212 Mon Sep 17 00:00:00 2001
From: Marco Kreeft <marco.kreeft@gmail.com>
Date: Sat, 5 Apr 2025 15:17:45 +0200
Subject: [PATCH] Comments Bastien

---
 docs/customservices.md                        |  1 -
 src/components/services/DockerSocketProxy.vue |  9 ++-------
 src/components/services/Plex.vue              | 14 ++++----------
 3 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/docs/customservices.md b/docs/customservices.md
index 9e4d9b1..55ff2e7 100644
--- a/docs/customservices.md
+++ b/docs/customservices.md
@@ -116,7 +116,6 @@ It calls the API of DOcker Socket Proxy
 - name: Docker
   type: "DockerSocketProxy"
   endpoint: "http://192.168.0.151:2375"
-
 ```
 
 ## Docuseal
diff --git a/src/components/services/DockerSocketProxy.vue b/src/components/services/DockerSocketProxy.vue
index eba4db2..ab33709 100644
--- a/src/components/services/DockerSocketProxy.vue
+++ b/src/components/services/DockerSocketProxy.vue
@@ -12,7 +12,7 @@
           {{ errors }}
         </strong>
         <strong v-if="serverError" class="notif errors" title="Connection error to Docker Socket Proxy API">
-          ?
+          Unavailable
         </strong>
       </div>
     </template>
@@ -21,12 +21,8 @@
 
 <script>
 import service from "@/mixins/service.js";
-import Generic from "./Generic.vue";
 export default {
   name: "DockerSocketProxy",
-  components: {
-    Generic,
-  },
   mixins: [service],
   props: {
     item: Object,
@@ -54,8 +50,7 @@ export default {
       };
 
       // Fetch all containers (including stopped) from Docker Socket Proxy
-      fetch(`${this.endpoint}/containers/json?all=true`) // Docker endpoint for container statuses
-        .then((response) => response.json())
+      this.fetch('/containers/json?all=true') // Docker endpoint for container statuses
         .then((containers) => {
           this.running = containers.filter(container => container.State === "running").length;
           this.stopped = containers.filter(container => container.State === "exited").length;
diff --git a/src/components/services/Plex.vue b/src/components/services/Plex.vue
index c5b10f8..e99ea9d 100644
--- a/src/components/services/Plex.vue
+++ b/src/components/services/Plex.vue
@@ -27,12 +27,8 @@
 
 <script>
 import service from "@/mixins/service.js";
-import Generic from "./Generic.vue";
 export default {
   name: "Plex",
-  components: {
-    Generic,
-  },
   mixins: [service],
   props: {
     item: Object,
@@ -61,8 +57,7 @@ export default {
         this.serverError = true;
       };
       
-      fetch(`${this.endpoint}/status/sessions?X-Plex-Token=${this.item.token}`)
-        .then((response) => response.text())
+      this.fetch(`/status/sessions?X-Plex-Token=${this.item.token}`, {}, false)
         .then((str) => {
           const parser = new DOMParser();
           const xml = parser.parseFromString(str, "application/xml");
@@ -71,14 +66,13 @@ export default {
         })
         .catch(handleError);
       
-      fetch(`${this.endpoint}/library/sections?X-Plex-Token=${this.item.token}`)
-        .then((response) => response.text())
+      this.fetch(`/library/sections?X-Plex-Token=${this.item.token}`, {}, false)
         .then((str) => {
           const parser = new DOMParser();
           const xml = parser.parseFromString(str, "application/xml");
           const directories = xml.getElementsByTagName("Directory");
-          let seriesDirIds = [];
-          let movieDirIds = [];
+          const seriesDirIds = [];
+          const movieDirIds = [];
           
           for (let dir of directories) {
             if (dir.getAttribute("type") === "show") {