etiquette/templates/photo_card.html

62 lines
1.7 KiB
HTML
Raw Normal View History

2016-11-06 04:24:43 +00:00
{% set thumbnails =
2016-10-10 03:50:13 +00:00
{
"audio": "audio",
"txt": "txt",
2016-10-30 21:20:46 +00:00
"svg": "svg",
2016-10-10 03:50:13 +00:00
"video": "video",
2016-11-07 02:00:30 +00:00
"7z": "archive",
"gz": "archive",
"rar": "archive",
"tar": "archive",
"zip": "archive",
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_list">
<a target="_blank" href="/photo/{{photo["id"]}}">{{photo["filename"]}}</a>
</div>
{% else %}
<div class="photo_card_grid">
<div class="photo_card_grid_thumb">
2016-10-10 03:50:13 +00:00
<a target="_blank" href="/photo/{{photo["id"]}}">
2016-09-18 08:33:46 +00:00
<img height="150"
2016-10-10 03:50:13 +00:00
{% if photo["has_thumbnail"] %}
src="/thumbnail/{{photo["id"]}}.jpg"
2016-09-18 08:33:46 +00:00
{% else %}
2016-10-10 03:50:13 +00:00
{% set choice =
2016-11-06 04:24:43 +00:00
thumbnails.get(photo["extension"],
thumbnails.get(photo["mimetype"],
'other'))
2016-10-10 03:50:13 +00:00
%}
src="/static/basic_thumbnails/{{choice}}.png"
2016-09-18 08:33:46 +00:00
{% endif %}
</a>
</div>
2016-11-07 02:00:30 +00:00
<div class="photo_card_grid_info">
2016-10-10 03:50:13 +00:00
<a target="_blank" href="/photo/{{photo["id"]}}">{{photo["filename"]}}</a>
2016-11-07 02:00:30 +00:00
<span class="photo_card_grid_file_metadata">
2016-10-10 03:50:13 +00:00
{% if photo["width"] %}
{{photo["width"]}}x{{photo["height"]}},
{% endif %}
{% if photo["duration"] %}
2016-11-06 04:24:43 +00:00
{{photo["duration_str"]}},
2016-09-18 08:33:46 +00:00
{% endif %}
2016-11-07 02:00:30 +00:00
{{photo["bytes_str"]}}
2016-10-10 03:50:13 +00:00
</span>
2016-11-07 02:00:30 +00:00
<span class="photo_card_grid_tags">
2016-10-10 03:50:13 +00:00
{% if photo["tags"] %}
{% set tags=[] %}
{% for tag in photo["tags"] %}
{% do tags.append(tag["name"]) %}
{% endfor %}
<span title="{{", ".join(tags)}}">T</span>
{% endif %}
2016-09-18 08:33:46 +00:00
</span>
</div>
</div>
2016-11-07 02:00:30 +00:00
{% endif %}
2016-09-18 08:33:46 +00:00
{% endmacro %}