NoNameGuy
/
BadMemoryDAD
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

login e logout 

vistas logout e if's de login/register/logout
master
Fábio Reis 2018-01-10 14:06:42 +00:00
parent 57a476113b
commit 0d5d3363fc
6 changed files with 58 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
laravel_server/resources/assets/js/components/login.vue
View File

@ -1,11 +1,10 @@
<template>
<template v-if="localStorage.getItem('token') == null">
<form @submit.prevent="login(user)">
<div class="container">
<div class="form-group">
<label>Email: </label>
<input type="text" v-model="user.email" placeholder="Enter Your Email" id="inputEmail" name="email" required>
<!-- v-model vai associar diretamente o user.email da vista com o email do user na parte do script -->
</div>
<div class="form-group">
<label>Password: </label>

45
laravel_server/resources/assets/js/components/logout.vue Normal file
View File

@ -0,0 +1,45 @@
<template>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p>{{message}}</p>
<div class="text-left">
<button class="btn btn-primary" v-on:click="logout()">Logout</button>
<router-link class="btn btn-default" to="/users">Cancel</router-link>
</div>
</div>
</div>
</div>
</template>
<script type="text/javascript">
export default {
data: function(){
return {
// null obj
}
},
methods: {
logout: function() {
// apagar o token da localStorage
let headers = {
headers: {
'Authorization': 'Bearer ' + localStorage.getItem('access_token'),
};
axios.post('api/logout', null, headers) // url, body, params
.then(response =>{
// console.log(response);
if(response.status == 200) { // tudo ok para remover o token
localStorage.remove('acess_token');
console.log('Token removido');
}
}).catch(logoutError => {
console.log(logoutError);
});
};
},
} // end methods
</script>

2
laravel_server/resources/assets/js/components/register.vue
View File

@ -11,7 +11,7 @@
<div class="control-group">
<label class="control-label" for="email">E-mail</label>
<div class="controls">
<input type="text" v-model="user.email" id="email" name="email" class="input-xlarge">
<input type="text" v-model.trim="user.email" id="email" name="email" class="input-xlarge">
</div>
</div>

6
laravel_server/resources/assets/js/components/user.vue
View File

@ -4,7 +4,7 @@
<h1>{{ title }}</h1>
</div>
<user-list :users="users" @edit-click="editUser" @delete-click="deleteUser" @message="childMessage" ref="usersListRef"></user-list>
<user-list :users="users" @edit-click="editUser" @delete-click="deleteUser" @message="childMessage" ref="usersList"></user-list>
<div class="alert alert-success" v-if="showSuccess">
@ -46,13 +46,13 @@
},
savedUser: function(){
this.currentUser = null;
this.$refs.usersListRef.editingUser = null;
this.$refs.usersList.editingUser = null;
this.showSuccess = true;
this.successMessage = 'User Saved';
},
cancelEdit: function(){
this.currentUser = null;
this.$refs.usersListRef.editingUser = null;
this.$refs.usersList.editingUser = null;
this.showSuccess = false;
},
getUsers: function(){

4
laravel_server/resources/assets/js/vueapp.js vendored
View File

@ -20,7 +20,7 @@ Vue.use(VueSocketio, 'http://192.168.10.1:8080');
const user = Vue.component('user', require('./components/user.vue'));
const login = Vue.component('login', require('./components/login.vue'));
const logout = Vue.component('logout', require('./components/logout.vue'));
//const logout = Vue.component('logout', require('./components/logout.vue'));
const register = Vue.component('register', require('./components/register.vue'));
const singleplayer_game = Vue.component('singlegame', require('./components/singleplayer_tictactoe.vue'));
const multiplayerGame = Vue.component('multiplayergame', require('./components/multiplayer_tictactoe.vue'));
@ -29,7 +29,7 @@ const routes = [
{ path: '/', redirect: '/users' },
{ path: '/users', component: user },
{ path: '/login', component: login },
{ path: '/logout', component: logout },
//{ path: '/logout', component: logout },
{ path: '/register', component: register },
{ path: '/singletictactoe', component: singleplayer_game },
{ path: '/multitictactoe', component: multiplayerGame }

9
laravel_server/resources/views/vue/index.blade.php
View File

@ -4,9 +4,12 @@
@section('content')
<router-link to="/users">Users</router-link> -
<router-link to="/login">Login</router-link> -
<router-link to="/logout">Logout</router-link> -
<router-link to="/register">Register</router-link> -
@if (!Auth::user)
<router-link to="/login">Login</router-link> -
<router-link to="/register">Register</router-link> -
@else
<router-link to="/logout">Logout</router-link> -
@endif
<router-link to="/singletictactoe">SinglePlayer TicTacToe</router-link> -
<router-link to="/multitictactoe">Multiplayer TicTacToe</router-link>