Page MenuHomePhorge
Differential D2734 Diff 7804 src/resources/vue/PasswordReset.vue

Changeset View

Standalone View

View Options

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">{{ $t('password.reset') }} - {{ $t('nav.step', { i: 1, n: 3 }) }}</h4> <h4 class="card-title">{{ $t('password.reset') }} - {{ $t('nav.step', { i: 1, n: 3 }) }}</h4>
<p class="card-text"> <p class="card-text">
{{ $t('password.reset-step1') }} {{ $t('password.reset-step1') }}
<span v-if="fromEmail">{{ $t('password.reset-step1-hint', { email: fromEmail }) }}</span> <span v-if="fromEmail">{{ $t('password.reset-step1-hint', { email: 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="mb-3">
<label for="reset_email" class="sr-only">{{ $t('form.email') }}</label> <label for="reset_email" class="visually-hidden">{{ $t('form.email') }}</label>
<input type="text" class="form-control" id="reset_email" :placeholder="$t('form.email')" required v-model="email"> <input type="text" class="form-control" id="reset_email" :placeholder="$t('form.email')" required v-model="email">
</div> </div>
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.continue') }}</button> <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.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">{{ $t('password.reset') }} - {{ $t('nav.step', { i: 2, n: 3 }) }}</h4> <h4 class="card-title">{{ $t('password.reset') }} - {{ $t('nav.step', { i: 2, n: 3 }) }}</h4>
<p class="card-text"> <p class="card-text">
{{ $t('password.reset-step2') }} {{ $t('password.reset-step2') }}
</p> </p>
<form @submit.prevent="submitStep2" data-validation-prefix="reset_"> <form @submit.prevent="submitStep2" data-validation-prefix="reset_">
<div class="form-group"> <div class="mb-3">
<label for="reset_short_code" class="sr-only">{{ $t('form.code') }}</label> <label for="reset_short_code" class="visually-hidden">{{ $t('form.code') }}</label>
<input type="text" class="form-control" id="reset_short_code" :placeholder="$t('form.code')" required v-model="short_code"> <input type="text" class="form-control" id="reset_short_code" :placeholder="$t('form.code')" required v-model="short_code">
</div> </div>
<button class="btn btn-secondary" type="button" @click="stepBack">{{ $t('btn.back') }}</button> <button class="btn btn-secondary" type="button" @click="stepBack">{{ $t('btn.back') }}</button>
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.continue') }}</button> <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.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">{{ $t('password.reset') }} - {{ $t('nav.step', { i: 3, n: 3 }) }}</h4> <h4 class="card-title">{{ $t('password.reset') }} - {{ $t('nav.step', { i: 3, n: 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="mb-3">
<label for="reset_password" class="sr-only">{{ $t('form.password') }}</label> <label for="reset_password" class="visually-hidden">{{ $t('form.password') }}</label>
<input type="password" class="form-control" id="reset_password" :placeholder="$t('form.password')" required v-model="password"> <input type="password" class="form-control" id="reset_password" :placeholder="$t('form.password')" required v-model="password">
</div> </div>
<div class="form-group"> <div class="mb-3">
<label for="reset_confirm" class="sr-only">{{ $t('form.password-confirm') }}</label> <label for="reset_confirm" class="visually-hidden">{{ $t('form.password-confirm') }}</label>
<input type="password" class="form-control" id="reset_confirm" :placeholder="$t('form.password-confirm')" required v-model="password_confirmation"> <input type="password" class="form-control" id="reset_confirm" :placeholder="$t('form.password-confirm')" required v-model="password_confirmation">
</div> </div>
<button class="btn btn-secondary" type="button" @click="stepBack">{{ $t('btn.back') }}</button> <button class="btn btn-secondary" type="button" @click="stepBack">{{ $t('btn.back') }}</button>
<button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> <button class="btn btn-primary" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
▲ Show 20 Lines • Show All 99 Lines • Show Last 20 Lines