From f4df5d782a97aab94c71b1b1634bd8ee97c2f77f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20N=C3=BCsse?= <felix.nuesse@t-online.de>
Date: Sat, 5 Mar 2022 21:58:54 +0100
Subject: [PATCH] add branding to windowtitle for files and settings

---
 frontend/src/views/Files.vue    |  8 +++++++-
 frontend/src/views/Settings.vue | 24 +++++++++++++++++++++++-
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Files.vue b/frontend/src/views/Files.vue
index 8f50426d..45f8b8da 100644
--- a/frontend/src/views/Files.vue
+++ b/frontend/src/views/Files.vue
@@ -28,6 +28,11 @@ import Breadcrumbs from "@/components/Breadcrumbs";
 import Errors from "@/views/Errors";
 import Preview from "@/views/files/Preview";
 import Listing from "@/views/files/Listing";
+import {
+  name,
+} from "@/utils/constants";
+
+
 
 function clean(path) {
   return path.endsWith("/") ? path.slice(0, -1) : path;
@@ -51,6 +56,7 @@ export default {
   },
   computed: {
     ...mapState(["req", "reload", "loading", "show"]),
+    name: () => name,
     currentView() {
       if (this.req.type == undefined) {
         return null;
@@ -116,7 +122,7 @@ export default {
         }
 
         this.$store.commit("updateRequest", res);
-        document.title = `${res.name} - ${this.$route.name}`;
+        document.title = `${res.name} - ${this.$route.name} - ${this.name}`;
       } catch (e) {
         this.error = e;
       } finally {
diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index 7dabc1c7..32220754 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -50,9 +50,12 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import {mapMutations, mapState} from "vuex";
 
 import HeaderBar from "@/components/header/HeaderBar";
+import {
+  name,
+} from "@/utils/constants";
 
 export default {
   name: "settings",
@@ -61,6 +64,25 @@ export default {
   },
   computed: {
     ...mapState(["user", "loading"]),
+    name: () => name,
   },
+  created() {
+    this.fetchData();
+  },
+  watch: {
+    $route: "fetchData",
+    reload: function (value) {
+      if (value === true) {
+        this.fetchData();
+      }
+    },
+  },
+  methods: {
+    ...mapMutations(["setLoading"]),
+    async fetchData() {
+        document.title = document.title + ` - ${this.name}`;
+    },
+  },
+
 };
 </script>