Mercurial > libervia-templates

annotate sat_templates/templates/bulma/photo/item.html @ 283:a50075db625c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (photo/item): show videos and their thumbnails
author Goffi <goffi@goffi.org>
date Tue, 25 Aug 2020 08:45:35 +0200
parents 1a68c078a233
children 671085989f2f
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 <div class="column is-4 item" data-item='{{file|tojson}}'>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 <div class="card x-is-hoverable">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light">
283
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
4 {% if file.mime_type[:5] == 'video' %}
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
5 <a href="{{file.url}}" class="is-video-thumbnail-wrapper is-wrapping photo_thumb_click">
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
6 <img class="is-photo-thumbnail" src="{{file.thumb_url}}">
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
7 <div class="media_overlay_play is-flex has-items-centered">
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
8 <span class="icon">
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
9 <i class="icon-play-circled"></i>
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
10 </span>
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
11 </div>
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
12 </a>
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
13 {% else %}
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
14 <a href="{{file.url}}" class="is-wrapping photo_thumb_click">
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
15 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}">
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
16 </a>
a50075db625c bulma (photo/item): show videos and their thumbnails
Goffi <goffi@goffi.org>
parents: 257
diff changeset
17 {% endif %}
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 <div class="level">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <div class="level-left">
257
1a68c078a233 bulma (photo/item): only show delete icon if user is owner of the item
Goffi <goffi@goffi.org>
parents: 252
diff changeset
22 {% if file.affiliation == 'owner' %}
1a68c078a233 bulma (photo/item): only show delete icon if user is owner of the item
Goffi <goffi@goffi.org>
parents: 252
diff changeset
23 <div class="level-item is-size-7 x-is-hoverable-primary action_delete">
1a68c078a233 bulma (photo/item): only show delete icon if user is owner of the item
Goffi <goffi@goffi.org>
parents: 252
diff changeset
24 {{ icon('trash-empty', cls='icon is-small') }}
1a68c078a233 bulma (photo/item): only show delete icon if user is owner of the item
Goffi <goffi@goffi.org>
parents: 252
diff changeset
25 </div>
1a68c078a233 bulma (photo/item): only show delete icon if user is owner of the item
Goffi <goffi@goffi.org>
parents: 252
diff changeset
26 {% endif %}
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 <div class="level-right">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 <div class="level-item is-size-7">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {% if file.comments_url is defined %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 {% if file.comments_count %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 <span class='comments__count'>{{file.comments_count}} </span>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 {% endif %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 {{ icon('comment-empty', cls='icon is-small') }}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 {% endif %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
36 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
41 {% if uploading %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
42 <progress class="progress is-info mt-4 has-background-white" value="0" max="100">0%</progress>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
43 {% else %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 <div id='{{'comments_panel'|cur_gidx}}' class="mt-4 panel-drawer">
247
40fccd3b7cf0 updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents: 243
diff changeset
45 {% if file.comments %}
40fccd3b7cf0 updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents: 243
diff changeset
46 {{ blog.show_items(file.comments['items'], expanded=true, dates_fmt='relative') }}
40fccd3b7cf0 updated code to handle blog items following data structure change in backend/Libervia
Goffi <goffi@goffi.org>
parents: 243
diff changeset
47 {% endif %}
243
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 <div class="comment_post mt-4">
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
51 </div>
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 {% endif %}
2b8d18a9df00 bulma (photo/album): change for dynamic content:
Goffi <goffi@goffi.org>
parents:
diff changeset
53 </div>