dredgy/FlightsAPI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added timezones

Browse Source
This commit is contained in:
josh
2026-04-04 22:19:58 +10:00
parent 7f62c31456
commit 509efbe821
11 changed files with 516 additions and 424 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Pages/Auth/ResetPassword.vue
+79 -79
View File
@@ -1,21 +1,14 @@
<script setup>
import GuestLayout from '@/Layouts/GuestLayout.vue';
import InputError from '@/Components/InputError.vue';
import InputLabel from '@/Components/InputLabel.vue';
import PrimaryButton from '@/Components/PrimaryButton.vue';
import TextInput from '@/Components/TextInput.vue';
import { Head, useForm } from '@inertiajs/vue3';
<script setup lang="ts">
import MainLayout from "@/Layouts/MainLayout.vue";
import GlassBox from "@/Components/FlightsGoneBy/GlassBox.vue";
import { Head, useForm } from "@inertiajs/vue3";
const props = defineProps({
email: {
type: String,
required: true,
},
token: {
type: String,
required: true,
},
});
defineOptions({ layout: MainLayout });
const props = defineProps<{
email: string;
token: string;
}>();
const form = useForm({
token: props.token,
@@ -32,70 +25,77 @@ const submit = () => {
</script>
<template>
<GuestLayout>
<Head title="Reset Password" />
<Head title="Reset Password" />
<GlassBox>
<h2>Reset Password</h2>
<p>Choose a new password for your account.</p>
<form @submit.prevent="submit">
<div>
<InputLabel for="email" value="Email" />
<v-form style="width: 100%" @submit.prevent="submit">
<v-container>
<v-row>
<v-col cols="12">
<v-text-field
v-model="form.email"
label="Email"
type="email"
autocomplete="username"
autofocus
:error-messages="form.errors.email"
/>
</v-col>
</v-row>
<TextInput
id="email"
type="email"
class="mt-1 block w-full"
v-model="form.email"
required
autofocus
autocomplete="username"
/>
<v-row>
<v-col cols="12">
<v-text-field
v-model="form.password"
label="Password"
type="password"
autocomplete="new-password"
:error-messages="form.errors.password"
/>
</v-col>
</v-row>
<InputError class="mt-2" :message="form.errors.email" />
</div>
<v-row>
<v-col cols="12">
<v-text-field
v-model="form.password_confirmation"
label="Confirm Password"
type="password"
autocomplete="new-password"
:error-messages="form.errors.password_confirmation"
/>
</v-col>
</v-row>
<div class="mt-4">
<InputLabel for="password" value="Password" />
<TextInput
id="password"
type="password"
class="mt-1 block w-full"
v-model="form.password"
required
autocomplete="new-password"
/>
<InputError class="mt-2" :message="form.errors.password" />
</div>
<div class="mt-4">
<InputLabel
for="password_confirmation"
value="Confirm Password"
/>
<TextInput
id="password_confirmation"
type="password"
class="mt-1 block w-full"
v-model="form.password_confirmation"
required
autocomplete="new-password"
/>
<InputError
class="mt-2"
:message="form.errors.password_confirmation"
/>
</div>
<div class="mt-4 flex items-center justify-end">
<PrimaryButton
:class="{ 'opacity-25': form.processing }"
:disabled="form.processing"
>
Reset Password
</PrimaryButton>
</div>
</form>
</GuestLayout>
<v-row>
<v-col cols="12" class="d-flex justify-end">
<v-btn
size="large"
type="submit"
:loading="form.processing"
:disabled="form.processing"
>
Reset Password
</v-btn>
</v-col>
</v-row>
</v-container>
</v-form>
</GlassBox>
</template>
<style scoped>
h2 {
font-size: 2rem;
text-align: center;
}
p {
text-align: center;
width: 100%;
opacity: 0.7;
margin-bottom: 1rem;
}
</style>