versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: ✨ Finish password resets code

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-05-16 22:28:14 -10:00
parent 6566f8c17a
commit 11ece6a8bf
No known key found for this signature in database
2 changed files with 28 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/LoginInput.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<label for="password" class="block text-sm font-medium leading-6 text-gray-50">{{ label }}</label> <label class="block text-sm font-medium leading-6 text-gray-50">{{ label }}</label>
</div> </div>
<div class="mt-2"> <div class="mt-2">
<input v-bind="$attrs" :class="['block disabled:opacity-70 disabled:hover:cursor-wait w-full bg-dark-500 rounded-md border-0 py-1.5 text-gray-50 shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset focus:ring-pink-600 sm:text-sm sm:leading-6', <input v-bind="$attrs" :class="['block disabled:opacity-70 disabled:hover:cursor-wait w-full bg-dark-500 rounded-md border-0 py-1.5 text-gray-50 shadow-sm ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset focus:ring-pink-600 sm:text-sm sm:leading-6',

35
pages/oauth/reset.vue
View file

@ -9,7 +9,7 @@
<h2 class="font-bold text-lg">An error occured</h2> <h2 class="font-bold text-lg">An error occured</h2>
<span class="text-sm">{{ error_description }}</span> <span class="text-sm">{{ error_description }}</span>
</div> </div>
<VeeForm class="space-y-6" method="POST" :validation-schema="schema" :action="`/api/auth/reset`"> <VeeForm class="space-y-6" method="POST" :validation-schema="schema" action="/api/auth/reset">
<input type="hidden" name="token" :value="token" /> <input type="hidden" name="token" :value="token" />
<h1 class="font-bold text-2xl text-gray-50 text-center tracking-tight">Reset your password</h1> <h1 class="font-bold text-2xl text-gray-50 text-center tracking-tight">Reset your password</h1>
@ -37,6 +37,14 @@
<ButtonsPrimary type="submit" class="w-full">Reset</ButtonsPrimary> <ButtonsPrimary type="submit" class="w-full">Reset</ButtonsPrimary>
</VeeForm> </VeeForm>
</div> </div>
<div v-else-if="success">
<h1 class="text-2xl font-bold tracking-tight text-gray-50 sm:text-4xl text-center">Password reset
successful!
</h1>
<p class="mt-6 text-lg leading-8 text-gray-300 text-center">
You can now login to your account with your new password.
</p>
</div>
<div v-else class="mx-auto max-w-md"> <div v-else class="mx-auto max-w-md">
<h1 class="text-2xl font-bold tracking-tight text-gray-50 sm:text-4xl">Invalid access <h1 class="text-2xl font-bold tracking-tight text-gray-50 sm:text-4xl">Invalid access
parameters parameters
@ -59,11 +67,14 @@ import { toTypedSchema } from "@vee-validate/zod";
import { z } from "zod"; import { z } from "zod";
import LoginInput from "../../components/LoginInput.vue"; import LoginInput from "../../components/LoginInput.vue";
const tokenData = useTokenData();
tokenData.value = null;
const schema = toTypedSchema( const schema = toTypedSchema(
z.object({ z
password: z.string().min(3), .object({
password2: z.string().min(3), password: z.string().min(3).max(100),
token: z.string().min(1), password2: z.string().min(3).max(100),
}) })
.superRefine((data, ctx) => { .superRefine((data, ctx) => {
if (data.password !== data.password2) { if (data.password !== data.password2) {
@ -81,10 +92,16 @@ const query = new URLSearchParams(
window?.location.search ?? useRequestURL().search, window?.location.search ?? useRequestURL().search,
); );
const token = query.get("token"); const token = query.get("token");
const error = query.get("error"); const login_reset = query.get("login_reset") === "true";
const error_description = query.get("error_description"); const success = query.get("success") === "true";
let error = query.get("error");
let error_description = query.get("error_description");
if (login_reset) {
error = "Login reset";
error_description =
"Your password has been reset by an administrator. Please change it here.";
}
const validUrlParameters = token; const validUrlParameters = token;
const ssoConfig = useSSOConfig();
</script> </script>