add nova
This commit is contained in:
88
nova/resources/js/pages/ForgotPassword.vue
Normal file
88
nova/resources/js/pages/ForgotPassword.vue
Normal file
@@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<LoadingView :loading="false">
|
||||
<Head :title="__('Forgot Password')" />
|
||||
|
||||
<form
|
||||
@submit.prevent="attempt"
|
||||
class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto"
|
||||
>
|
||||
<h2 class="text-2xl text-center font-normal mb-6">
|
||||
{{ __('Forgot your password?') }}
|
||||
</h2>
|
||||
|
||||
<DividerLine />
|
||||
|
||||
<div class="mb-6">
|
||||
<label class="block mb-2" for="email">{{ __('Email Address') }}</label>
|
||||
<input
|
||||
v-model="form.email"
|
||||
class="form-control form-input form-control-bordered w-full"
|
||||
:class="{ 'form-control-bordered-error': form.errors.has('email') }"
|
||||
id="email"
|
||||
type="email"
|
||||
name="email"
|
||||
required=""
|
||||
autofocus=""
|
||||
/>
|
||||
|
||||
<HelpText class="mt-2 text-red-500" v-if="form.errors.has('email')">
|
||||
{{ form.errors.first('email') }}
|
||||
</HelpText>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
class="w-full flex justify-center"
|
||||
type="submit"
|
||||
:loading="form.processing"
|
||||
>
|
||||
{{ __('Send Password Reset Link') }}
|
||||
</Button>
|
||||
</form>
|
||||
</LoadingView>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Auth from '@/layouts/Auth'
|
||||
import { Button } from 'laravel-nova-ui'
|
||||
|
||||
export default {
|
||||
layout: Auth,
|
||||
|
||||
components: {
|
||||
Button,
|
||||
},
|
||||
|
||||
data: () => ({
|
||||
form: Nova.form({
|
||||
email: '',
|
||||
}),
|
||||
}),
|
||||
|
||||
methods: {
|
||||
async attempt() {
|
||||
const { message } = await this.form.post(Nova.url('/password/email'))
|
||||
|
||||
Nova.$toasted.show(message, {
|
||||
action: {
|
||||
onClick: () => Nova.redirectToLogin(),
|
||||
text: this.__('Reload'),
|
||||
},
|
||||
duration: null,
|
||||
type: 'success',
|
||||
})
|
||||
|
||||
setTimeout(() => Nova.redirectToLogin(), 5000)
|
||||
},
|
||||
},
|
||||
|
||||
computed: {
|
||||
supportsPasswordReset() {
|
||||
return Nova.config('withPasswordReset')
|
||||
},
|
||||
|
||||
forgotPasswordPath() {
|
||||
return Nova.config('forgotPasswordPath')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user