feat: add branding to the window title (#1850)

Author: newhinton

frontend/src/router/index.js

@@ -12,7 +12,7 @@ import ProfileSettings from "@/views/settings/Profile";
 import Shares from "@/views/settings/Shares";
 import Errors from "@/views/Errors";
 import store from "@/store";
-import { baseURL } from "@/utils/constants";
+import { baseURL, name } from "@/utils/constants";
 
 Vue.use(Router);
 
@@ -29,7 +29,7 @@ const router = new Router({
           return next({ path: "/files" });
         }
 
-        document.title = "Login";
+        document.title = "Login - " + name;
         next();
       },
     },
@@ -140,7 +140,7 @@ const router = new Router({
 });
 
 router.beforeEach((to, from, next) => {
-  document.title = to.name;
+  document.title = to.name + " - " + name;
 
   if (to.matched.some((record) => record.meta.requiresAuth)) {
     if (!store.getters.isLogged) {

frontend/src/views/Files.vue

@@ -28,6 +28,7 @@ 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 +52,7 @@ export default {
   },
   computed: {
     ...mapState(["req", "reload", "loading", "show"]),
+    name: () => name,
     currentView() {
       if (this.req.type == undefined) {
         return null;
@@ -116,7 +118,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 {