From 02c0216c26a7615a8659b58dba8c5fe8c9715a3e Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Thu, 24 Dec 2020 18:24:31 +0100
Subject: [PATCH] - Added title and meta info to current views

---
 client/src/app.vue                            |  5 +-
 client/src/main.js                            |  6 ++
 client/src/pages/schools/schools-page.vue     | 11 +++-
 .../src/pages/schools/single-school-page.vue  | 63 ++++++++++---------
 client/src/pages/spells/single-spell-page.vue | 11 ++--
 client/src/pages/spells/spells-page.vue       | 11 ++--
 client/src/pages/timelines/timeline-page.vue  |  5 +-
 client/src/pages/user/login-page.vue          |  3 +
 client/src/pages/user/profile-page.vue        |  9 +--
 client/src/pages/user/register-page.vue       |  3 +
 10 files changed, 78 insertions(+), 49 deletions(-)

diff --git a/client/src/app.vue b/client/src/app.vue
index ace1774..74ff571 100644
--- a/client/src/app.vue
+++ b/client/src/app.vue
@@ -9,7 +9,10 @@
 
 <script>
 export default {
-  name: 'app'
+  name: 'app',
+  metaInfo: {
+    title: 'Auracle',
+  }
 }
 </script>
 
diff --git a/client/src/main.js b/client/src/main.js
index 8dac402..83b656a 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -2,6 +2,12 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import App from './app.vue'
+import VueMeta from 'vue-meta'
+
+Vue.use(VueMeta, {
+  // optional pluginOptions
+  refreshOnceOnNavigation: true
+})
 
 // Environment
 require('dotenv').config()
diff --git a/client/src/pages/schools/schools-page.vue b/client/src/pages/schools/schools-page.vue
index 34fc10a..54adce7 100644
--- a/client/src/pages/schools/schools-page.vue
+++ b/client/src/pages/schools/schools-page.vue
@@ -5,9 +5,14 @@
 </template>
 
 <script>
-    export default {
-        name: 'schools-page'
-    }
+
+export default {
+  name: 'schools-page',
+  metaInfo: {
+    titleTemplate: '%s - Maîtrises'
+  },
+}
+
 </script>
 
 <style>
diff --git a/client/src/pages/schools/single-school-page.vue b/client/src/pages/schools/single-school-page.vue
index 4dc4f8e..8c5ad37 100644
--- a/client/src/pages/schools/single-school-page.vue
+++ b/client/src/pages/schools/single-school-page.vue
@@ -1,9 +1,9 @@
 <template>
-    <div class="container-fluid p-4" id="spell-container">
-        <h1 class="display-3 font-display mb-3">{{ school.name }}</h1>
-        <p>{{ school.description }}</p>
-        <spell-list :school_id="id"/>
-    </div>
+  <div class="container-fluid p-4" id="spell-container">
+    <h1 class="display-3 font-display mb-3">{{ school.name }}</h1>
+    <p>{{ school.description }}</p>
+    <spell-list :school_id="id"/>
+  </div>
 </template>
 
 <script>
