aboutsummaryrefslogtreecommitdiff
path: root/src/components/mfa_form/recovery_form.vue
blob: e0e2d65bd580d96dd63721b2ecd426a808006c7c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<template>
<div class="login panel panel-default">
  <!-- Default panel contents -->

  <div class="panel-heading">{{$t('login.heading.recovery')}}</div>

  <div class="panel-body">
    <form class='login-form' @submit.prevent='submit'>
      <div class='form-group'>
        <label for='code'>{{$t('login.recovery_code')}}</label>
        <input v-model='code' class='form-control' id='code'>
      </div>

      <div class='form-group'>
        <div class='login-bottom'>
          <div>
            <a href="#" @click.prevent="requireTOTP">
              {{$t('login.enter_two_factor_code')}}
            </a>
            <br />
            <a href="#" @click.prevent="abortMFA">
              {{$t('general.cancel')}}
            </a>
          </div>
          <button type='submit' class='btn btn-default'>
            {{$t('general.verify')}}
          </button>
        </div>
      </div>

    </form>
  </div>

  <div v-if="error" class='form-group'>
    <div class='alert error'>
      {{error}}
      <i class="button-icon icon-cancel" @click="clearError"></i>
    </div>
  </div>
</div>
</template>
<script src="./recovery_form.js" ></script>