Auth, global style

canapGEST/API/app/Http/Controllers/AuthController.php

@@ -47,8 +47,8 @@ class AuthController extends Controller
     $this->oClient->SetWantedAttributes(array('uniqueid', 'name', 'firstname', 'unit', 'unitid', 'where', 'group'));
     $this->oClient->SetWishedAttributes(array('email', 'title'));
     // $this->oClient->SetApplicationURL('https://canap-gest.epfl.ch:8443');
-    // $this->oClient->SetApplicationURL('http://canap-gest-dev.local:8080');
-    $this->oClient->SetApplicationURL('http://localhost:8000/api/auth/login');
+    $this->oClient->SetApplicationURL('http://canap-gest-dev.local:8080');
+    // $this->oClient->SetApplicationURL('http://localhost:8000/api/auth/login');
     $this->oClient->SetCustomFilter('org=EPFL&group=canap-gest-users-dev');
 
     $this->oClient->Authenticate();

canapGEST/Site/src/layouts/MainNavbar.vue

@@ -3,22 +3,34 @@
     <img src="../../public/statics/epfl_logo.png" width="100">
     <v-toolbar-title>Canap-Gest</v-toolbar-title>
     <v-spacer></v-spacer>
-    <v-toolbar-items class="hidden-sm-and-down">
+    <v-toolbar-items class="hidden-sm-and-down" v-if="!isLoged">
       <v-btn flat class="white--text">Link One</v-btn>
       <v-btn flat class="white--text">Link Two</v-btn>
       <v-btn icon class="white--text">
         <v-icon @click="login">account_circle</v-icon>
       </v-btn>
     </v-toolbar-items>
+    <v-toolbar-items class="hidden-sm-and-down" v-else>
+      <v-btn flat class="white--text">Nicolas Crausaz</v-btn>
+      <v-btn icon class="white--text">
+        <v-icon @click="logout">logout</v-icon>
+      </v-btn>
+    </v-toolbar-items>
   </v-toolbar>
 </template>
 
 <script>
 export default {
   name: 'main-navbar',
+  computed: {
+    isLoged() { return this.$store.getters['moduleUser/userIsLogedIn'] }
+  },
   methods: {
     login() {
       this.$store.dispatch('moduleUser/login')
+    },
+    logout() {
+      this.$store.dispatch('moduleUser/logout')
     }
   },
 }

canapGEST/Site/src/plugins/axios.js

 import axios from 'axios'
 
 const instance = axios.create({
-  baseURL: 'http://localhost:8000/api',
-  maxRedirects: 0
+  headers: { 'Authorization': "Bearer " + localStorage.getItem('stored_token') },
+  baseURL: 'http://localhost:8000/api'
 })
 
-instance.defaults.headers.common['Authorization'] = '';
-
 export default instance
\ No newline at end of file

canapGEST/Site/src/store/modules/user/actions.js

 import axios from '../../../plugins/axios'
 
-export function login (/*context, params*/) {
-  // context.commit(mutation)
-  // axios({
-  //   method: "get",
-  //   url: "auth/login"
-  // })
-
-  // window.location = 'http://localhost:8000/api/auth/login'
-
-  axios.get('auth/login')
-  .then(response => {
-    // console.log(response.request.responseURL)
-    window.location = response.request.responseURL
+export function login() {
+  axios({
+    method: 'get',
+    url: '/auth/login'
   })
-  .catch(err => {
-    console.log(err)
-    // window.location = 'http://localhost:8000/api/auth/login'
-    // console.log(err)
+    .then(response => {
+      if (!response.data.token) {
+        window.location = 'http://localhost:8000/api/auth/login'
+      } else {
+        localStorage.setItem('stored_token', response.data.token);
+        console.log('setting token:' + response.data.token)
+      }
+    })
+}
+
+export function getUserData(context) {
+  axios({
+    method: 'get',
+    url: '/user'
   })
+    .then(response => {
+      context.commit('setUserData', response.data)
+    })
 }
 
-export function logout (/*context, params*/) {
-  // context.commit(mutation)
+export function logout() {
+  localStorage.removeItem('stored_token');
 }
\ No newline at end of file

canapGEST/Site/src/store/modules/user/getters.js

-export default {
-
+export function userIsLogedIn () {
+  // return localStorage.getItem('stored_token') != null
+  return localStorage.getItem('stored_token')
 }
\ No newline at end of file

canapGEST/Site/src/store/modules/user/index.js

 import state from './state'
-// import * as getters from './getters'
-// import * as mutations from './mutations'
+import * as getters from './getters'
+import * as mutations from './mutations'
 import * as actions from './actions'
 
 export default {
   namespaced: true,
   state,
-  // getters,
-  // mutations,
+  getters,
+  mutations,
   actions
 }
\ No newline at end of file

canapGEST/Site/src/store/modules/user/mutations.js

-export default {
-
+export function setUserData (state, data) {
+  console.log(data)
+  state.userData = data
 }
\ No newline at end of file

canapGEST/Site/src/store/modules/user/state.js

 export default {
-  token: ''
+  userData: {
+    tequila: {
+        firstname: String,
+        name: String,
+        group: String,
+        user: String,
+        sciper: String
+    },
+    role: String,
+    permissions: []
+}
 }
\ No newline at end of file

canapGEST/Site/src/views/HomeView.vue

@@ -2,6 +2,8 @@
   <div id="home-view">
     <h1>Accueil</h1>Accueil: statistiques
     Il y a : 4 nouvelles postulations pour le métier : test depuis votre dernière connexion
+    <br>
+    <button @click="$store.dispatch('moduleUser/getUserData')">get data</button>
   </div>
 </template>