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