src/Wallabag/CoreBundle/Resources/views/themes/baggy/Config/otp_app.html.twig

   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
  23             <p><strong>{{ app.user.getBackupCodes|join("\n")|nl2br }}</strong></p>
  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">
  38                             <label for="_auth_code">{{ "scheb_two_factor.auth_code"|trans }}</label>
  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 %}