Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/PasswordReset.vue
<template> | <template> | ||||
<div class="container"> | <div class="container"> | ||||
<div class="card" id="step1"> | <div class="card" id="step1"> | ||||
<div class="card-body"> | <div class="card-body"> | ||||
<h4 class="card-title">Password Reset - Step 1/3</h4> | <h4 class="card-title">Password Reset - Step 1/3</h4> | ||||
<p class="card-text"> | <p class="card-text"> | ||||
Enter your email address to reset your password. You may need to check your spam folder or unblock noreply@kolabnow.com. | Enter your email address to reset your password. | ||||
<span v-if="fromEmail">You may need to check your spam folder or unblock {{ fromEmail }}.</span> | |||||
</p> | </p> | ||||
<form @submit.prevent="submitStep1" data-validation-prefix="reset_"> | <form @submit.prevent="submitStep1" data-validation-prefix="reset_"> | ||||
<div class="form-group"> | <div class="form-group"> | ||||
<label for="reset_email" class="sr-only">Email Address</label> | <label for="reset_email" class="sr-only">Email Address</label> | ||||
<input type="text" class="form-control" id="reset_email" placeholder="Email Address" required v-model="email"> | <input type="text" class="form-control" id="reset_email" placeholder="Email Address" required v-model="email"> | ||||
</div> | </div> | ||||
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Continue</button> | <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Continue</button> | ||||
</form> | </form> | ||||
▲ Show 20 Lines • Show All 44 Lines • ▼ Show 20 Lines | |||||
<script> | <script> | ||||
export default { | export default { | ||||
data() { | data() { | ||||
return { | return { | ||||
email: '', | email: '', | ||||
code: '', | code: '', | ||||
short_code: '', | short_code: '', | ||||
password: '', | password: '', | ||||
password_confirmation: '' | password_confirmation: '', | ||||
fromEmail: window.config['mail.from.address'] | |||||
} | } | ||||
}, | }, | ||||
created() { | created() { | ||||
// Verification code provided, auto-submit Step 2 | // Verification code provided, auto-submit Step 2 | ||||
if (this.$route.params.code) { | if (this.$route.params.code) { | ||||
if (/^([A-Z0-9]+)-([a-zA-Z0-9]+)$/.test(this.$route.params.code)) { | if (/^([A-Z0-9]+)-([a-zA-Z0-9]+)$/.test(this.$route.params.code)) { | ||||
this.short_code = RegExp.$1 | this.short_code = RegExp.$1 | ||||
this.code = RegExp.$2 | this.code = RegExp.$2 | ||||
▲ Show 20 Lines • Show All 79 Lines • Show Last 20 Lines |