1 {% extends "WallabagCoreBundle::layout.html.twig" %}
3 {% block title %}{{ 'config.page_title'|trans }} > {{ 'config.otp.page_title'|trans }}{% endblock %}
8 <div class="card-panel settings">
10 <h5>{{ 'config.otp.page_title'|trans }}</h5>
14 <p>{{ 'config.otp.app.two_factor_code_description_1'|trans }}</p>
15 <p>{{ 'config.otp.app.two_factor_code_description_2'|trans }}</p>
18 <img id="2faQrcode" class="hide-on-med-and-down" />
20 document.getElementById('2faQrcode').src = jrQrcode.getQrBase64('{{ qr_code }}');
25 <p>{{ 'config.otp.app.two_factor_code_description_3'|trans }}</p>
27 <p><strong>{{ backupCodes|join("\n")|nl2br }}</strong></p>
30 <p>{{ 'config.otp.app.two_factor_code_description_4'|trans }}</p>
32 {% for flashMessage in app.session.flashbag.get("two_factor") %}
33 <div class="card-panel red darken-1 black-text">
34 {{ flashMessage|trans }}
38 <form class="form" action="{{ path("config_otp_app_check") }}" method="post">
39 <div class="card-content">
41 <div class="input-field col s12">
42 <label for="_auth_code">{{ "scheb_two_factor.auth_code"|trans }}</label>
43 <input id="_auth_code" type="text" autocomplete="off" name="_auth_code" />
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 }}
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>