Extract some types
This commit is contained in:
@@ -1,22 +1,23 @@
|
||||
<script>
|
||||
import { LOGIN, LOGIN_SUCCESS, TITLE } from "../store/mutation-types";
|
||||
import { TITLE } from "../store/mutation-types";
|
||||
import { LOGIN } from '../store/action-types'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
error: [],
|
||||
login: {
|
||||
user: "",
|
||||
user: "",
|
||||
password: ""
|
||||
},
|
||||
showPassword: false
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
mounted() {
|
||||
this.$store.commit(TITLE, "Login");
|
||||
},
|
||||
methods: {
|
||||
formSubmit (e) {
|
||||
formSubmit(e) {
|
||||
e.preventDefault();
|
||||
this.$store.dispatch(LOGIN, this.$data.login)
|
||||
.then(x => {
|
||||
@@ -39,21 +40,23 @@ export default {
|
||||
<v-text-field v-model="login.user" type="text" label="Username" />
|
||||
</v-col>
|
||||
<v-col cols="12">
|
||||
<v-text-field v-model="login.password" label="Password"
|
||||
:append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
|
||||
<v-text-field
|
||||
v-model="login.password"
|
||||
label="Password"
|
||||
:append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
|
||||
:type="showPassword ? 'text' : 'password'"
|
||||
@click:append="showPassword = showPassword"
|
||||
:error-message="error"
|
||||
error-count="2"
|
||||
error />
|
||||
error
|
||||
/>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<div class="form-group">
|
||||
{{ error }}
|
||||
</div>
|
||||
<div class="form-group">{{ error }}</div>
|
||||
<v-btn type="submit" @click="formSubmit">Login</v-btn>
|
||||
<p>
|
||||
New user? <router-link to="/register">Register</router-link> instead!
|
||||
New user?
|
||||
<router-link to="/register">Register</router-link>instead!
|
||||
</p>
|
||||
</v-container>
|
||||
</template>
|
Reference in New Issue
Block a user