Changeset View
Changeset View
Standalone View
Standalone View
common/templates/common/components/file_carousel.html
| {% load static %} | {% load static %} | ||||
| {% load thumbnail %} | {% load thumbnail %} | ||||
| <div class="{{ card_sizes|default:"col-12 col-sm-6 col-lg-3" }} card-grid-item"> | <div class="{{ card_sizes|default:"col-12 col-sm-6 col-lg-3" }} card-grid-item"> | ||||
| <div class="file"> | <div class="file"> | ||||
| <div class="file-header"> | <div class="file-header"> | ||||
| <a href="{{ film_asset.url }}" data-asset-id="{{ film_asset.id }}" | <a href="{{ film_asset.url }}" data-asset-id="{{ film_asset.id }}" | ||||
| data-url="{% url 'api-asset' film_asset.id %}?site_context={{ site_context }}"> | data-url="{% url 'api-asset' film_asset.id %}?site_context={{ site_context }}"> | ||||
| {% if film_asset.static_asset.thumbnail_s_url %} | {% if film_asset.static_asset.thumbnail_s_url %} | ||||
| <img class="file-image" src="{{ film_asset.static_asset.thumbnail_s_url }}" alt="{{ asset.name }}"/> | <img class="file-image" src="{{ film_asset.static_asset.thumbnail_s_url }}" alt="{{ asset.name }}"/> | ||||
| {% endif %} | {% endif %} | ||||
| {% if asset.contains_blend_file %} | {% if asset.contains_blend_file %} | ||||
| <img class="file-icon" src="{% static "common/images/icons/blend.svg" %}" alt="asset preview"> | <img class="file-icon" src="{% static "common/images/icons/blend.svg" %}" alt="asset preview"> | ||||
| {% elif asset.static_asset.source_type == "file" %} | {% elif asset.static_asset.source_type == "file" %} | ||||
| <img class="file-icon" src="{% static "common/images/icons/file.svg" %}" alt="asset preview"> | <img class="file-icon" src="{% static "common/images/icons/file.svg" %}" alt="asset preview"> | ||||
| {% elif asset.static_asset.source_type == "video" %} | {% elif asset.static_asset.source_type == "video" %} | ||||
| <div class="badge badge-video-duration badge-darkhighlight-xstrong"> | <div class="badge badge-video-duration badge-darkhighlight-xstrong"> | ||||
| {{ asset.static_asset.video.duration_label }} | {{ asset.static_asset.video.duration_label }} | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| </a> | </a> | ||||
| {% if user_can_edit_asset %} | {% if user_can_edit_asset %} | ||||
| <a href="{{ asset.admin_url }}" target="_blank" class="btn btn-secondary btn-xs btn-icon btn-float"> | <a href="{{ asset.admin_url }}" target="_blank" class="btn btn-secondary btn-xs btn-icon btn-float"> | ||||
| <i class="material-icons btn-material-icons">create</i> | <i class="material-icons btn-material-icons">create</i> | ||||
| </a> | </a> | ||||
| {% endif %} | {% endif %} | ||||
| </div> | </div> | ||||
| <a class="file-body" href="{{ film_asset.url }}" data-tooltip="tooltip-overflow" data-placement="top" | <a class="file-body" href="{{ film_asset.url }}" data-tooltip="tooltip-overflow" data-placement="top" | ||||
| title="{{ asset.name }}" data-url="{% url 'api-asset' film_asset.id %}?site_context={{ site_context }}"> | title="{{ asset.name }}" data-url="{% url 'api-asset' film_asset.id %}?site_context={{ site_context }}"> | ||||
| <h4 class="overflow-text">{{ film_asset.name }}</h4> | <h4 class="overflow-text">{{ film_asset.name }}</h4> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||