|
@@ -8,11 +8,12 @@
|
8
|
8
|
<h4>Login</h4>
|
9
|
9
|
<br />
|
10
|
10
|
</div>
|
11
|
|
- <!--<alert :text="'Login successful'" :type="'SUCCESS'" />
|
12
|
|
- <alert :text="'User does not exist, please register'" :type="'ERROR'" />
|
13
|
|
- <alert :text="'Username is incorrect'" :type="'WARNING'" />
|
14
|
|
- <alert :text="'Password is incorrect'" :type="'WARNING'" />
|
15
|
|
- <alert :text="'Caps Lock is on'" :type="'INFO'" />-->
|
|
11
|
+ <div v-if="this.$store.state.authentication.status === 'error'">
|
|
12
|
+ <alert
|
|
13
|
+ :text="'User doesn\'t exist or Username and Password is incorrect'"
|
|
14
|
+ :type="'ERROR'"
|
|
15
|
+ />
|
|
16
|
+ </div>
|
16
|
17
|
<div class="row">
|
17
|
18
|
<div class="col-md-11" style="margin-bottom: 1em">
|
18
|
19
|
<div class="input-group mb-3">
|
|
@@ -80,7 +81,7 @@
|
80
|
81
|
<div class="form">
|
81
|
82
|
<h5>Trouble signing in?</h5>
|
82
|
83
|
<div>
|
83
|
|
- <!--<alert :text="'Username & password request email sent'" :type="'SUCCESS'" />-->
|
|
84
|
+ <!-- <alert :text="'Username & password request email sent'" :type="'SUCCESS'" /> -->
|
84
|
85
|
<div class="row">
|
85
|
86
|
<div class="input-group-prepend">
|
86
|
87
|
<span class="input-group-text">
|
|
@@ -102,12 +103,12 @@
|
102
|
103
|
|
103
|
104
|
<script>
|
104
|
105
|
import { mapActions, mapState } from 'vuex';
|
105
|
|
-// import alert from '../shared/alert.vue';
|
|
106
|
+import alert from '../shared/alert.vue';
|
106
|
107
|
|
107
|
108
|
export default {
|
108
|
109
|
name: 'Login',
|
109
|
110
|
components: {
|
110
|
|
- // alert,
|
|
111
|
+ alert,
|
111
|
112
|
},
|
112
|
113
|
data() {
|
113
|
114
|
return {
|
|
@@ -127,9 +128,11 @@ export default {
|
127
|
128
|
methods: {
|
128
|
129
|
...mapActions('authentication', ['login', 'init']),
|
129
|
130
|
Login() {
|
130
|
|
- this.login()
|
131
|
|
- .then(() => {})
|
132
|
|
- .catch(() => {});
|
|
131
|
+ this.login().then(() => {
|
|
132
|
+ if (this.$store.state.authentication.status === 'error') {
|
|
133
|
+ this.$router.push('/user/login');
|
|
134
|
+ }
|
|
135
|
+ });
|
133
|
136
|
},
|
134
|
137
|
togglePassword() {
|
135
|
138
|
this.showPassword = true;
|