Mercurial > libervia-templates
comparison 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 |
comparison
equal
deleted
inserted
replaced
282:46eee98c19d8 | 283:a50075db625c |
---|---|
1 <div class="column is-4 item" data-item='{{file|tojson}}'> | 1 <div class="column is-4 item" data-item='{{file|tojson}}'> |
2 <div class="card x-is-hoverable"> | 2 <div class="card x-is-hoverable"> |
3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> | 3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> |
4 <a href="{{file.url}}" class="is-wrapping photo_thumb_click"> | 4 {% if file.mime_type[:5] == 'video' %} |
5 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> | 5 <a href="{{file.url}}" class="is-video-thumbnail-wrapper is-wrapping photo_thumb_click"> |
6 </a> | 6 <img class="is-photo-thumbnail" src="{{file.thumb_url}}"> |
7 <div class="media_overlay_play is-flex has-items-centered"> | |
8 <span class="icon"> | |
9 <i class="icon-play-circled"></i> | |
10 </span> | |
11 </div> | |
12 </a> | |
13 {% else %} | |
14 <a href="{{file.url}}" class="is-wrapping photo_thumb_click"> | |
15 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> | |
16 </a> | |
17 {% endif %} | |
7 </div> | 18 </div> |
8 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> | 19 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> |
9 <div class="level"> | 20 <div class="level"> |
10 <div class="level-left"> | 21 <div class="level-left"> |
11 {% if file.affiliation == 'owner' %} | 22 {% if file.affiliation == 'owner' %} |