diff options
| -rw-r--r-- | src/components/login_form/login_form.js | 15 | ||||
| -rw-r--r-- | src/components/login_form/login_form.vue | 25 |
2 files changed, 40 insertions, 0 deletions
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js new file mode 100644 index 00000000..827c704c --- /dev/null +++ b/src/components/login_form/login_form.js @@ -0,0 +1,15 @@ +const LoginForm = { + data: () => ({ + user: {} + }), + computed: { + loggingIn () { return this.$store.state.users.loggingIn } + }, + methods: { + submit () { + this.$store.dispatch('loginUser', this.user) + } + } +} + +export default LoginForm diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue new file mode 100644 index 00000000..94fb885d --- /dev/null +++ b/src/components/login_form/login_form.vue @@ -0,0 +1,25 @@ +<template> + <div class="panel panel-default"> + <!-- Default panel contents --> + <div class="panel-heading"> + Log in + </div> + <div class="panel-body"> + <form v-on:submit.prevent='submit(user)'> + <div class='form-group'> + <label for='username'>Username</label> + <input :disabled="loggingIn" v-model='user.username' class='form-control' id='username' placeholder='e.g. lain'> + </div> + <div class='form-group'> + <label for='password'>Password</label> + <input :disabled="loggingIn" v-model='user.password' class='form-control' id='password' type='password'> + </div> + <div class='form-group'> + <button :disabled="loggingIn" type='submit' class='btn btn-default'>Submit</button> + </div> + </form> + </div> + </div> +</template> + +<script src="./login_form.js" ></script> |