Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/PasswordReset.vue
Show All 23 Lines | <div class="container"> | ||||
{{ $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="mb-3"> | <div class="mb-3"> | ||||
<label for="reset_short_code" class="visually-hidden">{{ $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 ms-2" 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="mb-3"> | <div class="mb-3"> | ||||
<label for="reset_password" class="visually-hidden">{{ $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="mb-3"> | <div class="mb-3"> | ||||
<label for="reset_confirm" class="visually-hidden">{{ $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> | ||||
<div class="form-group pt-3"> | <div class="form-group pt-3 mb-3"> | ||||
<label for="secondfactor" class="sr-only">2FA</label> | <label for="secondfactor" class="sr-only">2FA</label> | ||||
<div class="input-group"> | <div class="input-group"> | ||||
<span class="input-group-prepend"> | <span class="input-group-text"> | ||||
<span class="input-group-text"><svg-icon icon="key"></svg-icon></span> | <svg-icon icon="key"></svg-icon> | ||||
</span> | </span> | ||||
<input type="text" id="secondfactor" class="form-control rounded-right" placeholder="Second factor code" v-model="secondFactor"> | <input type="text" id="secondfactor" class="form-control rounded-end" placeholder="Second factor code" v-model="secondFactor"> | ||||
</div> | </div> | ||||
<small class="form-text text-muted">Second factor code is optional for users with no 2-Factor Authentication setup.</small> | <small class="form-text text-muted">Second factor code is optional for users with no 2-Factor Authentication setup.</small> | ||||
</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 ms-2" type="submit"><svg-icon icon="check"></svg-icon> {{ $t('btn.submit') }}</button> | ||||
</form> | </form> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
export default { | export default { | ||||
▲ Show 20 Lines • Show All 97 Lines • Show Last 20 Lines |