Skip to content
Snippets Groups Projects
Commit db170cd9 authored by Titus Netland's avatar Titus Netland
Browse files

Rerouting on successful login and enter clicks running the login method

parent 6d216cf1
No related branches found
No related tags found
1 merge request!12API login mock tests
Pipeline #175873 passed
<template> <template>
<v-container> <div class="flex justify-center">
<v-row class="text-center"> <router-link to="/" class="m-6">Logg inn</router-link>
<v-col cols="12">
<v-img
:src="require('../assets/logo.svg')"
class="my-3"
contain
height="200"
/>
</v-col>
<v-col class="mb-4"> <router-link to="/register" class="m-6">Registrer deg</router-link>
<h1 class="display-2 font-weight-bold mb-3">
Welcome to the Vuetify 3 Beta
</h1>
<p class="subheading font-weight-regular"> <router-link to="/about" class="m-6">Om BoCo</router-link>
For help and collaboration with other Vuetify developers, </div>
<br />please join our online
<a href="https://community.vuetifyjs.com" target="_blank"
>Discord Community</a
>
</p>
</v-col>
<v-col class="mb-5" cols="12">
<h2 class="headline font-weight-bold mb-5">What's next?</h2>
<v-row justify="center">
<a
v-for="(next, i) in whatsNext"
:key="i"
:href="next.href"
class="subheading mx-3"
target="_blank"
>
{{ next.text }}
</a>
</v-row>
</v-col>
<v-col class="mb-5" cols="12">
<h2 class="headline font-weight-bold mb-5">Important Links</h2>
<v-row justify="center">
<a
v-for="(link, i) in importantLinks"
:key="i"
:href="link.href"
class="subheading mx-3"
target="_blank"
>
{{ link.text }}
</a>
</v-row>
</v-col>
<v-col class="mb-5" cols="12">
<h2 class="headline font-weight-bold mb-5">Ecosystem</h2>
<v-row justify="center">
<a
v-for="(eco, i) in ecosystem"
:key="i"
:href="eco.href"
class="subheading mx-3"
target="_blank"
>
{{ eco.text }}
</a>
</v-row>
</v-col>
</v-row>
</v-container>
</template> </template>
<script> <script>
...@@ -80,52 +13,7 @@ export default { ...@@ -80,52 +13,7 @@ export default {
name: "HelloWorld", name: "HelloWorld",
data: () => ({ data: () => ({
ecosystem: [
{ }),
text: "vuetify-loader", }
href: "https://github.com/vuetifyjs/vuetify-loader",
},
{
text: "github",
href: "https://github.com/vuetifyjs/vuetify",
},
{
text: "awesome-vuetify",
href: "https://github.com/vuetifyjs/awesome-vuetify",
},
],
importantLinks: [
{
text: "Chat",
href: "https://community.vuetifyjs.com",
},
{
text: "Made with Vuetify",
href: "https://madewithvuejs.com/vuetify",
},
{
text: "Twitter",
href: "https://twitter.com/vuetifyjs",
},
{
text: "Articles",
href: "https://medium.com/vuetify",
},
],
whatsNext: [
{
text: "Explore components",
href: "https://vuetifyjs.com",
},
{
text: "Roadmap",
href: "https://vuetifyjs.com/introduction/roadmap/",
},
{
text: "Frequently Asked Questions",
href: "https://vuetifyjs.com/getting-started/frequently-asked-questions",
},
],
}),
};
</script> </script>
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
v-model="v$.user.password.$model" v-model="v$.user.password.$model"
required required
@keyup.enter="loginClicked"
/> />
<!-- error message --> <!-- error message -->
<div <div
...@@ -157,13 +158,12 @@ export default { ...@@ -157,13 +158,12 @@ export default {
this.message = "Feil e-post/passord"; this.message = "Feil e-post/passord";
this.$store.commit("logout"); this.$store.commit("logout");
} }
else if(loginResponse.isLoggedIn === true){ else if (loginResponse.isLoggedIn === true) {
this.$store.commit("saveToken", loginResponse); this.$store.commit("saveToken", loginResponse.token);
this.message = loginResponse.token; await this.$router.push("/endre");
console.log("Logged in")
} }
else { else {
console.log("Something went wrong") console.log("Something went wrong");
} }
}, },
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment