- Added login check for navbar actions

client/src/components/global/navbar/navbar.vue

@@ -10,10 +10,13 @@
                     <router-link :to="link.url" class="nav-link">{{ link.text }}</router-link>
                 </li>
             </ul>
-            <div class="navbar-nav">
+            <div class="navbar-nav" v-if="user">
                 <router-link :to="'/profil'" class="nav-link">Profil</router-link>
+                <router-link :to="'/deconnexion'" class="nav-link">Deconnexion</router-link>
+            </div>
+            <div class="navbar-nav" v-else>
                 <router-link :to="'/inscription'" class="nav-link">S'inscrire</router-link>
-                <router-link :to="'/connexion'" class="nav-link">Se connecter</router-link>
+                <router-link :to="'/connexion'" class="nav-link">Connexion</router-link>
             </div>
         </div>
     </nav>
@@ -24,6 +27,7 @@
         name: 'navbar',
         data() {
             return {
+                user: this.$cookies.get("U_"),
                 links: [
                     {
                         text: 'Sortilèges',

client/src/main.js

@@ -14,6 +14,7 @@ require('dotenv').config()
 // Cookies
 import VueCookies from 'vue-cookies'
 Vue.use(VueCookies)
+Vue.$cookies.config('30d','','')
 
 // Jquery
 import jquery from 'jquery'

client/src/pages/user/login-page.vue

@@ -52,8 +52,7 @@ export default {
                 "password": this.password
             })
             .then(v => {
-                let user = v.data
+                this.$cookies.set("U_", v.data.user, 60 * 60 * 24 * 30)
-                this.$cookies.set("loggedUser", user, 60 * 60 * 24 * 30)
             })
             .catch(err => {
                 console.log(err)

client/src/pages/user/profile-page.vue

@@ -1,14 +1,17 @@
 <template>
-    <div class="container-fluid">
+    <div class="container-fluid p-4" id="spell-container">
-        <section class="fullpage">
+        <h1 class="display-3 font-display mb-3">{{ user.name }}</h1>
-            <div class="title font-display mb-3">Profil</div>
-        </section>
     </div>
 </template>
 
 <script>
 export default {
     name: 'profile-page',
+    data() {
+        return {
+            user: this.$cookies.get("U_"),
+        }
+    }
 }
 </script>
 

client/src/routes.js

@@ -69,10 +69,10 @@ const router = new VueRouter({
 
 router.beforeEach((to, from, next) => {
     if (to.matched.some(record => record.meta.authGuard)) {
-        if (Vue.$cookies.get('loggedUser') == null) {
+        if (Vue.$cookies.get('U_') == null) {
             next({
                 path: '/connexion',
-                params: { nextUrl: to.fullPath }
+                params: { nextUrl: to.fullPath },
             })
         } else {
             next()

package.json

@@ -4,7 +4,8 @@
   "description": "API for Auracle database",
   "main": "index.js",
   "scripts": {
-    "test": "start"
+    "api": "node index.js",
+    "client": "cd client && npm run serve"
   },
   "repository": {
     "type": "git",