Changeset View
Changeset View
Standalone View
Standalone View
common/templates/common/components/folder.html
| {% load static %} | {% load static %} | ||||
| {% load thumbnail %} | {% load thumbnail %} | ||||
| {% load common_extras %} | {% load common_extras %} | ||||
| <div class="file folder grid-item {{ card_sizes|default:"col-12 col-sm-6 col-md-6 col-lg-4" }} {% if aspect_ratio == "16:9" %}widescreen{% elif aspect_ratio == "4:3" %}fourbythree{% elif aspect_ratio == "1:1" %}square{% endif %}"> | <div class="file folder grid-item {{ card_sizes|default:"col-12 col-sm-6 col-md-6 col-lg-4" }} {% if aspect_ratio == "16:9" %}widescreen{% elif aspect_ratio == "4:3" %}fourbythree{% elif aspect_ratio == "1:1" %}square{% endif %}"> | ||||
| <div class="file-header"> | <div class="file-header"> | ||||
| <a class="file-folder-link" href="{{ child_collection.url }}"> | <a class="file-folder-link" href="{{ child_collection.url }}"> | ||||
| {% if child_collection.thumbnail %} | {% if child_collection.thumbnail %} | ||||
| <img class="file-image ml-auto mr-auto" src="{{ child_collection.thumbnail.url }}" alt="collection preview"> | <img class="file-image ml-auto mr-auto" src="{{ child_collection.thumbnail.url }}" alt="collection preview"> | ||||
| <img class="file-icon" src="{% static "common/images/icons/folder.svg" %}" alt="Folder Icon"> | <img class="file-icon" src="{% static "common/images/icons/folder.svg" %}" alt="Folder Icon"> | ||||
| {% else %} | {% else %} | ||||
| <img class="file-icon" src="{% static "common/images/icons/folder.svg" %}" alt="collection preview"> | <img class="file-icon" src="{% static "common/images/icons/folder.svg" %}" alt="collection preview"> | ||||
| {% endif %} | {% endif %} | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| <a class="file-body" href="{{ child_collection.url }}"> | <a class="file-body" href="{{ child_collection.url }}"> | ||||
| <h4>{{ child_collection.name }}</h4> | <h4>{{ child_collection.name }}</h4> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||