diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig | 195 |
1 files changed, 171 insertions, 24 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig index 67a10190..3b02993e 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/common/Static/howto.html.twig | |||
@@ -7,39 +7,186 @@ | |||
7 | <div class="row"> | 7 | <div class="row"> |
8 | <div class="col s12"> | 8 | <div class="col s12"> |
9 | <div class="card-panel settings"> | 9 | <div class="card-panel settings"> |
10 | <p>{{ 'howto.page_description'|trans }}</p> | ||
11 | 10 | ||
12 | <div class="row"> | 11 | <div class="row"> |
13 | 12 | <div class="div_tabs col s12"> | |
14 | <div class="col s12"> | 13 | <ul class="tabs"> |
15 | <a href="{{ path('new') }}">{{ 'howto.form.description'|trans }}</a> | 14 | <li class="tab col s12 m6 l3"><a class="active" href="#set1">{{ 'howto.tab_menu.add_link'|trans }}</a></li> |
16 | </div> | 15 | <li class="tab col s12 m6 l3"><a href="#set2">{{ 'howto.tab_menu.shortcuts'|trans }}</a></li> |
17 | |||
18 | <div class="col s12"> | ||
19 | <h5>{{ 'howto.top_menu.browser_addons'|trans }}</h5> | ||
20 | <ul> | ||
21 | <li><a href="{{ addonsUrl.firefox }}" target="_blank">{{ 'howto.browser_addons.firefox'|trans }}</a></li> | ||
22 | <li><a href="{{ addonsUrl.chrome }}" target="_blank">{{ 'howto.browser_addons.chrome'|trans }}</a></li> | ||
23 | </ul> | 16 | </ul> |
24 | </div> | 17 | </div> |
25 | 18 | ||
26 | <div class="col s12"> | 19 | <div id="set1" class="col s12"> |
27 | <h5>{{ 'howto.top_menu.mobile_apps'|trans }}</h5> | 20 | <p>{{ 'howto.page_description'|trans }}</p> |
28 | <ul> | 21 | |
29 | <li>Android: <a href="{{ addonsUrl.f_droid }}" target="_blank">{{ 'howto.mobile_apps.android.via_f_droid'|trans }}</a> / <a href="{{ addonsUrl.google_play }}" target="_blank">{{ 'howto.mobile_apps.android.via_google_play'|trans }}</a></li> | 22 | <div class="row"> |
30 | <li>iOS: <a href="{{ addonsUrl.ios }}" target="_blank">{{ 'howto.mobile_apps.ios'|trans }}</a></li> | ||
31 | <li>Windows Phone: <a href="{{ addonsUrl.windows }}" target="_blank">{{ 'howto.mobile_apps.windows'|trans }}</a></li> | ||
32 | </ul> | ||
33 | </div> | ||
34 | 23 | ||
35 | <div class="col s12"> | 24 | <div class="col s12"> |
36 | <h5>{{ 'howto.top_menu.bookmarklet'|trans }}</h5> | 25 | <a href="{{ path('new') }}">{{ 'howto.form.description'|trans }}</a> |
37 | {{ 'howto.bookmarklet.description'|trans }} | 26 | </div> |
38 | {% include '@WallabagCore/themes/common/Static/_bookmarklet.html.twig' %} | 27 | |
28 | <div class="col s12"> | ||
29 | <h5>{{ 'howto.top_menu.browser_addons'|trans }}</h5> | ||
30 | <ul> | ||
31 | <li><a href="{{ addonsUrl.firefox }}" target="_blank">{{ 'howto.browser_addons.firefox'|trans }}</a></li> | ||
32 | <li><a href="{{ addonsUrl.chrome }}" target="_blank">{{ 'howto.browser_addons.chrome'|trans }}</a></li> | ||
33 | </ul> | ||
34 | </div> | ||
35 | |||
36 | <div class="col s12"> | ||
37 | <h5>{{ 'howto.top_menu.mobile_apps'|trans }}</h5> | ||
38 | <ul> | ||
39 | <li>Android: <a href="{{ addonsUrl.f_droid }}" target="_blank">{{ 'howto.mobile_apps.android.via_f_droid'|trans }}</a> / <a href="{{ addonsUrl.google_play }}" target="_blank">{{ 'howto.mobile_apps.android.via_google_play'|trans }}</a></li> | ||
40 | <li>iOS: <a href="{{ addonsUrl.ios }}" target="_blank">{{ 'howto.mobile_apps.ios'|trans }}</a></li> | ||
41 | <li>Windows Phone: <a href="{{ addonsUrl.windows }}" target="_blank">{{ 'howto.mobile_apps.windows'|trans }}</a></li> | ||
42 | </ul> | ||
43 | </div> | ||
44 | |||
45 | <div class="col s12"> | ||
46 | <h5>{{ 'howto.top_menu.bookmarklet'|trans }}</h5> | ||
47 | {{ 'howto.bookmarklet.description'|trans }} | ||
48 | {% include '@WallabagCore/themes/common/Static/_bookmarklet.html.twig' %} | ||
49 | </div> | ||
50 | |||
51 | </div> | ||
39 | </div> | 52 | </div> |
40 | 53 | ||
41 | </div> | 54 | <div id="set2" class="col s12"> |
55 | <p>{{ 'howto.shortcuts.page_description'|trans }}</p> | ||
56 | |||
57 | <h5>{{ 'howto.shortcuts.all_pages_title'|trans }}</h5> | ||
42 | 58 | ||
59 | <table class="bordered"> | ||
60 | <thead> | ||
61 | <tr> | ||
62 | <th>{{ 'howto.shortcuts.shortcut'|trans }}</th> | ||
63 | <th>{{ 'howto.shortcuts.action'|trans }}</th> | ||
64 | </tr> | ||
65 | </thead> | ||
66 | |||
67 | <tbody> | ||
68 | <tr> | ||
69 | <td><code>g u</code></td> | ||
70 | <td>{{ 'howto.shortcuts.go_unread'|trans }}</td> | ||
71 | </tr> | ||
72 | <tr> | ||
73 | <td><code>g s</code></td> | ||
74 | <td>{{ 'howto.shortcuts.go_starred'|trans }}</td> | ||
75 | </tr> | ||
76 | <tr> | ||
77 | <td><code>g r</code></td> | ||
78 | <td>{{ 'howto.shortcuts.go_archive'|trans }}</td> | ||
79 | </tr> | ||
80 | <tr> | ||
81 | <td><code>g a</code></td> | ||
82 | <td>{{ 'howto.shortcuts.go_all'|trans }}</td> | ||
83 | </tr> | ||
84 | <tr> | ||
85 | <td><code>g t</code></td> | ||
86 | <td>{{ 'howto.shortcuts.go_tags'|trans }}</td> | ||
87 | </tr> | ||
88 | <tr> | ||
89 | <td><code>g c</code></td> | ||
90 | <td>{{ 'howto.shortcuts.go_config'|trans }}</td> | ||
91 | </tr> | ||
92 | <tr> | ||
93 | <td><code>g i</code></td> | ||
94 | <td>{{ 'howto.shortcuts.go_import'|trans }}</td> | ||
95 | </tr> | ||
96 | <tr> | ||
97 | <td><code>g d</code></td> | ||
98 | <td>{{ 'howto.shortcuts.go_developers'|trans }}</td> | ||
99 | </tr> | ||
100 | <tr> | ||
101 | <td><code>?</code></td> | ||
102 | <td>{{ 'howto.shortcuts.go_howto'|trans }}</td> | ||
103 | </tr> | ||
104 | <tr> | ||
105 | <td><code>g l</code></td> | ||
106 | <td>{{ 'howto.shortcuts.go_logout'|trans }}</td> | ||
107 | </tr> | ||
108 | </tbody> | ||
109 | </table> | ||
110 | |||
111 | <h5>{{ 'howto.shortcuts.list_title'|trans }}</h5> | ||
112 | |||
113 | <table class="bordered"> | ||
114 | <thead> | ||
115 | <tr> | ||
116 | <th>{{ 'howto.shortcuts.shortcut'|trans }}</th> | ||
117 | <th>{{ 'howto.shortcuts.action'|trans }}</th> | ||
118 | </tr> | ||
119 | </thead> | ||
120 | |||
121 | <tbody> | ||
122 | <tr> | ||
123 | <td><code>s</code></td> | ||
124 | <td>{{ 'howto.shortcuts.search'|trans }}</td> | ||
125 | </tr> | ||
126 | </tbody> | ||
127 | </table> | ||
128 | |||
129 | <h5>{{ 'howto.shortcuts.article_title'|trans }}</h5> | ||
130 | |||
131 | <table class="bordered"> | ||
132 | <thead> | ||
133 | <tr> | ||
134 | <th>{{ 'howto.shortcuts.shortcut'|trans }}</th> | ||
135 | <th>{{ 'howto.shortcuts.action'|trans }}</th> | ||
136 | </tr> | ||
137 | </thead> | ||
138 | |||
139 | <tbody> | ||
140 | <tr> | ||
141 | <td><code>o</code></td> | ||
142 | <td>{{ 'howto.shortcuts.open_original'|trans }}</td> | ||
143 | </tr> | ||
144 | <tr> | ||
145 | <td><code>f</code></td> | ||
146 | <td>{{ 'howto.shortcuts.toggle_favorite'|trans }}</td> | ||
147 | </tr> | ||
148 | <tr> | ||
149 | <td><code>a</code></td> | ||
150 | <td>{{ 'howto.shortcuts.toggle_archive'|trans }}</td> | ||
151 | </tr> | ||
152 | <tr> | ||
153 | <td><code>del</code></td> | ||
154 | <td>{{ 'howto.shortcuts.delete'|trans }}</td> | ||
155 | </tr> | ||
156 | </tbody> | ||
157 | </table> | ||
158 | |||
159 | <h5>{{ 'howto.shortcuts.material_title'|trans }}</h5> | ||
160 | |||
161 | <table class="bordered"> | ||
162 | <thead> | ||
163 | <tr> | ||
164 | <th>{{ 'howto.shortcuts.shortcut'|trans }}</th> | ||
165 | <th>{{ 'howto.shortcuts.action'|trans }}</th> | ||
166 | </tr> | ||
167 | </thead> | ||
168 | |||
169 | <tbody> | ||
170 | <tr> | ||
171 | <td><code>g n</code></td> | ||
172 | <td>{{ 'howto.shortcuts.add_link'|trans }}</td> | ||
173 | </tr> | ||
174 | <tr> | ||
175 | <td><code>esc</code></td> | ||
176 | <td>{{ 'howto.shortcuts.hide_form'|trans }}</td> | ||
177 | </tr> | ||
178 | <tr> | ||
179 | <td><code>← →</code></td> | ||
180 | <td>{{ 'howto.shortcuts.arrows_navigation'|trans }}</td> | ||
181 | </tr> | ||
182 | <tr> | ||
183 | <td><code>enter</code></td> | ||
184 | <td>{{ 'howto.shortcuts.open_article'|trans }}</td> | ||
185 | </tr> | ||
186 | </tbody> | ||
187 | </table> | ||
188 | </div> | ||
189 | |||
43 | </div> | 190 | </div> |
44 | </div> | 191 | </div> |
45 | </div> | 192 | </div> |