Mercurial > libervia-templates
annotate sat_templates/templates/default/photo/album.html @ 295:1de599c5a68f
bulma (base): loading screen:
when the `loading_screen` variable is set before extending `base/base.html`, a loading
modal is shown (and must be removed via JavaScript). This avoids the user to try to use an
interface which is not reactive or working normally because JS is not fully loaded yet.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 27 Nov 2020 12:24:03 +0100 |
| parents | db2e11c45082 |
| 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 %} |