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' %}