aboutsummaryrefslogtreecommitdiff
path: root/src/components/mfa_form/totp_form.vue
blob: c547785e2ba716fe2ee0f91e81089a601fa150c0 (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
43
44
45
<template>
<div class="login panel panel-default">
  <!-- Default panel contents -->

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

  <div class="panel-body">
    <form class='login-form' @submit.prevent='submit'>
      <div class='form-group'>
        <label for='code'>
          {{$t('login.authentication_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="requireRecovery">
              {{$t('login.enter_recovery_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="./totp_form.js"></script>