]> git.immae.eu Git - github/wallabag/wallabag.git/blame - src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig
projects / github / wallabag / wallabag.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
WIP
[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / Config / index.html.twig
CommitLineData
53e12188
AD		 1{% extends "WallabagCoreBundle::layout.html.twig" %}
2
0d42217e 3{% block title %}{{ 'config.page_title'|trans }}{% endblock %}
53e12188
AD		 4
5{% block content %}
e0f9010e 6 {{ parent() }}
53e12188
AD		 7 <div class="row">
8 <div class="col s12">
9948d899 9 <div class="card-panel settings">
53e12188
AD		 10
11 <div class="row">
9948d899 12 <div class="div_tabs col s12">
53e12188 13 <ul class="tabs">
d9a30ef3
TC		 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>
53e12188
AD		 19 </ul>
20 </div>
21
53e12188 22 <div id="set1" class="col s12">
33fe61f9 23 {{ form_start(form.config) }}
53e12188
AD		 24 {{ form_errors(form.config) }}
25
26 <div class="row">
540a9bc4 27 <div class="input-field col s11">
53e12188
AD		 28 {{ form_errors(form.config.theme) }}
29 {{ form_widget(form.config.theme) }}
17cc3aac 30 {{ form_label(form.config.theme) }}
53e12188 31 </div>
540a9bc4
NL		 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>
53e12188
AD		 37 </div>
38
39 <div class="row">
540a9bc4 40 <div class="input-field col s11">
53e12188
AD		 41 {{ form_errors(form.config.items_per_page) }}
42 {{ form_widget(form.config.items_per_page) }}
17cc3aac 43 {{ form_label(form.config.items_per_page) }}
53e12188 44 </div>
540a9bc4
NL		 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>
53e12188
AD		 50 </div>
51
bca54859 52 <div class="row">
540a9bc4 53 <div class="input-field col s11">
bca54859
NL		 54 {{ form_errors(form.config.reading_speed) }}
55 {{ form_widget(form.config.reading_speed) }}
17cc3aac 56 {{ form_label(form.config.reading_speed) }}
f3e49264
JB		 57 <p>
58 {{ 'config.form_settings.reading_speed.help_message'|trans }}
59 <a href="http://www.myreadspeed.com/calculate/">myreadspeed</a>
60 </p>
bca54859 61 </div>
540a9bc4
NL		 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>
bca54859
NL		 67 </div>
68
f92fcb53
JB		 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>
a42f38d9 75 </div>
a42f38d9 76
53e12188 77 <div class="row">
540a9bc4 78 <div class="input-field col s11">
53e12188
AD		 79 {{ form_errors(form.config.language) }}
80 {{ form_widget(form.config.language) }}
17cc3aac 81 {{ form_label(form.config.language) }}
53e12188 82 </div>
540a9bc4
NL		 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>
53e12188
AD		 88 </div>
89
ebe0787e 90 <div class="row">
540a9bc4 91 <div class="input-field col s11">
ebe0787e
JB		 92 {{ form_errors(form.config.pocket_consumer_key) }}
93 {{ form_widget(form.config.pocket_consumer_key) }}
17cc3aac 94 {{ form_label(form.config.pocket_consumer_key) }}
ebe0787e
JB		 95 <p>
96 &raquo;
97 <a href="https://getpocket.com/developer/docs/authentication">https://getpocket.com/developer/docs/authentication</a>
98 </p>
99 </div>
540a9bc4
NL		 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>
ebe0787e
JB		 105 </div>
106
e61ee560
NL		 107 <div class="row">
108 <div class="input-field col s12">
3b812126 109 <h5>{{ 'config.form_settings.android_configuration'|trans }}</h5>
e2a038d6 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>
e61ee560
NL		 111 <img id="androidQrcode" class="hide-on-med-and-down" />
112 </div>
113 <script>
3b812126 114 const imgBase64 = jrQrcode.getQrBase64('wallabag://{{ app.user.username }}@{{ wallabag_url }}');
68e0efff 115 document.getElementById('androidQrcode').src = imgBase64;
e61ee560
NL		 116 </script>
117 </div>
118
0d42217e
JB		 119 {{ form_widget(form.config.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
120 {{ form_rest(form.config) }}
53e12188
AD		 121 </form>
122 </div>
123
53e12188 124 <div id="set2" class="col s12">
33fe61f9 125 {{ form_start(form.rss) }}
53e12188
AD		 126 {{ form_errors(form.rss) }}
127
128 <div class="row">
129 <div class="input-field col s12">
0d42217e 130 {{ 'config.form_rss.description'|trans }}
4f0dfac6
NL		 131 </div>
132 </div>
133
134 <div class="row">
34806fab
A		 135 <div class="col s12">
136 <h6 class="grey-text">{{ 'config.form_rss.token_label'|trans }}</h6>
83aaf841
JB		 137 <div>
138 {% if rss.token %}
139 {{ rss.token }}
140 {% else %}
0d42217e 141 <em>{{ 'config.form_rss.no_token'|trans }}</em>
83aaf841 142 {% endif %}
0d42217e
JB		 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>
83aaf841 149 </div>
53e12188
AD		 150 </div>
151 </div>
4f0dfac6 152 {% if rss.token %}
53e12188 153 <div class="row">
34806fab
A		 154 <div class="col s12">
155 <h6 class="grey-text">{{ 'config.form_rss.rss_links'|trans }}</h6>
0d42217e
JB		 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>
bd40f1af 160 <li><a href="{{ path('all_rss', {'username': rss.username, 'token': rss.token}) }}">{{ 'config.form_rss.rss_link.all'|trans }}</a></li>
0d42217e 161 </ul>
53e12188
AD		 162 </div>
163 </div>
4f0dfac6 164 {% endif %}
53e12188
AD		 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
0d42217e
JB		 174 {{ form_widget(form.rss.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
175 {{ form_rest(form.rss) }}
53e12188
AD		 176 </form>
177 </div>
178
53e12188 179 <div id="set3" class="col s12">
33fe61f9 180 {{ form_start(form.user) }}
53e12188
AD		 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
18cf594f 199 {% if twofactor_auth %}
23ff8d36 200 <div class="row">
540a9bc4 201 <div class="input-field col s11">
0d42217e 202 {{ 'config.form_user.two_factor_description'|trans }}
23ff8d36 203
152fcccd
JB		 204 <br />
205
2db616b5
NL		 206 {{ form_widget(form.user.twoFactorAuthentication) }}
207 {{ form_label(form.user.twoFactorAuthentication) }}
208 {{ form_errors(form.user.twoFactorAuthentication) }}
209 </div>
540a9bc4
NL		 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>
2db616b5 215 </div>
18cf594f 216 {% endif %}
2db616b5 217
0d42217e 218 {{ form_widget(form.user.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
8f5e2203 219 {{ form_widget(form.user._token) }}
53e12188 220 </form>
bb0c78f4 221
bf6c0346
TC		 222 <br /><hr /><br />
223 <h5>{{ 'config.form_account.title'|trans }}</h5>
224
225 {{ form_start(form.account) }}
226 {{ form_errors(form.account) }}
227
228 <div class="row">
229 <div class="input-field col s12">
230 {{ form_errors(form.account.description) }}
231 {{ form_widget(form.account.description, {'attr': {'class': 'materialize-textarea'}}) }}
232 {{ form_label(form.account.description) }}
233 </div>
234 </div>
235
236 <div class="row">
237 <div class="file-field input-field col s12">
238 {{ form_errors(form.account.avatar) }}
239 <div class="btn">
240 <span>{{ 'config.form_account.avatar_label'|trans }}</span>
241 {{ form_widget(form.account.avatar) }}
242 </div>
243 <div class="file-path-wrapper">
244 <input class="file-path validate" type="text">
245 </div>
246 </div>
247 </div>
248
249 <div class="row">
250 <div class="file-field input-field col s12">
251 {{ form_errors(form.account.banner) }}
252 <div class="btn">
253 <span>{{ 'config.form_account.banner_label'|trans }}</span>
254 {{ form_widget(form.account.banner) }}
255 </div>
256 <div class="file-path-wrapper">
257 <input class="file-path validate" type="text">
258 </div>
259 </div>
260 </div>
261
262 {{ form_widget(form.account.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
263 <a href="{{ path('user-profile', {'user': app.user.account.username}) }}" class="btn">{{ 'config.form_account.view_profile' | trans }}</a>
264 {{ form_widget(form.account._token) }}
265 </form>
266
206bade5
JB		 267 <br /><hr /><br />
268
269 <div class="row">
270 <h5>{{ 'config.reset.title'|trans }}</h5>
271 <p>{{ 'config.reset.description'|trans }}</p>
272 <a href="{{ path('config_reset', { type: 'annotations'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
273 {{ 'config.reset.annotations'|trans }}
274 </a>
275 <a href="{{ path('config_reset', { type: 'tags'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
276 {{ 'config.reset.tags'|trans }}
277 </a>
6da1aebc
TC		 278 <a href="{{ path('config_reset', { type: 'archived'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
279 {{ 'config.reset.archived'|trans }}
280 </a>
206bade5
JB		 281 <a href="{{ path('config_reset', { type: 'entries'}) }}" onclick="return confirm('{{ 'config.reset.confirm'|trans|escape('js') }}')" class="waves-effect waves-light btn red">
282 {{ 'config.reset.entries'|trans }}
283 </a>
284 </div>
285
bb0c78f4 286 {% if enabled_users > 1 %}
eed812af
JB		 287 <br /><hr /><br />
288
289 <div class="row">
876d77a6
JB		 290 <h5>{{ 'config.form_user.delete.title'|trans }}</h5>
291 <p>{{ 'config.form_user.delete.description'|trans }}</p>
292 <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">
293 {{ 'config.form_user.delete.button'|trans }}
eed812af
JB		 294 </a>
295 </div>
bb0c78f4 296 {% endif %}
53e12188
AD		 297 </div>
298
53e12188 299 <div id="set4" class="col s12">
33fe61f9 300 {{ form_start(form.pwd) }}
53e12188
AD		 301 {{ form_errors(form.pwd) }}
302
f92fcb53
JB		 303 <div class="row">
304 <div class="input-field col s12">
305 {{ 'config.form_password.description'|trans }}
306 </div>
540a9bc4 307 </div>
540a9bc4 308
53e12188
AD		 309 <div class="row">
310 <div class="input-field col s12">
311 {{ form_label(form.pwd.old_password) }}
312 {{ form_errors(form.pwd.old_password) }}
313 {{ form_widget(form.pwd.old_password) }}
314 </div>
315 </div>
316
317 <div class="row">
318 <div class="input-field col s12">
319 {{ form_label(form.pwd.new_password.first) }}
320 {{ form_errors(form.pwd.new_password.first) }}
321 {{ form_widget(form.pwd.new_password.first) }}
322 </div>
323 </div>
324
325 <div class="row">
326 <div class="input-field col s12">
327 {{ form_label(form.pwd.new_password.second) }}
328 {{ form_errors(form.pwd.new_password.second) }}
329 {{ form_widget(form.pwd.new_password.second) }}
330 </div>
331 </div>
332
0d42217e
JB		 333 {{ form_widget(form.pwd.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
334 {{ form_rest(form.pwd) }}
53e12188
AD		 335 </form>
336 </div>
337
f19f9f62 338 <div id="set5" class="col s12">
b1e0a586 339 {% if app.user.config.taggingRules is not empty %}
981cacf7
KG		 340 <div class="row">
341 <div class="input-field col s12">
342 <ul>
343 {% for tagging_rule in app.user.config.taggingRules %}
344 <li>
0d42217e
JB		 345 {{ 'config.form_rules.if_label'|trans }}
346 « {{ tagging_rule.rule }} »
347 {{ 'config.form_rules.then_tag_as_label'|trans }}
348 « {{ tagging_rule.tags|join(', ') }} »
bf3dc999
JB		 349 <a href="{{ path('edit_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.edit_rule_label'|trans }}">
350 <i class="tool grey-text mode_edit material-icons">mode_edit</i>
351 </a>
0d42217e 352 <a href="{{ path('delete_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.delete_rule_label'|trans }}">
5ecdfcd0 353 <i class="tool grey-text delete material-icons">delete</i>
52e423f3 354 </a>
981cacf7
KG		 355 </li>
356 {% endfor %}
357 </ul>
358 </div>
359 </div>
b1e0a586 360 {% endif %}
981cacf7 361
c13eda46 362 {{ form_start(form.new_tagging_rule) }}
9b88658c 363 {{ form_errors(form.new_tagging_rule) }}
f19f9f62
KG		 364
365 <div class="row">
366 <div class="input-field col s12">
367 {{ form_label(form.new_tagging_rule.rule) }}
368 {{ form_errors(form.new_tagging_rule.rule) }}
369 {{ form_widget(form.new_tagging_rule.rule) }}
370 </div>
371 </div>
372
373 <div class="row">
374 <div class="input-field col s12">
375 {{ form_label(form.new_tagging_rule.tags) }}
376 {{ form_errors(form.new_tagging_rule.tags) }}
377 {{ form_widget(form.new_tagging_rule.tags) }}
378 </div>
379 </div>
380
0d42217e
JB		 381 {{ form_widget(form.new_tagging_rule.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
382 {{ form_rest(form.new_tagging_rule) }}
f19f9f62 383 </form>
e9fbd2d1
KG		 384
385 <div class="row">
386 <div class="input-field col s12">
0d42217e 387 <h4>{{ 'config.form_rules.faq.title'|trans }}</h4>
5c514b0b 388
0d42217e
JB		 389 <h5>{{ 'config.form_rules.faq.tagging_rules_definition_title'|trans }}</h5>
390 <p class="help">{{ 'config.form_rules.faq.tagging_rules_definition_description'|trans|raw }}</p>
5c514b0b 391
0d42217e
JB		 392 <h5>{{ 'config.form_rules.faq.how_to_use_them_title'|trans }}</h5>
393 <p class="help">{{ 'config.form_rules.faq.how_to_use_them_description'|trans|raw }}</p>
5c514b0b 394
0d42217e 395 <h5>{{ 'config.form_rules.faq.variables_available_title'|trans }}</h5>
e9fbd2d1 396 <p class="help">
0d42217e 397 {{ 'config.form_rules.faq.variables_available_description'|trans }}
e9fbd2d1 398 </p>
8687bcd0
NL		 399
400 <table class="bordered">
401 <thead>
402 <tr>
403 <th>{{ 'config.form_rules.faq.variable_description.label'|trans }}</th>
404 <th>{{ 'config.form_rules.faq.meaning'|trans }}</th>
405 <th>{{ 'config.form_rules.faq.operator_description.label'|trans }}</th>
406 <th>{{ 'config.form_rules.faq.meaning'|trans }}</th>
407 </tr>
408 </thead>
409
410 <tbody>
411 <tr>
412 <td>title</td>
413 <td>{{ 'config.form_rules.faq.variable_description.title'|trans }}</td>
414 <td>&lt;=</td>
415 <td>{{ 'config.form_rules.faq.operator_description.less_than'|trans }}</td>
416 </tr>
417 <tr>
418 <td>url</td>
419 <td>{{ 'config.form_rules.faq.variable_description.url'|trans }}</td>
420 <td>&lt;</td>
421 <td>{{ 'config.form_rules.faq.operator_description.strictly_less_than'|trans }}</td>
422 </tr>
423 <tr>
424 <td>isArchived</td>
425 <td>{{ 'config.form_rules.faq.variable_description.isArchived'|trans }}</td>
7a2157b8 426 <td>&gt;=</td>
8687bcd0
NL		 427 <td>{{ 'config.form_rules.faq.operator_description.greater_than'|trans }}</td>
428 </tr>
429 <tr>
430 <td>isStarred</td>
431 <td>{{ 'config.form_rules.faq.variable_description.isStarred'|trans }}</td>
432 <td>&gt;</td>
433 <td>{{ 'config.form_rules.faq.operator_description.strictly_greater_than'|trans }}</td>
434 </tr>
435 <tr>
436 <td>content</td>
437 <td>{{ 'config.form_rules.faq.variable_description.content'|trans }}</td>
438 <td>=</td>
439 <td>{{ 'config.form_rules.faq.operator_description.equal_to'|trans }}</td>
440 </tr>
441 <tr>
442 <td>language</td>
443 <td>{{ 'config.form_rules.faq.variable_description.language'|trans }}</td>
444 <td>!=</td>
445 <td>{{ 'config.form_rules.faq.operator_description.not_equal_to'|trans }}</td>
446 </tr>
447 <tr>
448 <td>mimetype</td>
449 <td>{{ 'config.form_rules.faq.variable_description.mimetype'|trans }}</td>
450 <td>OR</td>
451 <td>{{ 'config.form_rules.faq.operator_description.or'|trans }}</td>
452 </tr>
453 <tr>
454 <td>readingTime</td>
455 <td>{{ 'config.form_rules.faq.variable_description.readingTime'|trans }}</td>
456 <td>AND</td>
457 <td>{{ 'config.form_rules.faq.operator_description.and'|trans }}</td>
458 </tr>
459 <tr>
460 <td>domainName</td>
461 <td>{{ 'config.form_rules.faq.variable_description.domainName'|trans }}</td>
fdd725f5
NL		 462 <td>matches<br />notmaches</td>
463 <td>{{ 'config.form_rules.faq.operator_description.matches'|trans|raw }}<br />{{ 'config.form_rules.faq.operator_description.notmatches'|trans|raw }}</td>
8687bcd0
NL		 464 </tr>
465 </tbody>
466 </table>
e9fbd2d1
KG		 467 </div>
468 </div>
f19f9f62 469 </div>
53e12188
AD		 470 </div>
471
472 </div>
473 </div>
474 </div>
53e12188 475{% endblock %}
A self hostable application for saving web pages: Save and classify articles. Read them later. Freely.