comparison default/photo/album.html @ 124:11e729a7d8e9

photo: photos handling, first draft: this template is a specialized file view for photo albums. A comments panel is added if a comments link is found.
author Goffi <goffi@goffi.org>
date Sun, 18 Mar 2018 11:31:36 +0100
parents
children
comparison
equal deleted inserted replaced
123:44b838bcc0d6 124:11e729a7d8e9
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 %}
20 {{ icon('comment-empty', cls='icon--small') }}
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 %}