Mercurial > libervia-templates
diff sat_templates/templates/bulma/photo/item.html @ 283:a50075db625c
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 |
line wrap: on
line diff
--- a/sat_templates/templates/bulma/photo/item.html Tue Aug 25 08:43:32 2020 +0200 +++ b/sat_templates/templates/bulma/photo/item.html Tue Aug 25 08:45:35 2020 +0200 @@ -1,9 +1,20 @@ <div class="column is-4 item" data-item='{{file|tojson}}'> <div class="card x-is-hoverable"> <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> - <a href="{{file.url}}" class="is-wrapping photo_thumb_click"> - <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> - </a> + {% if file.mime_type[:5] == 'video' %} + <a href="{{file.url}}" class="is-video-thumbnail-wrapper is-wrapping photo_thumb_click"> + <img class="is-photo-thumbnail" src="{{file.thumb_url}}"> + <div class="media_overlay_play is-flex has-items-centered"> + <span class="icon"> + <i class="icon-play-circled"></i> + </span> + </div> + </a> + {% else %} + <a href="{{file.url}}" class="is-wrapping photo_thumb_click"> + <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> + </a> + {% endif %} </div> <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> <div class="level">