Merge branch 'master' of http://gvipers.imt-lille-douai.fr/QVrel/projet-cdaw

frontend/src/components/UserRibbon.vue

@@ -30,6 +30,7 @@ export default {
   },
   methods: {
     logout: function() {
+      localStorage.removeItem('user');
       this.$router.push('/')
     }
   }

frontend/src/components/form/CheckboxInput.vue

-<template>
-    <div class="form-check row">
-                <label class="col-md-4 col-form-label text-md-right" :for="this.id">{{label}}</label>
-                <input class="form-check-input" type="checkbox" :id="this.id" :name="this.id">
-            
-            </div>
-            
-</template>
-
-<script>
-export default {
-    props: {
-        id: { type: String, default: ''},
-        label: { type: String, default: 'label' }
-    }
-}
-</script>
-
-<style>
-.row {
-    display: flex;
-    flex-wrap: wrap;
-    margin-right: -15px;
-    margin-left: -15px;
-}
-.form-check-input {
-    height: 1.5em;
-    width: 1.5em;
-}
-.form-check {
-    position: relative;
-    display: block;
-    padding-left: 1.25rem;
-}
-
-.col-md-4 {
-    flex: 0 0 33.3333333333%;
-    max-width: 33.3333333333%;
-}
-.text-md-right {
-    text-align: right !important;
-}
-.col-form-label {
-    padding-top: calc(0.375rem + 1px);
-    padding-bottom: calc(0.375rem + 1px);
-    margin-bottom: 0;
-    line-height: 1.6;
-    font-style: normal;
-    font-weight: bold;
-    font-size: 24px;
-    line-height: 42px;
-
-    color: #000000;
-}
-.col-md-6 {
-    flex: 0 0 50%;
-    max-width: 50%;
-}
-
-.col-md-4, .col-md-6{
-    position: relative;
-width: 100%;
-padding-right: 15px;
-padding-left: 15px;
-}
-
-.form-control {
-    display: block;
-    width: 100%;
-    padding: 0.375rem 0.75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.6;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    border-radius: 0.25rem;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-</style>
\ No newline at end of file

frontend/src/components/form/TextInput.vue

@@ -22,8 +22,6 @@ export default {
 .row {
     display: flex;
     flex-wrap: wrap;
-    margin-right: -15px;
-    margin-left: -15px;
 }
 .col-md-4 {
     flex: 0 0 33.3333333333%;

frontend/src/router/index.js

@@ -31,6 +31,11 @@ const routes = [
     path: '/login',
     name: 'Login',
     component: () => import('../views/Login.vue')
+  },
+  {
+    path: '/profile',
+    name: 'Profile',
+    component: () => import('../views/Profile.vue')
   }
 ]
 

frontend/src/views/Home.vue

@@ -18,6 +18,11 @@ export default {
         PageTitle,
         ButtonText
     },
+    beforeCreate () {
+        if (localStorage.getItem('user') != null) {
+            this.$router.push('/lobby');
+        }
+    },
     methods: {
         onSubmit: function(){
             if (event.submitter.id=='login') {

frontend/src/views/Login.vue

@@ -5,8 +5,6 @@
             <div class="form-content">
                 <text-input id="login" label="Pseudo"/>
                 <pwd-input id="password" label="Mot de passe"/>
-                <checkbox-input id="remember" label="Se souvenir de moi"/>
-                
             </div>
                 
             <svg-button id="back" svg="/icons/back.svg"/>
@@ -21,15 +19,18 @@ import PageTitle from '@/components/PageTitle.vue'
 import SvgButton from '@/components/SvgButton.vue'
 import TextInput from '@/components/form/TextInput.vue'
 import PwdInput from '@/components/form/PwdInput.vue'
-import CheckboxInput from '@/components/form/CheckboxInput.vue'
 export default {
     name: 'Login',
     components: {
         PageTitle,
         SvgButton,
         TextInput,
-        PwdInput,
-        CheckboxInput
+        PwdInput
+    },
+    beforeCreate () {
+        if (localStorage.getItem('user') != null) {
+            this.$router.push('/lobby');
+        }
     },
     data() {
         return {

frontend/src/views/Register.vue

@@ -43,6 +43,11 @@ export default {
             showNotFilledError : false,
         }
     },
+    beforeCreate () {
+        if (localStorage.getItem('user') != null) {
+            this.$router.push('/lobby');
+        }
+    },
     methods: {
         onSubmit: async function(){
             // If we press back, we go back