Page MenuHome
Differential D11410 Diff 37550 common/templates/common/components/file.html

Changeset View

Standalone View

View Options

common/templates/common/components/file.html

Show All 27 Lines <a href="?asset={{ asset.id }}" class="file-modal-link" data-asset-id="{{ asset.id }}"
{% include "common/components/helpers/image_resize.html" with alt=asset.name classes="file-image locked" img_source=asset.static_asset.thumbnail width="200" %} {% include "common/components/helpers/image_resize.html" with alt=asset.name classes="file-image locked" img_source=asset.static_asset.thumbnail width="200" %}
{% 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 %}
{% else %} {% else %}
{% 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 == "video" %} {% elif asset.static_asset.source_type == "video" %}
<img class="file-icon" src="{% static "common/images/icons/video.svg" %}" alt="asset preview"> <img class="file-icon" src="{% static "common/images/icons/video.svg" %}" alt="asset preview">
<div class="badge badge-video-duration badge-darkhighlight-xstrong"> <div class="badge badge-video-duration badge-darkhighlight-xstrong">
{{ asset.static_asset.video.duration }} {{ asset.static_asset.video.duration }}
</div> </div>
{% else %} {% else %}
<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">
{% endif %} {% endif %}
{% 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 file-modal-link" href="?asset={{ asset.id }}" data-asset-id="{{ asset.id }}" <a class="file-body file-modal-link" href="?asset={{ asset.id }}" data-asset-id="{{ asset.id }}"
data-url="{% url 'api-asset' asset.id %}?site_context={{ site_context }}"> data-url="{% url 'api-asset' asset.id %}?site_context={{ site_context }}">
{% if asset.is_free %} {% if asset.is_free %}
<i class="material-icons icon-inline small text-success mr-1" data-toggle="tooltip" data-placement="top" <i class="material-icons icon-inline small text-success mr-1" data-toggle="tooltip" data-placement="top"
title="Free">lock_open</i> title="Free">lock_open</i>
{% endif %} {% endif %}
<span data-tooltip="tooltip-overflow" data-placement="top" title="{{ asset.name }}" class="overflow-text"> <span data-tooltip="tooltip-overflow" data-placement="top" title="{{ asset.name }}" class="overflow-text">
<h4 class="overflow-text">{{ asset.name }}</h4> <h4 class="overflow-text">{{ asset.name }}</h4>
</span> </span>
</a> </a>
</div> </div>