|
230
|
1 {% extends 'base/base.html' %} |
|
|
2 {% import 'components/avatar.html' as avatar with context %} |
|
|
3 {% import 'input/textbox.html' as textbox with context %} |
|
|
4 {% import 'blog/macros.html' as blog with context %} |
|
|
5 |
|
|
6 {% block body %} |
|
|
7 {{ icon_defs('comment-empty') }} |
|
|
8 <div class="columns album is-multiline has-margin-top-1"> |
|
|
9 {% for file in files_data %} |
|
|
10 {% if file.type == C.FILE_TYPE_FILE %} |
|
|
11 <div class="column is-4"> |
|
|
12 <div class="card x-is-hoverable"> |
|
|
13 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> |
|
|
14 <a href="{{file.url}}" class="is-wrapping"> |
|
|
15 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> |
|
|
16 </a> |
|
|
17 </div> |
|
|
18 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> |
|
|
19 <div class="level"> |
|
|
20 <div class="level-left"></div> |
|
|
21 <div class="level-right"> |
|
|
22 <div class="level-item is-size-7"> |
|
|
23 {% if file.comments_url is defined %} |
|
|
24 {% if file.comments_count %} |
|
|
25 <span class='comments__count'>{{file.comments_count}} </span> |
|
|
26 {% endif %} |
|
|
27 {{ icon('comment-empty', cls='icon is-small') }} |
|
|
28 {% endif %} |
|
|
29 </div> |
|
|
30 </div> |
|
|
31 </div> |
|
|
32 </div> |
|
|
33 </div> |
|
|
34 <div id='{{'comments_panel'|cur_gidx}}' class="has-margin-top-1 panel-drawer"> |
|
|
35 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} |
|
|
36 <div class="comment_post has-margin-top-1"> |
|
|
37 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} |
|
|
38 </div> |
|
|
39 </div> |
|
|
40 </div> |
|
|
41 {% endif %} |
|
|
42 {% endfor %} |
|
|
43 </div> |
|
|
44 {% endblock body %} |
