photolib/templates/create_tags.html

63 lines
2.6 KiB
HTML

{% set title = "Edit tags - {} photo{}".format(num_photos, "s" if num_photos > 1 else "") %}
{% extends "page.html" %}
{% block title %}Tagging {{ num_photos }} photo{% if num_photos > 1 %}s{% endif %}{% endblock %}
{% block subtitle %}{% endblock %}
{% block buttons %}{% endblock %}
{% block body %}
{% set preview = 9 %}
<div class="photo-tagging pure-g">
<div class="current-tags pure-u-1-3">
<h2>Images ({{ num_photos }})</h2>
<div>
{% for image in images %}{% if loop.index <= preview %}
<a href="/photo/{{ image.uuid }}">
<img src="/thumb/set/small/{{ image.uuid }}.jpg" />
</a>
{% endif %}{% endfor %}
</div>
{% if num_photos > preview %}<br clear="both" /><p>...and {{ num_photos - preview }} more</p>{% endif %}
<h2>Current Tags</h2>
<ul class="tags-picker">
{% for tagi in images[0].tags %}
<li>
<form action="/create_tags" method="post">
{% if fromdate %}<input type="hidden" name="fromdate" value="{{ fromdate }}" />{% endif %}
{% if uuid %}<input type="hidden" name="uuid" value="{{ uuid }}" />{% endif %}
<input type="hidden" name="remove" value="{{ tagi.tag.uuid }}" />
<input class="submit-link" type="submit" value="{{ tagi.tag.name }}" />
</form>
</li>
{% endfor %}
</ul>
</div>
<div class="all-tags pure-u-1-3">
<h2>All tags</h2>
<ul class="tags-picker">
{% for tag in alltags %}
<li>
<form action="/create_tags" method="post">
{% if fromdate %}<input type="hidden" name="fromdate" value="{{ fromdate }}" />{% endif %}
{% if uuid %}<input type="hidden" name="uuid" value="{{ uuid }}" />{% endif %}
<input type="hidden" name="tag" value="{{ tag.uuid }}" />
<input class="submit-link" type="submit" value="{{ tag.name }}" />
</form>
</li>
{% endfor %}
</ul>
</div>
<div class="add-tags pure-u-1-3">
<h2>Add tag</h2>
<form action="/create_tags" method="post" class="pure-form">
{% if fromdate %}<input type="hidden" name="fromdate" value="{{ fromdate }}" />{% endif %}
{% if uuid %}<input type="hidden" name="uuid" value="{{ uuid }}" />{% endif %}
<input type="text" name="newtag" placeholder="new tag name" />
<input type="submit" value="Add" class="pure-button pure-button-primary" />
</form>
</div>
</div>
{% endblock %}