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