]>
Commit | Line | Data |
---|---|---|
a0c5eb00 JB |
1 | {% extends "WallabagCoreBundle::layout.html.twig" %} |
2 | ||
3 | {% block title %}{{ 'config.page_title'|trans }} > {{ 'config.otp.page_title'|trans }}{% endblock %} | |
4 | ||
5 | {% block content %} | |
6 | <h5>{{ 'config.otp.page_title'|trans }}</h5> | |
7 | ||
8 | <ol> | |
9 | <li> | |
10 | <p>{{ 'config.otp.app.two_factor_code_description_1'|trans }}</p> | |
11 | <p>{{ 'config.otp.app.two_factor_code_description_2'|trans }}</p> | |
12 | ||
13 | <p> | |
14 | <img id="2faQrcode" class="hide-on-med-and-down" /> | |
15 | <script> | |
16 | document.getElementById('2faQrcode').src = jrQrcode.getQrBase64('{{ qr_code }}'); | |
17 | </script> | |
18 | </p> | |
19 | </li> | |
20 | <li> | |
21 | <p>{{ 'config.otp.app.two_factor_code_description_3'|trans }}</p> | |
22 | ||
4654a83b | 23 | <p><strong>{{ backupCodes|join("\n")|nl2br }}</strong></p> |
a0c5eb00 JB |
24 | </li> |
25 | <li> | |
26 | <p>{{ 'config.otp.app.two_factor_code_description_4'|trans }}</p> | |
27 | ||
28 | {% for flashMessage in app.session.flashbag.get("two_factor") %} | |
29 | <div class="card-panel red darken-1 black-text"> | |
30 | {{ flashMessage|trans }} | |
31 | </div> | |
32 | {% endfor %} | |
33 | ||
34 | <form class="form" action="{{ path("config_otp_app_check") }}" method="post"> | |
35 | <div class="card-content"> | |
36 | <div class="row"> | |
37 | <div class="input-field col s12"> | |
62665a32 | 38 | <label for="_auth_code">{{ "auth_code"|trans({}, 'SchebTwoFactorBundle') }}</label> |
a0c5eb00 JB |
39 | <input id="_auth_code" type="text" autocomplete="off" name="_auth_code" /> |
40 | </div> | |
41 | </div> | |
42 | </div> | |
43 | <div class="card-action"> | |
44 | <a href="{{ path('config_otp_app_cancel') }}" class="waves-effect waves-light grey btn"> | |
45 | {{ 'config.otp.app.cancel'|trans }} | |
46 | </a> | |
47 | <button class="btn waves-effect waves-light" type="submit" name="send"> | |
48 | {{ 'config.otp.app.enable'|trans }} | |
49 | <i class="material-icons right">send</i> | |
50 | </button> | |
51 | </div> | |
52 | </form> | |
53 | </li> | |
54 | </ol> | |
55 | {% endblock %} |