Merge pull request #7219 from manuelmeister/feature/add-title-to-auth-views

Add title tag to auth & dev pages

Author: manuelmeister

frontend/src/plugins/head.js

@@ -13,6 +13,7 @@ const environment =
 export const unhead = createHead()
 
 useHead({
+  title: null,
   templateParams: {
     site: 'eCamp v3',
     separator: '·',

frontend/src/views/auth/Activate.vue

@@ -47,6 +47,13 @@ export default {
       activated: null,
     }
   },
+
+  head() {
+    return {
+      title: this.$tc('views.auth.activate.title'),
+    }
+  },
+
   mounted() {
     // TODO: Change, when templated links are available
     // this.api.href(this.api.get(), 'users', { userId: this.userId }).then(url => {

frontend/src/views/auth/Login.vue

@@ -216,6 +216,11 @@ export default {
       showCredits: true,
     }
   },
+  head() {
+    return {
+      title: this.$tc('global.button.login'),
+    }
+  },
   computed: {
     infoTextSuffix() {
       return LOGIN_INFO_TEXT_KEY

frontend/src/views/auth/Register.vue

@@ -166,6 +166,11 @@ export default {
       recaptcha: null,
     }
   },
+  head() {
+    return {
+      title: this.$tc('views.auth.register.register'),
+    }
+  },
   computed: {
     formData() {
       return {

frontend/src/views/auth/ResetPassword.vue

@@ -130,6 +130,12 @@ export default {
     }
   },
 
+  head() {
+    return {
+      title: this.$tc('views.auth.resetPassword.title'),
+    }
+  },
+
   async mounted() {
     if (getEnv().RECAPTCHA_SITE_KEY) {
       this.recaptcha = load(getEnv().RECAPTCHA_SITE_KEY, {

frontend/src/views/auth/ResetPasswordRequest.vue

@@ -67,6 +67,12 @@ export default {
     }
   },
 
+  head() {
+    return {
+      title: this.$tc('views.auth.resetPasswordRequest.title'),
+    }
+  },
+
   mounted() {
     if (getEnv().RECAPTCHA_SITE_KEY) {
       this.recaptcha = load(getEnv().RECAPTCHA_SITE_KEY, {

frontend/src/views/camp/CampProgram.vue

@@ -188,9 +188,6 @@ export default {
     return {
       title: () =>
         this.$tc('views.camp.campProgram.title') + ': ' + this.period.description,
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/Dashboard.vue

@@ -185,9 +185,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.dashboard.activities'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/Story.vue

@@ -59,9 +59,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.story.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/admin/Activity.vue

@@ -33,9 +33,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.admin.activity.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
 }