Files
customer-manager-vue-demo/src/pages/Login.vue
2017-02-20 11:27:23 -07:00

56 lines
1.4 KiB
Vue

<template>
<div id="login" class="container">
<top-nav title="Customer Management">
<div class="nav-right nav-menu">
<span class="nav-item">
<a class="button" >
<span class="icon"><i class="fa fa-github"></i></span>
<span>Github</span>
</a>
</span>
</div>
</top-nav>
<section class="section">
<div class="container">
<div class="notification">
Login Here
</div>
</div>
</section>
</div>
</template>
<script>
import { isAuthenticated } from '../lib/authentication';
import TopNav from '../components/TopNav.vue';
import store from '../store'
export default {
name: 'login-page',
components: {
TopNav,
},
data () {
return {
sendTo: {},
};
},
beforeCreate() {
const getRedirect = (query) => {
const { prev, redirect } = query;
if (redirect !== undefined) return { name: redirect };
if (prev !== undefined) return { path: prev };
return { name: 'app' };
}
const sendTo = getRedirect(this.$route.query);
// if authenticated, set to correct spot in the app
if (store.getters.isAuthenticated) return this.$router.replace(sendTo);
// if not authenticated, save redirect info for post-authentication redirect
return this.sendTo = sendTo;
},
}
</script>