Mercurial > libervia-templates
annotate sat_templates/templates/default/photo/album.html @ 192:db2e11c45082
photo (album): vignettes are now clickable
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 27 Apr 2019 11:31:04 +0200 |
parents | 4a03d0a6839b |
children |
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"> | |
192
db2e11c45082
photo (album): vignettes are now clickable
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
12 <a href="{{file.url}}"> |
db2e11c45082
photo (album): vignettes are now clickable
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
13 <img src="{{file.thumb_url}}" class="album__thumbnail" alt="{{file.name}}"> |
db2e11c45082
photo (album): vignettes are now clickable
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
14 </a> |
124 | 15 </div> |
16 {% if file.comments_url is defined %} | |
17 <span class='album__comments-bar' onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> | |
18 {% trans %}comments{% endtrans %} | |
19 {% if file.comments_count %} | |
20 <span class='comments__count'>({{file.comments_count}})</span> | |
21 {% endif %} | |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
22 {{ icon('comment-empty', cls='icon--text') }} |
124 | 23 </span> |
24 <div id='{{'comments_panel'|cur_gidx}}' class="panel-drawer"> | |
25 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} | |
26 <div class="comment_post"> | |
27 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} | |
28 </div> | |
29 </div> | |
30 {% endif %} | |
31 </div> | |
32 {% endif %} | |
33 {% endfor %} | |
34 </div> | |
35 {% endblock body %} |