]> git.immae.eu Git - github/wallabag/wallabag.git/blame_incremental - src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig
Added help on config screen
[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / views / themes / material / Config / index.html.twig
... / ...
CommitLineData
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 %}