gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

dev #1

Merged
sauceyred merged 36 commits from dev into main 2025-05-29 03:01:50 +00:00
Conversation 0 Commits 36 Files changed 18 +41 -27
1 changed files with 41 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit e1cce87cdb - Show all commits

68
pages/login.vue
View file

@ -1,46 +1,60 @@
<template> <template>
<NuxtLayout> <NuxtLayout>
<form @submit="formLogin"> <form @submit="formLogin">
<div> <div>
<label for="username">Username/Email</label> <label for="username">Username/Email</label>
<br> <br>
<input type="text" name="username" id="username" v-model="form.username"> <input type="text" name="username" id="username" v-model="form.username">
</div> </div>
<div> <div>
<label for="password">Password</label> <label for="password">Password</label>
<br> <br>
<input type="password" name="password" id="password" v-model="form.password"> <input type="password" name="password" id="password" v-model="form.password">
</div> </div>
<div> <div>
<button type="submit">Login</button> <button type="submit">Login</button>
</div> </div>
</form> </form>
<div> <div>
Don't have an account? <NuxtLink href="/register">Register</NuxtLink> one! Don't have an account? <NuxtLink :href="registerUrl">Register</NuxtLink> one!
</div> </div>
</NuxtLayout> </NuxtLayout>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
definePageMeta({ definePageMeta({
layout: "auth" layout: "auth"
}) })
const form = reactive({ const form = reactive({
username: "", username: "",
password: "", password: "",
}); });
//const authStore = useAuthStore(); //const authStore = useAuthStore();
const query = useRoute().query as Record<string, string>;
const searchParams = new URLSearchParams(query);
const registerUrl = `/register?${searchParams}`
const { login } = useAuth(); const { login } = useAuth();
async function formLogin(e: Event) { async function formLogin(e: Event) {
e.preventDefault(); e.preventDefault();
console.log("Sending login data"); console.log("Sending login data");
await login(form.username, form.password, "Linux Laptop"); try {
//return navigateTo(redirectTo ? redirectTo as string : useAppConfig().baseURL as string); await login(form.username, form.password, "Linux Laptop");
console.log("logged in");
if (query.redirect_to) {
console.log("redirecting to:", query.redirect_to);
return await navigateTo(query.redirect_to);
}
return await navigateTo("/");
} catch (error) {
console.error("Error logging in:", error);
}
//return navigateTo(redirectTo ? redirectTo as string : useAppConfig().baseURL as string);
} }
</script> </script>