Mercurial > libervia-templates
annotate sat_templates/templates/default/photo/album.html @ 183:240bbac435f4
base: implemented language button:
- `component.menu` can now be used with a `{% call %}`, allowing extra HTML to be added after in the <nav> element
- a language dropdown is shown if more than one translation is available, allowing to change page locale
- if javascript is available, only the dropdown is visible, and changing it reload the page with new locale
- if javascript is not available, a submit button is display to change the locale
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 10 Apr 2019 21:05:58 +0200 |
| parents | 4a03d0a6839b |
| children | db2e11c45082 |
| rev | line source |
|---|---|
| 124 | 1 {% extends 'base/base.html' %} |
| 2 {% import 'input/textbox.html' as textbox with context %} | |
| 3 {% import 'blog/macros.html' as blog with context %} | |
| 4 | |
| 5 {% block body %} | |
| 6 {{ icon_defs('comment-empty') }} | |
| 7 <div class="album"> | |
| 8 {% for file in files_data %} | |
| 9 {% if file.type == C.FILE_TYPE_FILE %} | |
| 10 <div class="album__item"> | |
| 11 <div class="album__vignette"> | |
| 12 <img src="{{file.thumb_url}}" class="album__thumbnail" alt="{{file.name}}"> | |
| 13 </div> | |
| 14 {% if file.comments_url is defined %} | |
| 15 <span class='album__comments-bar' onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> | |
| 16 {% trans %}comments{% endtrans %} | |
| 17 {% if file.comments_count %} | |
| 18 <span class='comments__count'>({{file.comments_count}})</span> | |
| 19 {% endif %} | |
|
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
20 {{ icon('comment-empty', cls='icon--text') }} |
| 124 | 21 </span> |
| 22 <div id='{{'comments_panel'|cur_gidx}}' class="panel-drawer"> | |
| 23 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} | |
| 24 <div class="comment_post"> | |
| 25 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} | |
| 26 </div> | |
| 27 </div> | |
| 28 {% endif %} | |
| 29 </div> | |
| 30 {% endif %} | |
| 31 {% endfor %} | |
| 32 </div> | |
| 33 {% endblock body %} |