Mercurial > libervia-templates
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/default/photo/album.html Sun Mar 18 11:31:36 2018 +0100 @@ -0,0 +1,33 @@ +{% extends 'base/base.html' %} +{% import 'input/textbox.html' as textbox with context %} +{% import 'blog/macros.html' as blog with context %} + +{% block body %} +{{ icon_defs('comment-empty') }} +<div class="album"> + {% for file in files_data %} + {% if file.type == C.FILE_TYPE_FILE %} + <div class="album__item"> + <div class="album__vignette"> + <img src="{{file.thumb_url}}" class="album__thumbnail" alt="{{file.name}}"> + </div> + {% if file.comments_url is defined %} + <span class='album__comments-bar' onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> + {% trans %}comments{% endtrans %} + {% if file.comments_count %} + <span class='comments__count'>({{file.comments_count}})</span> + {% endif %} + {{ icon('comment-empty', cls='icon--small') }} + </span> + <div id='{{'comments_panel'|cur_gidx}}' class="panel-drawer"> + {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} + <div class="comment_post"> + {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} + </div> + </div> + {% endif %} + </div> + {% endif %} + {% endfor %} +</div> +{% endblock body %}