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