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.rss'|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                         </ul>
  20                     </div>
  21
  22                     <div id="set1" class="col s12">
  23                         {{ form_start(form.config) }}
  24                             {{ form_errors(form.config) }}
  25
  26                             <div class="row">
  27                                 <div class="input-field col s11">
  28                                     {{ form_errors(form.config.theme) }}
  29                                     {{ form_widget(form.config.theme) }}
  30                                     {{ form_label(form.config.theme) }}
  31                                 </div>
  32                                 <div class="input-field col s1">
  33                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_theme'|trans }}">
  34                                         <i class="material-icons">live_help</i>
  35                                     </a>
  36                                 </div>
  37                             </div>
  38
  39                             <div class="row">
  40                                 <div class="input-field col s11">
  41                                     {{ form_errors(form.config.items_per_page) }}
  42                                     {{ form_widget(form.config.items_per_page) }}
  43                                     {{ form_label(form.config.items_per_page) }}
  44                                 </div>
  45                                 <div class="input-field col s1">
  46                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_items_per_page'|trans }}">
  47                                         <i class="material-icons">live_help</i>
  48                                     </a>
  49                                 </div>
  50                             </div>
  51
  52                             <div class="row">
  53                                 <div class="input-field col s11">
  54                                     {{ form_errors(form.config.reading_speed) }}
  55                                     {{ form_widget(form.config.reading_speed) }}
  56                                     {{ form_label(form.config.reading_speed) }}
  57                                     <p>
  58                                         {{ 'config.form_settings.reading_speed.help_message'|trans }}
  59                                         <a href="http://www.myreadspeed.com/calculate/">myreadspeed</a>
  60                                     </p>
  61                                 </div>
  62                                 <div class="input-field col s1">
  63                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_reading_speed'|trans }}">
  64                                         <i class="material-icons">live_help</i>
  65                                     </a>
  66                                 </div>
  67                             </div>
  68
  69                             <div class="row">
  70                                 <div class="input-field col s12">
  71                                     {{ form_label(form.config.action_mark_as_read) }}
  72                                     {{ form_errors(form.config.action_mark_as_read) }}
  73                                     {{ form_widget(form.config.action_mark_as_read) }}
  74                                 </div>
  75                             </div>
  76
  77                             <div class="row">
  78                                 <div class="input-field col s11">
  79                                     {{ form_errors(form.config.language) }}
  80                                     {{ form_widget(form.config.language) }}
  81                                     {{ form_label(form.config.language) }}
  82                                 </div>
  83                                 <div class="input-field col s1">
  84                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_language'|trans }}">
  85                                         <i class="material-icons">live_help</i>
  86                                     </a>
  87                                 </div>
  88                             </div>
  89
  90                             <div class="row">
  91                                 <div class="input-field col s11">
  92                                     {{ form_errors(form.config.pocket_consumer_key) }}
  93                                     {{ form_widget(form.config.pocket_consumer_key) }}
  94                                     {{ form_label(form.config.pocket_consumer_key) }}
  95                                     <p>
  96                                         &raquo;
  97                                         <a href="https://getpocket.com/developer/docs/authentication">https://getpocket.com/developer/docs/authentication</a>
  98                                     </p>
  99                                 </div>
 100                                 <div class="input-field col s1">
 101                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_settings.help_pocket_consumer_key'|trans }}">
 102                                         <i class="material-icons">live_help</i>
 103                                     </a>
 104                                 </div>
 105                             </div>
 106
 107                             <div class="row">
 108                                 <div class="input-field col s12">
 109                                     <h5>{{ 'config.form_settings.android_configuration'|trans }}</h5>
 110                                     <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>
 111                                     <img id="androidQrcode" class="hide-on-med-and-down" />
 112                                 </div>
 113                                 <script>
 114                                     const imgBase64 = jrQrcode.getQrBase64('wallabag://{{ app.user.username }}@{{ wallabag_url }}');
 115                                     document.getElementById('androidQrcode').src = imgBase64;
 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.rss) }}
 126                             {{ form_errors(form.rss) }}
 127
 128                             <div class="row">
 129                                 <div class="input-field col s12">
 130                                     {{ 'config.form_rss.description'|trans }}
 131                                 </div>
 132                             </div>
 133
 134                             <div class="row">
 135                                 <div class="col s12">
 136                                     <h6 class="grey-text">{{ 'config.form_rss.token_label'|trans }}</h6>
 137                                     <div>
 138                                         {% if rss.token %}
 139                                             {{ rss.token }}
 140                                         {% else %}
 141                                             <em>{{ 'config.form_rss.no_token'|trans }}</em>
 142                                         {% endif %}
 143                                         – <a href="{{ path('generate_token') }}">
 144                                         {% if rss.token %}
 145                                             {{ 'config.form_rss.token_reset'|trans }}
 146                                         {% else %}
 147                                             {{ 'config.form_rss.token_create'|trans }}
 148                                         {% endif %}</a>
 149                                     </div>
 150                                 </div>
 151                             </div>
 152                             {% if rss.token %}
 153                             <div class="row">
 154                                 <div class="col s12">
 155                                     <h6 class="grey-text">{{ 'config.form_rss.rss_links'|trans }}</h6>
 156                                     <ul>
 157                                         <li><a href="{{ path('unread_rss', {'username': rss.username, 'token': rss.token}) }}">{{ 'config.form_rss.rss_link.unread'|trans }}</a></li>
 158                                         <li><a href="{{ path('starred_rss', {'username': rss.username, 'token': rss.token}) }}">{{ 'config.form_rss.rss_link.starred'|trans }}</a></li>
 159                                         <li><a href="{{ path('archive_rss', {'username': rss.username, 'token': rss.token}) }}">{{ 'config.form_rss.rss_link.archive'|trans }}</a></li>
 160                                         <li><a href="{{ path('all_rss', {'username': rss.username, 'token': rss.token}) }}">{{ 'config.form_rss.rss_link.all'|trans }}</a></li>
 161                                     </ul>
 162                                 </div>
 163                             </div>
 164                             {% endif %}
 165
 166                             <div class="row">
 167                                 <div class="input-field col s12">
 168                                     {{ form_label(form.rss.rss_limit) }}
 169                                     {{ form_errors(form.rss.rss_limit) }}
 170                                     {{ form_widget(form.rss.rss_limit) }}
 171                                 </div>
 172                             </div>
 173
 174                             {{ form_widget(form.rss.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 175                             {{ form_rest(form.rss) }}
 176                         </form>
 177                     </div>
 178
 179                     <div id="set3" class="col s12">
 180                         {{ form_start(form.user) }}
 181                             {{ form_errors(form.user) }}
 182
 183                             <div class="row">
 184                                 <div class="input-field col s12">
 185                                     {{ form_label(form.user.name) }}
 186                                     {{ form_errors(form.user.name) }}
 187                                     {{ form_widget(form.user.name) }}
 188                                 </div>
 189                             </div>
 190
 191                             <div class="row">
 192                                 <div class="input-field col s12">
 193                                     {{ form_label(form.user.email) }}
 194                                     {{ form_errors(form.user.email) }}
 195                                     {{ form_widget(form.user.email) }}
 196                                 </div>
 197                             </div>
 198
 199                             {% if twofactor_auth %}
 200                             <div class="row">
 201                                 <div class="input-field col s11">
 202                                     {{ 'config.form_user.two_factor_description'|trans }}
 203
 204                                     <br />
 205
 206                                     {{ form_widget(form.user.twoFactorAuthentication) }}
 207                                     {{ form_label(form.user.twoFactorAuthentication) }}
 208                                     {{ form_errors(form.user.twoFactorAuthentication) }}
 209                                 </div>
 210                                 <div class="input-field col s1">
 211                                     <a href="#" class="tooltipped" data-position="left" data-delay="50" data-tooltip="{{ 'config.form_user.help_twoFactorAuthentication'|trans }}">
 212                                         <i class="material-icons">live_help</i>
 213                                     </a>
 214                                 </div>
 215                             </div>
 216                             {% endif %}
 217
 218                             {{ form_widget(form.user.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 219                             {{ form_widget(form.user._token) }}
 220                         </form>
 221
 222                         <br /><hr /><br />
 223
 224                         <div class="row">
 225                             <h5>{{ 'config.reset.title'|trans }}</h5>
 226                             <p>{{ 'config.reset.description'|trans }}</p>
 227                             <a href="{{ path('config_reset', { type: 'annotations'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 228                                 {{ 'config.reset.annotations'|trans }}
 229                             </a>
 230                             <a href="{{ path('config_reset', { type: 'tags'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 231                                 {{ 'config.reset.tags'|trans }}
 232                             </a>
 233                             <a href="{{ path('config_reset', { type: 'archived'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 234                                 {{ 'config.reset.archived'|trans }}
 235                             </a>
 236                             <a href="{{ path('config_reset', { type: 'entries'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
 237                                 {{ 'config.reset.entries'|trans }}
 238                             </a>
 239                         </div>
 240
 241                         {% if enabled_users > 1 %}
 242                             <br /><hr /><br />
 243
 244                             <div class="row">
 245                                 <h5>{{ 'config.form_user.delete.title'|trans }}</h5>
 246                                 <p>{{ 'config.form_user.delete.description'|trans }}</p>
 247                                 <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">
 248                                     {{ 'config.form_user.delete.button'|trans }}
 249                                 </a>
 250                             </div>
 251                         {% endif %}
 252                     </div>
 253
 254                     <div id="set4" class="col s12">
 255                         {{ form_start(form.pwd) }}
 256                             {{ form_errors(form.pwd) }}
 257
 258                             <div class="row">
 259                                 <div class="input-field col s12">
 260                                     {{ 'config.form_password.description'|trans }}
 261                                 </div>
 262                             </div>
 263
 264                             <div class="row">
 265                                 <div class="input-field col s12">
 266                                     {{ form_label(form.pwd.old_password) }}
 267                                     {{ form_errors(form.pwd.old_password) }}
 268                                     {{ form_widget(form.pwd.old_password) }}
 269                                 </div>
 270                             </div>
 271
 272                             <div class="row">
 273                                 <div class="input-field col s12">
 274                                     {{ form_label(form.pwd.new_password.first) }}
 275                                     {{ form_errors(form.pwd.new_password.first) }}
 276                                     {{ form_widget(form.pwd.new_password.first) }}
 277                                 </div>
 278                             </div>
 279
 280                             <div class="row">
 281                                 <div class="input-field col s12">
 282                                     {{ form_label(form.pwd.new_password.second) }}
 283                                     {{ form_errors(form.pwd.new_password.second) }}
 284                                     {{ form_widget(form.pwd.new_password.second) }}
 285                                 </div>
 286                             </div>
 287
 288                             {{ form_widget(form.pwd.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 289                             {{ form_rest(form.pwd) }}
 290                         </form>
 291                     </div>
 292
 293                     <div id="set5" class="col s12">
 294                         {% if app.user.config.taggingRules is not empty %}
 295                         <div class="row">
 296                             <div class="input-field col s12">
 297                                 <ul>
 298                                     {% for tagging_rule in app.user.config.taggingRules %}
 299                                     <li>
 300                                         {{ 'config.form_rules.if_label'|trans }}
 301                                         « {{ tagging_rule.rule }} »
 302                                         {{ 'config.form_rules.then_tag_as_label'|trans }}
 303                                         « {{ tagging_rule.tags|join(', ') }} »
 304                                         <a href="{{ path('edit_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.edit_rule_label'|trans }}">
 305                                             <i class="tool grey-text mode_edit material-icons">mode_edit</i>
 306                                         </a>
 307                                         <a href="{{ path('delete_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.delete_rule_label'|trans }}">
 308                                             <i class="tool grey-text delete material-icons">delete</i>
 309                                         </a>
 310                                     </li>
 311                                     {% endfor %}
 312                                 </ul>
 313                             </div>
 314                         </div>
 315                         {% endif %}
 316
 317                         {{ form_start(form.new_tagging_rule) }}
 318                             {{ form_errors(form.new_tagging_rule) }}
 319
 320                             <div class="row">
 321                                 <div class="input-field col s12">
 322                                     {{ form_label(form.new_tagging_rule.rule) }}
 323                                     {{ form_errors(form.new_tagging_rule.rule) }}
 324                                     {{ form_widget(form.new_tagging_rule.rule) }}
 325                                 </div>
 326                             </div>
 327
 328                             <div class="row">
 329                                 <div class="input-field col s12">
 330                                     {{ form_label(form.new_tagging_rule.tags) }}
 331                                     {{ form_errors(form.new_tagging_rule.tags) }}
 332                                     {{ form_widget(form.new_tagging_rule.tags) }}
 333                                 </div>
 334                             </div>
 335
 336                             {{ form_widget(form.new_tagging_rule.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
 337                             {{ form_rest(form.new_tagging_rule) }}
 338                         </form>
 339
 340                         <div class="row">
 341                             <div class="input-field col s12">
 342                                 <h4>{{ 'config.form_rules.faq.title'|trans }}</h4>
 343
 344                                 <h5>{{ 'config.form_rules.faq.tagging_rules_definition_title'|trans }}</h5>
 345                                 <p class="help">{{ 'config.form_rules.faq.tagging_rules_definition_description'|trans|raw }}</p>
 346
 347                                 <h5>{{ 'config.form_rules.faq.how_to_use_them_title'|trans }}</h5>
 348                                 <p class="help">{{ 'config.form_rules.faq.how_to_use_them_description'|trans|raw }}</p>
 349
 350                                 <h5>{{ 'config.form_rules.faq.variables_available_title'|trans }}</h5>
 351                                 <p class="help">
 352                                     {{ 'config.form_rules.faq.variables_available_description'|trans }}
 353                                 </p>
 354
 355                                 <table class="bordered">
 356                                     <thead>
 357                                         <tr>
 358                                             <th>{{ 'config.form_rules.faq.variable_description.label'|trans }}</th>
 359                                             <th>{{ 'config.form_rules.faq.meaning'|trans }}</th>
 360                                             <th>{{ 'config.form_rules.faq.operator_description.label'|trans }}</th>
 361                                             <th>{{ 'config.form_rules.faq.meaning'|trans }}</th>
 362                                         </tr>
 363                                     </thead>
 364
 365                                     <tbody>
 366                                         <tr>
 367                                             <td>title</td>
 368                                             <td>{{ 'config.form_rules.faq.variable_description.title'|trans }}</td>
 369                                             <td>&lt;=</td>
 370                                             <td>{{ 'config.form_rules.faq.operator_description.less_than'|trans }}</td>
 371                                         </tr>
 372                                         <tr>
 373                                             <td>url</td>
 374                                             <td>{{ 'config.form_rules.faq.variable_description.url'|trans }}</td>
 375                                             <td>&lt;</td>
 376                                             <td>{{ 'config.form_rules.faq.operator_description.strictly_less_than'|trans }}</td>
 377                                         </tr>
 378                                         <tr>
 379                                             <td>isArchived</td>
 380                                             <td>{{ 'config.form_rules.faq.variable_description.isArchived'|trans }}</td>
 381                                             <td>&gt;=</td>
 382                                             <td>{{ 'config.form_rules.faq.operator_description.greater_than'|trans }}</td>
 383                                         </tr>
 384                                         <tr>
 385                                             <td>isStarred</td>
 386                                             <td>{{ 'config.form_rules.faq.variable_description.isStarred'|trans }}</td>
 387                                             <td>&gt;</td>
 388                                             <td>{{ 'config.form_rules.faq.operator_description.strictly_greater_than'|trans }}</td>
 389                                         </tr>
 390                                         <tr>
 391                                             <td>content</td>
 392                                             <td>{{ 'config.form_rules.faq.variable_description.content'|trans }}</td>
 393                                             <td>=</td>
 394                                             <td>{{ 'config.form_rules.faq.operator_description.equal_to'|trans }}</td>
 395                                         </tr>
 396                                         <tr>
 397                                             <td>language</td>
 398                                             <td>{{ 'config.form_rules.faq.variable_description.language'|trans }}</td>
 399                                             <td>!=</td>
 400                                             <td>{{ 'config.form_rules.faq.operator_description.not_equal_to'|trans }}</td>
 401                                         </tr>
 402                                         <tr>
 403                                             <td>mimetype</td>
 404                                             <td>{{ 'config.form_rules.faq.variable_description.mimetype'|trans }}</td>
 405                                             <td>OR</td>
 406                                             <td>{{ 'config.form_rules.faq.operator_description.or'|trans }}</td>
 407                                         </tr>
 408                                         <tr>
 409                                             <td>readingTime</td>
 410                                             <td>{{ 'config.form_rules.faq.variable_description.readingTime'|trans }}</td>
 411                                             <td>AND</td>
 412                                             <td>{{ 'config.form_rules.faq.operator_description.and'|trans }}</td>
 413                                         </tr>
 414                                         <tr>
 415                                             <td>domainName</td>
 416                                             <td>{{ 'config.form_rules.faq.variable_description.domainName'|trans }}</td>
 417                                             <td>matches<br />notmaches</td>
 418                                             <td>{{ 'config.form_rules.faq.operator_description.matches'|trans|raw }}<br />{{ 'config.form_rules.faq.operator_description.notmatches'|trans|raw }}</td>
 419                                         </tr>
 420                                     </tbody>
 421                                 </table>
 422                             </div>
 423                         </div>
 424                     </div>
 425                 </div>
 426
 427             </div>
 428         </div>
 429     </div>
 430 {% endblock %}