aboutsummaryrefslogtreecommitdiff
path: root/src/components/mfa_form/totp_form.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2019-06-12 20:16:55 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2019-06-12 20:16:55 +0000
commite53f11c30fb2eedd0a437d3cfe9592c555de6a95 (patch)
tree560ecc4d370fda07c5da8cde5c60c679fa9c7862 /src/components/mfa_form/totp_form.vue
parent9df99c5205b1cb560bb25c0dd81cc90acbde4d7f (diff)
parent77eceedbf7a5b53948d7d91b3d228aa303c02081 (diff)
Merge branch 'feature/2fa' into 'develop'
adds 2FA/two_factor_authentication support See merge request pleroma/pleroma-fe!556
Diffstat (limited to 'src/components/mfa_form/totp_form.vue')
-rw-r--r--src/components/mfa_form/totp_form.vue45
1 files changed, 45 insertions, 0 deletions
diff --git a/src/components/mfa_form/totp_form.vue b/src/components/mfa_form/totp_form.vue
new file mode 100644
index 00000000..c547785e
--- /dev/null
+++ b/src/components/mfa_form/totp_form.vue
@@ -0,0 +1,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>