Added login, miss error display #5

frontend/src/App.vue

@@ -3,16 +3,8 @@
  <v-toolbar app>
  <v-toolbar-title class="headline text-uppercase">
  <span>Vuetify</span>
- <span class="font-weight-light">MATERIAL DESIGN</span>
+ <span class="font-weight-light">Watchin SGE</span>
  </v-toolbar-title>
- <v-spacer></v-spacer>
- <v-btn
- flat
- href="https://github.com/vuetifyjs/vuetify/releases/latest"
- target="_blank"
- >
- <span class="mr-2">Latest Release</span>
- </v-btn>
  </v-toolbar>
 
  <v-content>
@@ -26,7 +18,7 @@ export default {
  name: 'App',
  mounted(){
  if(this.$store.state.users.user){
- console.log("user here")
+ this.$router.push('/')
  }
  else{
  this.$router.push('/login')

frontend/src/components/Dashboard/Dashboard.vue

@@ -0,0 +1,3 @@
+<template>
+ <h1>Dashboard</h1>
+</template>

frontend/src/components/UserManagement/Login.js

@@ -2,7 +2,7 @@ export default{
  data(){
  return {
  user:{
- email:'',
+ username:'',
  password:''
  }
  }
@@ -12,7 +12,14 @@ export default{
  if(this.$validator.validateAll()){
  this.$validator.validate().then( result => {
  if (result){
- console.log("valid!")
+ this.$axios.post(this.$store.getters.getLogin, this.user)
+ .then( response => {
+ this.$store.dispatch('login',response.data)
+ this.$router.push('/')
+ })
+ .catch(error => {
+ console.log(error)
+ })
  }
  })
  }

frontend/src/components/UserManagement/Login.vue

@@ -5,7 +5,7 @@
  <h1>Login</h1><hr>
  <v-flex xs12>
  <v-text-field
- v-model="user.email"
+ v-model="user.username"
  name="username"
  v-validate="'required'"
  :error-messages="errors.collect('username')"

frontend/src/router.js

@@ -1,13 +1,19 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Login from './components/UserManagement/Login.vue'
+import Dashboard from './components/Dashboard/Dashboard.vue'
 
 Vue.use(Router)
 
 export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
+ { 
+ path:'/', 
+ name:'dashboard',
+ component: Dashboard 
+ },
  { 
  path:'/login', 
  name:'login',

frontend/src/store.js

@@ -1,11 +1,13 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 import users from './store/users.js'
+import routes from './store/backroutes.js'
 
 Vue.use(Vuex)
 
 export default new Vuex.Store({
  modules: {
+ route: routes,
  users: users
  },
  state: {

frontend/src/store/backroutes.js

@@ -0,0 +1,10 @@
+export default{
+ state:{
+ baseUrl: 'http:https://localhost:8000/'
+ },
+ getters:{
+ getLogin(state){
+ return state.baseUrl + 'api/auth/jwt/create/'
+ }
+ }
+}

frontend/src/store/users.js

@@ -3,9 +3,13 @@ export default{
  user: localStorage.getItem('user')
  },
  mutations: {
-
+ ['LOGIN'] (state,payload){
+ state.user = payload
+ }
  },
  actions: {
-
+ login({commit},token){
+ commit('LOGIN',token)
+ }
  }
 }