PHP Classes

File: resources/js/Pages/Auth/ResetPassword.vue

Recommend this page to a friend!
  Classes of Robert Devenyi   Iceburg SAAS PHP CRM Open Source   resources/js/Pages/Auth/ResetPassword.vue   Download  
File: resources/js/Pages/Auth/ResetPassword.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Iceburg SAAS PHP CRM Open Source
Application to manage the contacts of customers
Author: By
Last change:
Date: 1 year ago
Size: 2,730 bytes
 

Contents

Class file image Download
<script setup> import { Head, useForm } from '@inertiajs/inertia-vue3'; import AuthenticationCard from '@/Components/AuthenticationCard.vue'; import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.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'; const props = defineProps({ email: String, token: String, }); const form = useForm({ token: props.token, email: props.email, password: '', password_confirmation: '', }); const submit = () => { form.post(route('password.update'), { onFinish: () => form.reset('password', 'password_confirmation'), }); }; </script> <template> <Head title="Reset Password" /> <AuthenticationCard> <template #logo> <AuthenticationCardLogo /> </template> <form @submit.prevent="submit"> <div> <InputLabel for="email" value="Email" /> <TextInput id="email" v-model="form.email" type="email" class="mt-1 block w-full" required autofocus /> <InputError class="mt-2" :message="form.errors.email" /> </div> <div class="mt-4"> <InputLabel for="password" value="Password" /> <TextInput id="password" v-model="form.password" type="password" class="mt-1 block w-full" 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" v-model="form.password_confirmation" type="password" class="mt-1 block w-full" required autocomplete="new-password" /> <InputError class="mt-2" :message="form.errors.password_confirmation" /> </div> <div class="flex items-center justify-end mt-4"> <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing"> Reset Password </PrimaryButton> </div> </form> </AuthenticationCard> </template>