@@ -14,32 +14,35 @@ import { RepositoryFactory } from "~/api/repositories"
 const Schools = RepositoryFactory.get('schools')
 
 export default {
-    name: 'single-school-page',
-    components: {
-        'spell-list': SpellsList,
-    },
-    data() {
-        return {
-            loading: false,
-            school: {},
-            id: this.$route.params.id
-        }
-    },
-    created() {
-        this.computeSchool()
-    },
-    methods: {
-        async fetchSchool(id) {
-            const { data } = await Schools.getOne(id)
-            return data
-        },
-        async computeSchool() {
-            this.loading = true
-            const displaySchool = await this.fetchSchool(this.id)
-            this.loading = false
-            this.school = displaySchool
-        },
+  name: 'single-school-page',
+  metaInfo: {
+    titleTemplate: '%s - Maîtrise I'
+  },
+  components: {
+    'spell-list': SpellsList,
+  },
+  data() {
+    return {
+      loading: false,
+      school: {},
+      id: this.$route.params.id
     }
+  },
+  created() {
+    this.computeSchool();
+  },
+  methods: {
+    async fetchSchool(id) {
+      const { data } = await Schools.getOne(id);
+      return data;
+    },
+    async computeSchool() {
+      this.loading = true;
+      const displaySchool = await this.fetchSchool(this.id);
+      this.loading = false;
+      this.school = displaySchool;
+    },
+  }
 }
 </script>
 
diff --git a/client/src/pages/spells/single-spell-page.vue b/client/src/pages/spells/single-spell-page.vue
index dbaf519..1b9d50a 100644
--- a/client/src/pages/spells/single-spell-page.vue
+++ b/client/src/pages/spells/single-spell-page.vue
@@ -1,12 +1,15 @@
 <template>
-    <div class="container-fluid p-4" id="spell-container">
-        <h1 class="display-3 font-display mb-3">Sortilège</h1>
-    </div>
+  <div class="container-fluid p-4" id="spell-container">
+    <h1 class="display-3 font-display mb-3">Sortilège I</h1>
+  </div>
 </template>
 
 <script>
 export default {
-
+  name: 'single-spell-page',
+  metaInfo: {
+    titleTemplate: '%s - Sortilège I'
+  },
 }
 </script>
 
diff --git a/client/src/pages/spells/spells-page.vue b/client/src/pages/spells/spells-page.vue
index 00351e1..96e8d95 100644
--- a/client/src/pages/spells/spells-page.vue
+++ b/client/src/pages/spells/spells-page.vue
@@ -1,8 +1,8 @@
 <template>
-    <div class="container-fluid p-4" id="spell-container">
-        <h1 class="display-3 font-display mb-3">Sortilèges</h1>
-        <spell-list/>
-    </div>
+  <div class="container-fluid p-4" id="spell-container">
+    <h1 class="display-3 font-display mb-3">Sortilèges</h1>
+    <spell-list/>
+  </div>
 </template>
 
 <script>
@@ -10,6 +10,9 @@ import SpellsList from "~/components/spells/spells-list"
 
 export default {
   name: 'spells-page',
+  metaInfo: {
+    titleTemplate: '%s - Grimoire'
+  },
   components: {
     'spell-list': SpellsList,
   }
diff --git a/client/src/pages/timelines/timeline-page.vue b/client/src/pages/timelines/timeline-page.vue
index 34a2f62..381c8af 100644
--- a/client/src/pages/timelines/timeline-page.vue
+++ b/client/src/pages/timelines/timeline-page.vue
@@ -6,7 +6,10 @@
 
 <script>
 export default {
-    name: 'timeline-page',
+  name: 'timeline-page',
+  metaInfo: {
+    titleTemplate: '%s - Âges'
+  },
 }
 </script>
 
diff --git a/client/src/pages/user/login-page.vue b/client/src/pages/user/login-page.vue
index ec406c1..e4b9c31 100644
--- a/client/src/pages/user/login-page.vue
+++ b/client/src/pages/user/login-page.vue
@@ -88,6 +88,9 @@
 
 export default {
     name: 'login-page',
+    metaInfo: {
+      titleTemplate: '%s - Connexion'
+    },
     data() {
       return {
         email: "",
diff --git a/client/src/pages/user/profile-page.vue b/client/src/pages/user/profile-page.vue
index 7fe7be5..9a0e666 100644
--- a/client/src/pages/user/profile-page.vue
+++ b/client/src/pages/user/profile-page.vue
@@ -6,12 +6,6 @@
   >
     <h2 class="display-3 font-display mb-3">
       <span class="username">{{ user.name }}</span>
-      <span
-        v-if="user.verified"
-        class="verified"
-      >
-        <i class="mad">check_circle</i>
-      </span>
     </h2>
     <span>Membre depuis le {{ registered_date }}</span>
 
@@ -41,6 +35,9 @@ export default {
 
       return new Intl.DateTimeFormat("fr", date_options).format(raw_date);
     }
+  },
+  metaInfo: {
+    titleTemplate: '%s - Profil'
   }
 }
 </script>
diff --git a/client/src/pages/user/register-page.vue b/client/src/pages/user/register-page.vue
index e493d30..83b8b8e 100644
--- a/client/src/pages/user/register-page.vue
+++ b/client/src/pages/user/register-page.vue
@@ -118,6 +118,9 @@
 <script>
 export default {
   name: 'register-page',
+  metaInfo: {
+    titleTemplate: '%s - Inscription'
+  },
   data() {
     return {
       name: "",