54 lines
1.2 KiB
Vue
54 lines
1.2 KiB
Vue
<template>
|
|
<div class="outer">
|
|
<h2>Vinlottis brukerinnlogging</h2>
|
|
<form aria-label="User signin" @submit.prevent>
|
|
<div class="label-div">
|
|
<label>Brukernavn</label>
|
|
<input
|
|
type="text"
|
|
v-model="username"
|
|
ref="username"
|
|
placeholder="Brukernavn"
|
|
autocapitalize="none"
|
|
@keyup.enter="submit"
|
|
/>
|
|
</div>
|
|
<div class="label-div row">
|
|
<label>Passord</label>
|
|
<input type="password" v-model="password" placeholder="Passord" @keyup.enter="submit" />
|
|
</div>
|
|
|
|
<button class="vin-button" @click="submit">Logg inn</button>
|
|
|
|
<div v-if="error" class="error">{{ error }}</div>
|
|
</form>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { login } from "@/api";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
username: undefined,
|
|
password: undefined,
|
|
error: undefined
|
|
};
|
|
},
|
|
mounted() {
|
|
this.$refs.username.focus();
|
|
},
|
|
methods: {
|
|
submit() {
|
|
login(this.username, this.password)
|
|
.then(resp => this.$router.push("admin"))
|
|
.catch(error => (this.error = error.message || error));
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "../styles/loginAndRegister";
|
|
</style>
|