Page MenuHomePhorge
Differential D982 Diff 2506 src/resources/vue/components/PasswordReset.vue

Changeset View

Standalone View

View Options

src/resources/vue/components/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. You may need to check your spam folder or unblock noreply@kolabnow.com.
</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">Continue</button> <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Continue</button>
</form> </form>
</div> </div>
</div> </div>
<div class="card d-none" id="step2"> <div class="card d-none" id="step2">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">Password Reset - Step 2/3</h4> <h4 class="card-title">Password Reset - Step 2/3</h4>
<p class="card-text"> <p class="card-text">
We sent out a confirmation code to your external email address. We sent out a confirmation code to your external email address.
Enter the code we sent you, or click the link in the message. Enter the code we sent you, or click the link in the message.
</p> </p>
<form @submit.prevent="submitStep2" data-validation-prefix="reset_"> <form @submit.prevent="submitStep2" data-validation-prefix="reset_">
<div class="form-group"> <div class="form-group">
<label for="reset_short_code" class="sr-only">Confirmation Code</label> <label for="reset_short_code" class="sr-only">Confirmation Code</label>
<input type="text" class="form-control" id="reset_short_code" placeholder="Confirmation Code" required v-model="short_code"> <input type="text" class="form-control" id="reset_short_code" placeholder="Confirmation Code" required v-model="short_code">
</div> </div>
<button class="btn btn-secondary" type="button" @click="stepBack">Back</button> <button class="btn btn-secondary" type="button" @click="stepBack">Back</button>
<button class="btn btn-primary" type="submit">Continue</button> <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Continue</button>
<input type="hidden" id="reset_code" v-model="code" /> <input type="hidden" id="reset_code" v-model="code" />
</form> </form>
</div> </div>
</div> </div>
<div class="card d-none" id="step3"> <div class="card d-none" id="step3">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">Password Reset - Step 3/3</h4> <h4 class="card-title">Password Reset - Step 3/3</h4>
<p class="card-text"> <p class="card-text">
</p> </p>
<form @submit.prevent="submitStep3" data-validation-prefix="reset_"> <form @submit.prevent="submitStep3" data-validation-prefix="reset_">
<div class="form-group"> <div class="form-group">
<label for="reset_password" class="sr-only">Password</label> <label for="reset_password" class="sr-only">Password</label>
<input type="password" class="form-control" id="reset_password" placeholder="Password" required v-model="password"> <input type="password" class="form-control" id="reset_password" placeholder="Password" required v-model="password">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="reset_confirm" class="sr-only">Confirm Password</label> <label for="reset_confirm" class="sr-only">Confirm Password</label>
<input type="password" class="form-control" id="reset_confirm" placeholder="Confirm Password" required v-model="password_confirmation"> <input type="password" class="form-control" id="reset_confirm" placeholder="Confirm Password" required v-model="password_confirmation">
</div> </div>
<button class="btn btn-secondary" type="button" @click="stepBack">Back</button> <button class="btn btn-secondary" type="button" @click="stepBack">Back</button>
<button class="btn btn-primary" type="submit">Submit</button> <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> Submit</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
▲ Show 20 Lines • Show All 94 Lines • Show Last 20 Lines