src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig

   1 {% extends "WallabagCoreBundle::layout.html.twig" %}
   2
   3 {% block title %}{{ 'config.page_title'|trans }}{% endblock %}
   4
   5 {% block content %}
   6
   7     <div class="row">
   8         <div class="col s12">
   9             <div class="card-panel settings">
  10
  11                 <div class="row">
  12                     <div class="div_tabs col s12">
  13                         <ul class="tabs">
  14                             <li class="tab col s12 m6 l3"><a class="active" href="#set1">{{ 'config.tab_menu.settings'|trans }}</a></li>
  15                             <li class="tab col s12 m6 l3"><a href="#set2">{{ 'config.tab_menu.feed'|trans }}</a></li>
  16                             <li class="tab col s12 m6 l3"><a href="#set3">{{ 'config.tab_menu.user_info'|trans }}</a></li>
  17                             <li class="tab col s12 m6 l3"><a href="#set4">{{ 'config.tab_menu.password'|trans }}</a></li>
  18                             <li class="tab col s12 m6 l3"><a href="#set5">{{ 'config.tab_menu.rules'|trans }}</a></li>
  19                             <li class="tab col s12 m6 l3"><a href="#set6">{{ 'config.tab_menu.reset'|trans }}</a></li>
  20                         </ul>
  21                     </div>
  22
  23                     <div id="set1" class="col s12">
  24                         {{ form_start(form.config) }}
  25                             {{ form_errors(form.config) }}
  26
  27                             <div class="row">
  28                                 <div class="input-field col s11">
  29                                     {{ form_errors(form.config.theme) }}
  30                                     {{ form_widget(form.config.theme) }}
  31                                     {{ form_label(form.config.theme) }}
  32                                 </div>
  33                                 <div class="input-field col s1">
  34                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_theme'|trans }}">
  35                                         <i class="material-icons">live_help</i>
  36                                     </a>
  37                                 </div>
  38                             </div>
  39
  40                             <div class="row">
  41                                 <div class="input-field col s11">
  42                                     {{ form_errors(form.config.items_per_page) }}
  43                                     {{ form_widget(form.config.items_per_page) }}
  44                                     {{ form_label(form.config.items_per_page) }}
  45                                 </div>
  46                                 <div class="input-field col s1">
  47                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_items_per_page'|trans }}">
  48                                         <i class="material-icons">live_help</i>
  49                                     </a>
  50                                 </div>
  51                             </div>
  52
  53                             <div class="row">
  54                                 <div class="input-field col s11">
  55                                     {{ form_errors(form.config.reading_speed) }}
  56                                     {{ form_widget(form.config.reading_speed) }}
  57                                     {{ form_label(form.config.reading_speed) }}
  58                                     <p>
  59                                         {{ 'config.form_settings.reading_speed.help_message'|trans }}
  60                                         <a href="http://www.myreadspeed.com/calculate/">myreadspeed</a>
  61                                     </p>
  62                                 </div>
  63                                 <div class="input-field col s1">
  64                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_reading_speed'|trans }}">
  65                                         <i class="material-icons">live_help</i>
  66                                     </a>
  67                                 </div>
  68                             </div>
  69
  70                             <div class="row">
  71                                 <div class="input-field col s12">
  72                                     {{ form_errors(form.config.action_mark_as_read) }}
  73                                     {{ form_widget(form.config.action_mark_as_read) }}
  74                                     {{ form_label(form.config.action_mark_as_read) }}
  75                                 </div>
  76                             </div>
  77
  78                             <div class="row">
  79                                 <div class="input-field col s11">
  80                                     {{ form_errors(form.config.language) }}
  81                                     {{ form_widget(form.config.language) }}
  82                                     {{ form_label(form.config.language) }}
  83                                 </div>
  84                                 <div class="input-field col s1">
  85                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_language'|trans }}">
  86                                         <i class="material-icons">live_help</i>
  87                                     </a>
  88                                 </div>
  89                             </div>
  90
  91                             <div class="row">
  92                                 <div class="input-field col s11">
  93                                     {{ form_errors(form.config.pocket_consumer_key) }}
  94                                     {{ form_widget(form.config.pocket_consumer_key) }}
  95                                     {{ form_label(form.config.pocket_consumer_key) }}
  96                                     <p>
  97                                         &raquo;
  98                                         <a href="https://getpocket.com/developer/docs/authentication">https://getpocket.com/developer/docs/authentication</a>
  99                                     </p>
 100                                 </div>
 101                                 <div class="input-field col s1">
 102                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_pocket_consumer_key'|trans }}">
 103                                         <i class="material-icons">live_help</i>
 104                                     </a>
 105                                 </div>
 106                             </div>
 107
 108                             <div class="row">
 109                                 <div class="input-field col s12">
 110                                     <h5>{{ 'config.form_settings.android_configuration'|trans }}</h5>
 111                                     <a href="wallabag://{{ app.user.username }}@{{ wallabag_url }}" class="waves-effect waves-light btn hide-on-large-only">{{ 'config.form_settings.android_instruction' | trans }}</a>
 112                                     <img id="androidQrcode" class="hide-on-med-and-down" />
 113                                 </div>
 114                                 <script>
 115                                     document.getElementById('androidQrcode').src = jrQrcode.getQrBase64('wallabag://{{ app.user.username }}@{{ wallabag_url }}');
 116                                 </script>
 117                             </div>
 118
 119                             {{ form_widget(form.config.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 120                             {{ form_rest(form.config) }}
 121                         </form>
 122                     </div>
 123
 124                     <div id="set2" class="col s12">
 125                         {{ form_start(form.feed) }}
 126                             {{ form_errors(form.feed) }}
 127
 128                             <div class="row">
 129                                 <div class="input-field col s12">
 130                                     {{ 'config.form_feed.description'|trans }}
 131                                 </div>
 132                             </div>
 133
 134                             <div class="row">
 135                                 <div class="col s12">
 136                                     <h6 class="grey-text">{{ 'config.form_feed.token_label'|trans }}</h6>
 137                                     <div>
 138                                         {% if feed.token %}
 139                                             {{ feed.token }}
 140                                         {% else %}
 141                                             <em>{{ 'config.form_feed.no_token'|trans }}</em>
 142                                         {% endif %}
 143
 144                                         {% if feed.token %}
 145                                             – <a href="{{ path('generate_token') }}">{{ 'config.form_feed.token_reset'|trans }}</a>
 146                                             – <a href="{{ path('revoke_token') }}">{{ 'config.form_feed.token_revoke'|trans }}</a>
 147                                         {% else %}
 148                                             – <a href="{{ path('generate_token') }}">{{ 'config.form_feed.token_create'|trans }}</a>
 149                                         {% endif %}
 150                                     </div>
 151                                 </div>
 152                             </div>
 153                             {% if feed.token %}
 154                             <div class="row">
 155                                 <div class="col s12">
 156                                     <h6 class="grey-text">{{ 'config.form_feed.feed_links'|trans }}</h6>
 157                                     <ul>
 158                                         <li><a href="{{ path('unread_feed', {'username': feed.username, 'token': feed.token}) }}">{{ 'config.form_feed.feed_link.unread'|trans }}</a></li>
 159                                         <li><a href="{{ path('starred_feed', {'username': feed.username, 'token': feed.token}) }}">{{ 'config.form_feed.feed_link.starred'|trans }}</a></li>
 160                                         <li><a href="{{ path('archive_feed', {'username': feed.username, 'token': feed.token}) }}">{{ 'config.form_feed.feed_link.archive'|trans }}</a></li>
 161                                         <li><a href="{{ path('all_feed', {'username': feed.username, 'token': feed.token}) }}">{{ 'config.form_feed.feed_link.all'|trans }}</a></li>
 162                                     </ul>
 163                                 </div>
 164                             </div>
 165                             {% endif %}
 166
 167                             <div class="row">
 168                                 <div class="input-field col s12">
 169                                     {{ form_label(form.feed.feed_limit) }}
 170                                     {{ form_errors(form.feed.feed_limit) }}
 171                                     {{ form_widget(form.feed.feed_limit) }}
 172                                 </div>
 173                             </div>
 174
 175                             {{ form_widget(form.feed.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 176                             {{ form_rest(form.feed) }}
 177                         </form>
 178                     </div>
 179
 180                     <div id="set3" class="col s12">
 181                         {{ form_start(form.user) }}
 182                             {{ form_errors(form.user) }}
 183
 184                             <div class="row">
 185                                 <div class="col s12">
 186                                     <h6 class="grey-text">{{ 'config.form_user.login_label'|trans }}</h6>
 187                                     <div>
 188                                         {{ app.user.username }}
 189                                     </div>
 190                                 </div>
 191                             </div>
 192
 193                             <div class="row">
 194                                 <div class="input-field col s12">
 195                                     {{ form_label(form.user.name) }}
 196                                     {{ form_errors(form.user.name) }}
 197                                     {{ form_widget(form.user.name) }}
 198                                 </div>
 199                             </div>
 200
 201                             <div class="row">
 202                                 <div class="input-field col s12">
 203                                     {{ form_label(form.user.email) }}
 204                                     {{ form_errors(form.user.email) }}
 205                                     {{ form_widget(form.user.email) }}
 206                                 </div>
 207                             </div>
 208
 209                             {{ form_widget(form.user.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 210
 211                             {% if twofactor_auth %}
 212                                 <br/>
 213                                 <br/>
 214                                 <div class="row">
 215                                     <h5>{{ 'config.otp.page_title'|trans }}</h5>
 216
 217                                     <p>{{ 'config.form_user.two_factor_description'|trans }}</p>
 218
 219                                     <table>
 220                                         <thead>
 221                                             <tr>
 222                                                 <th>{{ 'config.form_user.two_factor.table_method'|trans }}</th>
 223                                                 <th>{{ 'config.form_user.two_factor.table_state'|trans }}</th>
 224                                                 <th>{{ 'config.form_user.two_factor.table_action'|trans }}</th>
 225                                             </tr>
 226                                         </thead>
 227
 228                                         <tbody>
 229                                             <tr>
 230                                                 <td>{{ 'config.form_user.two_factor.emailTwoFactor_label'|trans }}</td>
 231                                                 <td>{% if app.user.isEmailTwoFactor %}<b>{{ 'config.form_user.two_factor.state_enabled'|trans }}</b>{% else %}{{ 'config.form_user.two_factor.state_disabled'|trans }}{% endif %}</td>
 232                                                 <td><a href="{{ path('config_otp_email') }}" class="waves-effect waves-light btn{% if app.user.isEmailTwoFactor %} disabled{% endif %}">{{ 'config.form_user.two_factor.action_email'|trans }}</a> {% if app.user.isEmailTwoFactor %}<a href="{{ path('disable_otp_email') }}" class="waves-effect waves-light btn red">Disable</a>{% endif %}</td>
 233                                             </tr>
 234                                             <tr>
 235                                                 <td>{{ 'config.form_user.two_factor.googleTwoFactor_label'|trans }}</td>
 236                                                 <td>{% if app.user.isGoogleTwoFactor %}<b>{{ 'config.form_user.two_factor.state_enabled'|trans }}</b>{% else %}{{ 'config.form_user.two_factor.state_disabled'|trans }}{% endif %}</td>
 237                                                 <td><a href="{{ path('config_otp_app') }}" class="waves-effect waves-light btn{% if app.user.isGoogleTwoFactor %} disabled{% endif %}">{{ 'config.form_user.two_factor.action_app'|trans }}</a> {% if app.user.isGoogleTwoFactor %}<a href="{{ path('disable_otp_app') }}" class="waves-effect waves-light btn red">Disable</a>{% endif %}</td>
 238                                             </tr>
 239                                         </tbody>
 240                                     </table>
 241                                 </div>
 242                             {% endif %}
 243                             {{ form_widget(form.user._token) }}
 244                         </form>
 245                     </div>
 246
 247                     <div id="set4" class="col s12">
 248                         {{ form_start(form.pwd) }}
 249                             {{ form_errors(form.pwd) }}
 250
 251                             <div class="row">
 252                                 <div class="input-field col s12">
 253                                     {{ 'config.form_password.description'|trans }}
 254                                 </div>
 255                             </div>
 256
 257                             <div class="row">
 258                                 <div class="input-field col s12">
 259                                     {{ form_label(form.pwd.old_password) }}
 260                                     {{ form_errors(form.pwd.old_password) }}
 261                                     {{ form_widget(form.pwd.old_password) }}
 262                                 </div>
 263                             </div>
 264
 265                             <div class="row">
 266                                 <div class="input-field col s12">
 267                                     {{ form_label(form.pwd.new_password.first) }}
 268                                     {{ form_errors(form.pwd.new_password.first) }}
 269                                     {{ form_widget(form.pwd.new_password.first) }}
 270                                 </div>
 271                             </div>
 272
 273                             <div class="row">
 274                                 <div class="input-field col s12">
 275                                     {{ form_label(form.pwd.new_password.second) }}
 276                                     {{ form_errors(form.pwd.new_password.second) }}
 277                                     {{ form_widget(form.pwd.new_password.second) }}
 278                                 </div>
 279                             </div>
 280
 281                             {{ form_widget(form.pwd.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 282                             {{ form_rest(form.pwd) }}
 283                         </form>
 284                     </div>
 285
 286                     <div id="set5" class="col s12">
 287                         {% if app.user.config.taggingRules is not empty %}
 288                         <div class="row">
 289                             <div class="input-field col s12">
 290                                 <ul>
 291                                     {% for tagging_rule in app.user.config.taggingRules %}
 292                                     <li>
 293                                         {{ 'config.form_rules.if_label'|trans }}
 294                                         « {{ tagging_rule.rule }} »
 295                                         {{ 'config.form_rules.then_tag_as_label'|trans }}
 296                                         « {{ tagging_rule.tags|join(', ') }} »
 297                                         <a href="{{ path('edit_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.edit_rule_label'|trans }}">
 298                                             <i class="tool grey-text mode_edit material-icons">mode_edit</i>
 299                                         </a>
 300                                         <a href="{{ path('delete_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.delete_rule_label'|trans }}">
 301                                             <i class="tool grey-text delete material-icons">delete</i>
 302                                         </a>
 303                                     </li>
 304                                     {% endfor %}
 305                                 </ul>
 306                             </div>
 307                         </div>
 308                         {% endif %}
 309
 310                         <ul class="row">
 311                             <li class="col l6 m6 s12">
 312                                 <div class="card">
 313                                     <div class="card-content">
 314                                         <span class="card-title">{{ 'config.form_rules.card.new_tagging_rule'|trans }}</span>
 315
 316                                         {{ form_start(form.new_tagging_rule) }}
 317                                         {{ form_errors(form.new_tagging_rule) }}
 318
 319                                         <div class="row">
 320                                             <div class="input-field col s12">
 321                                                 {{ form_label(form.new_tagging_rule.rule) }}
 322                                                 {{ form_errors(form.new_tagging_rule.rule) }}
 323                                                 {{ form_widget(form.new_tagging_rule.rule) }}
 324                                             </div>
 325                                         </div>
 326
 327                                         <div class="row">
 328                                             <div class="input-field col s12">
 329                                                 {{ form_label(form.new_tagging_rule.tags) }}
 330                                                 {{ form_errors(form.new_tagging_rule.tags) }}
 331                                                 {{ form_widget(form.new_tagging_rule.tags) }}
 332                                             </div>
 333                                         </div>
 334
 335                                         {{ form_widget(form.new_tagging_rule.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 336                                         {{ form_rest(form.new_tagging_rule) }}
 337                                     </form>
 338                                     </div>
 339                                 </div>
 340                             </li>
 341                             <li class="col l6 m6 s12">
 342                                 <div class="card z-depth-1">
 343                                     <div class="card-content">
 344                                         <span class="card-title">{{ 'config.form_rules.card.import_tagging_rules'|trans }}</span>
 345                                         <p>{{ 'config.form_rules.card.import_tagging_rules_detail'|trans }}</p>
 346                                         {{ form_start(form.import_tagging_rule) }}
 347                                             {{ form_errors(form.import_tagging_rule) }}
 348                                             <div class="row">
 349                                                 <div class="file-field input-field col s12">
 350                                                     {{ form_errors(form.import_tagging_rule.file) }}
 351                                                     <div class="btn">
 352                                                         <span>{{ form.import_tagging_rule.file.vars.label|trans }}</span>
 353                                                         {{ form_widget(form.import_tagging_rule.file) }}
 354                                                     </div>
 355                                                     <div class="file-path-wrapper">
 356                                                         <input class="file-path validate" type="text">
 357                                                     </div>
 358                                                 </div>
 359                                             </div>
 360
 361                                             {{ form_widget(form.import_tagging_rule.import, { 'attr': {'class': 'btn waves-effect waves-light'} }) }}
 362
 363                                             {{ form_rest(form.import_tagging_rule) }}
 364                                         </form>
 365                                     </div>
 366                                 </div>
 367                             </li>
 368                             {% if app.user.config.taggingRules is not empty %}
 369                             <li class="col l6 m6 s12">
 370                                 <div class="card z-depth-1">
 371                                     <div class="card-content">
 372                                         <span class="card-title">{{ 'config.form_rules.card.export_tagging_rules'|trans }}</span>
 373                                         <p>{{ 'config.form_rules.card.export_tagging_rules_detail'|trans }}</p>
 374                                         <br/>
 375                                         <p><a href="{{ path('export_tagging_rule') }}" class="waves-effect waves-light btn">{{ 'config.form_rules.export'|trans }}</a></p>
 376                                     </div>
 377                                 </div>
 378                             </li>
 379                             {% endif %}
 380                         </ul>
 381
 382                         <div class="row">
 383                             <div class="input-field col s12">
 384                                 <h4>{{ 'config.form_rules.faq.title'|trans }}</h4>
 385
 386                                 <h5>{{ 'config.form_rules.faq.tagging_rules_definition_title'|trans }}</h5>
 387                                 <p class="help">{{ 'config.form_rules.faq.tagging_rules_definition_description'|trans|raw }}</p>
 388
 389                                 <h5>{{ 'config.form_rules.faq.how_to_use_them_title'|trans }}</h5>
 390                                 <p class="help">{{ 'config.form_rules.faq.how_to_use_them_description'|trans|raw }}</p>
 391
 392                                 <h5>{{ 'config.form_rules.faq.variables_available_title'|trans }}</h5>
 393                                 <p class="help">
 394                                     {{ 'config.form_rules.faq.variables_available_description'|trans }}
 395                                 </p>
 396
 397                                 <table class="bordered">
 398                                     <thead>
 399                                         <tr>
 400                                             <th>{{ 'config.form_rules.faq.variable_description.label'|trans }}</th>
 401                                             <th>{{ 'config.form_rules.faq.meaning'|trans }}</th>
 402                                             <th>{{ 'config.form_rules.faq.operator_description.label'|trans }}</th>
 403                                             <th>{{ 'config.form_rules.faq.meaning'|trans }}</th>
 404                                         </tr>
 405                                     </thead>
 406
 407                                     <tbody>
 408                                         <tr>
 409                                             <td>title</td>
 410                                             <td>{{ 'config.form_rules.faq.variable_description.title'|trans }}</td>
 411                                             <td>&lt;=</td>
 412                                             <td>{{ 'config.form_rules.faq.operator_description.less_than'|trans }}</td>
 413                                         </tr>
 414                                         <tr>
 415                                             <td>url</td>
 416                                             <td>{{ 'config.form_rules.faq.variable_description.url'|trans }}</td>
 417                                             <td>&lt;</td>
 418                                             <td>{{ 'config.form_rules.faq.operator_description.strictly_less_than'|trans }}</td>
 419                                         </tr>
 420                                         <tr>
 421                                             <td>isArchived</td>
 422                                             <td>{{ 'config.form_rules.faq.variable_description.isArchived'|trans }}</td>
 423                                             <td>&gt;=</td>
 424                                             <td>{{ 'config.form_rules.faq.operator_description.greater_than'|trans }}</td>
 425                                         </tr>
 426                                         <tr>
 427                                             <td>isStarred</td>
 428                                             <td>{{ 'config.form_rules.faq.variable_description.isStarred'|trans }}</td>
 429                                             <td>&gt;</td>
 430                                             <td>{{ 'config.form_rules.faq.operator_description.strictly_greater_than'|trans }}</td>
 431                                         </tr>
 432                                         <tr>
 433                                             <td>content</td>
 434                                             <td>{{ 'config.form_rules.faq.variable_description.content'|trans }}</td>
 435                                             <td>=</td>
 436                                             <td>{{ 'config.form_rules.faq.operator_description.equal_to'|trans }}</td>
 437                                         </tr>
 438                                         <tr>
 439                                             <td>language</td>
 440                                             <td>{{ 'config.form_rules.faq.variable_description.language'|trans }}</td>
 441                                             <td>!=</td>
 442                                             <td>{{ 'config.form_rules.faq.operator_description.not_equal_to'|trans }}</td>
 443                                         </tr>
 444                                         <tr>
 445                                             <td>mimetype</td>
 446                                             <td>{{ 'config.form_rules.faq.variable_description.mimetype'|trans }}</td>
 447                                             <td>OR</td>
 448                                             <td>{{ 'config.form_rules.faq.operator_description.or'|trans }}</td>
 449                                         </tr>
 450                                         <tr>
 451                                             <td>readingTime</td>
 452                                             <td>{{ 'config.form_rules.faq.variable_description.readingTime'|trans }}</td>
 453                                             <td>AND</td>
 454                                             <td>{{ 'config.form_rules.faq.operator_description.and'|trans }}</td>
 455                                         </tr>
 456                                         <tr>
 457                                             <td>domainName</td>
 458                                             <td>{{ 'config.form_rules.faq.variable_description.domainName'|trans }}</td>
 459                                             <td>matches<br />notmaches</td>
 460                                             <td>{{ 'config.form_rules.faq.operator_description.matches'|trans|raw }}<br />{{ 'config.form_rules.faq.operator_description.notmatches'|trans|raw }}</td>
 461                                         </tr>
 462                                     </tbody>
 463                                 </table>
 464                             </div>
 465                         </div>
 466                     </div>
 467
 468                     <div id="set6" class="col s12">
 469                         <div class="row">
 470                             <h5>{{ 'config.reset.title'|trans }}</h5>
 471                             <p>{{ 'config.reset.description'|trans }}</p>
 472                             <a href="{{ path('config_reset', { type: 'annotations'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 473                                 {{ 'config.reset.annotations'|trans }}
 474                             </a>
 475                             <a href="{{ path('config_reset', { type: 'tags'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 476                                 {{ 'config.reset.tags'|trans }}
 477                             </a>
 478                             <a href="{{ path('config_reset', { type: 'archived'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 479                                 {{ 'config.reset.archived'|trans }}
 480                             </a>
 481                             <a href="{{ path('config_reset', { type: 'entries'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 482                                 {{ 'config.reset.entries'|trans }}
 483                             </a>
 484                         </div>
 485
 486                         {% if enabled_users > 1 %}
 487                             <br /><hr /><br />
 488
 489                             <div class="row">
 490                                 <h5>{{ 'config.form_user.delete.title'|trans }}</h5>
 491                                 <p>{{ 'config.form_user.delete.description'|trans }}</p>
 492                                 <a href="{{ path('delete_account') }}" onclick="return confirm('{{ 'config.form_user.delete.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red delete-account">
 493                                     {{ 'config.form_user.delete.button'|trans }}
 494                                 </a>
 495                             </div>
 496                         {% endif %}
 497                     </div>
 498                 </div>
 499
 500             </div>
 501         </div>
 502     </div>
 503 {% endblock %}