]> git.immae.eu Git - github/wallabag/wallabag.git/blame - src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig
Added QRCode and link to configure android application
[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 %}
6
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">
27 <div class="input-field col s12">
0d42217e 28 {{ form_label(form.config.theme) }}
53e12188
AD
29 {{ form_errors(form.config.theme) }}
30 {{ form_widget(form.config.theme) }}
53e12188
AD
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
bca54859
NL
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) }}
f3e49264
JB
47 <p>
48 {{ 'config.form_settings.reading_speed.help_message'|trans }}
49 <a href="http://www.myreadspeed.com/calculate/">myreadspeed</a>
50 </p>
bca54859
NL
51 </div>
52 </div>
53
53e12188
AD
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
ebe0787e
JB
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
e61ee560
NL
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
0d42217e
JB
86 {{ form_widget(form.config.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
87 {{ form_rest(form.config) }}
53e12188
AD
88 </form>
89 </div>
90
53e12188 91 <div id="set2" class="col s12">
33fe61f9 92 {{ form_start(form.rss) }}
53e12188
AD
93 {{ form_errors(form.rss) }}
94
95 <div class="row">
96 <div class="input-field col s12">
0d42217e 97 {{ 'config.form_rss.description'|trans }}
4f0dfac6
NL
98 </div>
99 </div>
100
101 <div class="row">
102 <div class="input-field col s12">
0d42217e 103 <label>{{ 'config.form_rss.token_label'|trans }}</label>
83aaf841
JB
104 <div>
105 {% if rss.token %}
106 {{ rss.token }}
107 {% else %}
0d42217e 108 <em>{{ 'config.form_rss.no_token'|trans }}</em>
83aaf841 109 {% endif %}
0d42217e
JB
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>
83aaf841 116 </div>
53e12188
AD
117 </div>
118 </div>
4f0dfac6 119 {% if rss.token %}
53e12188
AD
120 <div class="row">
121 <div class="input-field col s12">
0d42217e
JB
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>
53e12188
AD
128 </div>
129 </div>
4f0dfac6 130 {% endif %}
53e12188
AD
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
0d42217e
JB
140 {{ form_widget(form.rss.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
141 {{ form_rest(form.rss) }}
53e12188
AD
142 </form>
143 </div>
144
53e12188 145 <div id="set3" class="col s12">
33fe61f9 146 {{ form_start(form.user) }}
53e12188
AD
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
18cf594f 165 {% if twofactor_auth %}
23ff8d36
JB
166 <div class="row">
167 <div class="input-field col s12">
0d42217e 168 {{ 'config.form_user.two_factor_description'|trans }}
23ff8d36 169
152fcccd
JB
170 <br />
171
2db616b5
NL
172 {{ form_widget(form.user.twoFactorAuthentication) }}
173 {{ form_label(form.user.twoFactorAuthentication) }}
174 {{ form_errors(form.user.twoFactorAuthentication) }}
175 </div>
176 </div>
18cf594f 177 {% endif %}
2db616b5 178
0d42217e 179 {{ form_widget(form.user.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
8f5e2203 180 {{ form_widget(form.user._token) }}
53e12188 181 </form>
bb0c78f4 182
206bade5
JB
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
bb0c78f4 199 {% if enabled_users > 1 %}
eed812af
JB
200 <br /><hr /><br />
201
202 <div class="row">
876d77a6
JB
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 }}
eed812af
JB
207 </a>
208 </div>
bb0c78f4 209 {% endif %}
53e12188
AD
210 </div>
211
53e12188 212 <div id="set4" class="col s12">
33fe61f9 213 {{ form_start(form.pwd) }}
53e12188
AD
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
0d42217e
JB
240 {{ form_widget(form.pwd.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
241 {{ form_rest(form.pwd) }}
53e12188
AD
242 </form>
243 </div>
244
f19f9f62 245 <div id="set5" class="col s12">
b1e0a586 246 {% if app.user.config.taggingRules is not empty %}
981cacf7
KG
247 <div class="row">
248 <div class="input-field col s12">
249 <ul>
250 {% for tagging_rule in app.user.config.taggingRules %}
251 <li>
0d42217e
JB
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(', ') }} »
bf3dc999
JB
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>
0d42217e 259 <a href="{{ path('delete_tagging_rule', {id: tagging_rule.id}) }}" title="{{ 'config.form_rules.delete_rule_label'|trans }}">
5ecdfcd0 260 <i class="tool grey-text delete material-icons">delete</i>
52e423f3 261 </a>
981cacf7
KG
262 </li>
263 {% endfor %}
264 </ul>
265 </div>
266 </div>
b1e0a586 267 {% endif %}
981cacf7 268
c13eda46 269 {{ form_start(form.new_tagging_rule) }}
9b88658c 270 {{ form_errors(form.new_tagging_rule) }}
f19f9f62
KG
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
0d42217e
JB
288 {{ form_widget(form.new_tagging_rule.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
289 {{ form_rest(form.new_tagging_rule) }}
f19f9f62 290 </form>
e9fbd2d1
KG
291
292 <div class="row">
293 <div class="input-field col s12">
0d42217e 294 <h4>{{ 'config.form_rules.faq.title'|trans }}</h4>
5c514b0b 295
0d42217e
JB
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>
5c514b0b 298
0d42217e
JB
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>
5c514b0b 301
0d42217e 302 <h5>{{ 'config.form_rules.faq.variables_available_title'|trans }}</h5>
e9fbd2d1 303 <p class="help">
0d42217e 304 {{ 'config.form_rules.faq.variables_available_description'|trans }}
e9fbd2d1 305 </p>
8687bcd0
NL
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>
7a2157b8 333 <td>&gt;=</td>
8687bcd0
NL
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>
e9fbd2d1
KG
374 </div>
375 </div>
f19f9f62 376 </div>
53e12188
AD
377 </div>
378
379 </div>
380 </div>
381 </div>
53e12188 382{% endblock %}