Added snackbar to message, show error on login. Fix #5

frontend/src/App.vue

@@ -36,7 +36,13 @@
  <span class="font-weight-light">SGE</span>
  </v-toolbar-title>
  </v-toolbar>
-
+ <v-snackbar
+ v-model="$store.state.snackbar.value"
+ :color="$store.state.snackbar.type"
+ top="true"
+ >
+ {{ $store.state.snackbar.text }}
+ </v-snackbar>
  <v-content>
  <router-view/>
  </v-content>

frontend/src/components/UserManagement/Login.js

@@ -18,7 +18,12 @@ export default{
  this.$router.push('/')
  })
  .catch(error => {
- console.log(error)
+ let message = {
+ 'text': error.response.data.detail,
+ 'type': 'error',
+ 'value':true
+ }
+ this.$store.dispatch('setMessage',message)
  })
  }
  })

frontend/src/components/UserManagement/Login.vue

@@ -9,8 +9,7 @@
  name="username"
  v-validate="'required'"
  :error-messages="errors.collect('username')"
- :label="email"
- :data-vv-as="email"
+ label="email"
  ></v-text-field>
  </v-flex>
  <v-flex xs12>
@@ -19,7 +18,7 @@
  name="password"
  v-validate="'required|min:8'"
  :error-messages="errors.collect('password')"
- :label="password"
+ label="password"
  type="password"
  ></v-text-field>
  </v-flex>

frontend/src/store.js

@@ -11,12 +11,20 @@ export default new Vuex.Store({
  users: users
  },
  state: {
-
+ snackbar:{
+ value: false,
+ type: '',
+ text: ''
+ }
  },
  mutations: {
-
+ ['SET_MSG'] (state,payload){
+ state.snackbar = payload
+ }
  },
  actions: {
-
+ setMessage({commit},obj){
+ commit('SET_MSG',obj)
+ }
  }
 })

frontend/src/store/users.js

@@ -1,10 +1,11 @@
 export default{
  state: {
- user: localStorage.getItem('user')
+ user: localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user')):null
  },
  mutations: {
  ['LOGIN'] (state,payload){
- state.user = payload
+ localStorage.setItem('user',JSON.stringify(payload))
+ state.user = JSON.stringify(payload)
  }
  },
  actions: {