etiquette/frontends/etiquette_flask/templates/photo_card.html

79 lines
2.5 KiB
HTML
Raw Normal View History

{# Specific extensions, then specific mimetypes, then general mimtypes #}
2016-11-06 04:24:43 +00:00
{% set thumbnails =
2016-10-10 03:50:13 +00:00
{
"svg": "svg",
"application/zip": "archive",
"application/x-tar": "archive",
"archive": "archive",
"audio": "audio",
2017-06-19 23:13:42 +00:00
"image": "image",
2016-10-10 03:50:13 +00:00
"video": "video",
"text": "txt",
2016-10-10 03:50:13 +00:00
}
%}
2016-11-07 02:00:30 +00:00
{% macro create_photo_card(photo, view="grid") %}
{% if view == "list" %}
<div class="photo_card photo_card_list" data-id="{{photo.id}}">
<input type="checkbox" class="photo_card_selector_checkbox" onclick="on_photo_select(event)"/>
<span class="photo_card_filename"><a target="_blank" href="/photo/{{photo.id}}">{{photo.basename}}</a></span>
2018-03-18 07:19:30 +00:00
<a class="photo_card_metadata" target="_blank" href="/file/{{photo.id + photo.dot_extension}}">{{photo.bytestring}}</a>
2016-11-07 02:00:30 +00:00
</div>
{% else %}
{% if photo.thumbnail %}
{% set thumbnail_src = "/thumbnail/" + photo.id + ".jpg" %}
{% else %}
{% set thumbnail_src =
thumbnails.get(photo.extension, "") or
thumbnails.get(photo.mimetype, "") or
thumbnails.get(photo.simple_mimetype, "") or
"other"
%}
{% set thumbnail_src = "/static/basic_thumbnails/" + thumbnail_src + ".png" %}
{% endif %}
{% set tag_names_title = [] %}
2018-02-17 07:07:21 +00:00
{% for tag in photo.get_tags() %}
{% do tag_names_title.append(tag.name) %}
{% endfor %}
{% set tag_names_title = ", ".join(tag_names_title) %}
{% if tag_names_title %}
{% set tag_names_inner = "T" %}
{% else %}
{% set tag_names_inner = "" %}
{% endif %}
{% set metadata_inner = "" %}
{% if photo.width %}
{% set metadata_inner = "{m}{w}&times;{h}, ".format(m=metadata_inner, w=photo.width, h=photo.height) %}
{% endif %}
{% if photo.duration %}
{% set metadata_inner = "{m}{d}, ".format(m=metadata_inner, d=photo.duration_string) %}
{% endif %}
<div class="photo_card photo_card_grid" data-id="{{photo.id}}">
<a class="photo_card_thumbnail" target="_blank" href="/photo/{{photo.id}}">
<img src="{{thumbnail_src}}">
</a>
<div class="photo_card_filename">
<a target="_blank" href="/photo/{{photo.id}}">{{photo.basename}}</a>
2016-09-18 08:33:46 +00:00
</div>
<span class="photo_card_tags" title="{{tag_names_title}}">{{tag_names_inner}}</span>
<span class="photo_card_metadata">
{{- metadata_inner|safe -}}
2018-03-18 07:19:30 +00:00
<a target="_blank" href="/file/{{photo.id + photo.dot_extension}}">{{photo.bytestring}}</a>
</span>
<input type="checkbox" class="photo_card_selector_checkbox" onclick="on_photo_select(event)"/>
2016-09-18 08:33:46 +00:00
</div>
2016-11-07 02:00:30 +00:00
{% endif %}
2016-12-14 21:26:42 +00:00
{% endmacro %}