yenu/resources/templates/detail.html

104 lines
2.8 KiB
HTML
Raw Normal View History

{% extends "layout.html" %}
{% block content %}
2017-03-28 00:19:23 +02:00
<div class="btn-group pull-right clearfix" role="group">
2017-03-21 23:35:13 +01:00
{% if next-image %}
<a class="btn btn-secondary" href="/show/{{ next-image.id }}">
{% else %}
<a class="btn btn-secondary disabled" href="#">
{% endif %}
2017-03-22 01:02:51 +01:00
<span class="fa fa-arrow-left"></span>
2017-03-28 00:19:23 +02:00
Neuer
2017-03-21 23:35:13 +01:00
</a>
2017-03-22 01:02:51 +01:00
<a class="btn btn-secondary" href="/">
<span class="fa fa-home"></span>
2017-03-28 00:19:23 +02:00
Gallerie
2017-03-22 01:02:51 +01:00
</a>
2017-03-21 23:35:13 +01:00
{% if prev-image %}
<a class="btn btn-secondary" href="/show/{{ prev-image.id }}">
{% else %}
<a class="btn btn-secondary disabled" href="#">
{% endif %}
2017-03-28 00:19:23 +02:00
Älter
2017-03-22 01:02:51 +01:00
<span class="fa fa-arrow-right"></span>
</a>
</div>
2017-03-28 00:19:23 +02:00
<div class="pull-left clearfix">
2017-03-21 23:35:13 +01:00
<h1>{{ image.title }}</h1>
<div id="image-tags">
{% for tag in tags %}
2017-03-29 14:39:03 +02:00
<span class="badge badge-info">{{ tag.tagname }}</span>
2017-03-21 23:35:13 +01:00
{% endfor %}
</div>
</div>
<div class="clearfix"></div>
2017-03-22 01:02:51 +01:00
<hr>
2017-03-21 23:35:13 +01:00
<div class="detail-image">
<a href="/images/raw/{{ image.hash }}.png">
<img class="card-img-top" src="/images/raw/{{ image.hash }}.png" alt="{{ image.title }}"/>
</a>
</div>
2017-03-22 01:02:51 +01:00
<hr>
2017-03-29 22:48:29 +02:00
{% ifequal identity ":creator" %}
2017-03-28 00:19:23 +02:00
<div class="btn-group pull-right clearfix" role="group">
<a class="btn btn-primary btn-sm" href="/edit/{{ image.id }}">
<span class="fa fa-pencil"></span>
Bearbeiten
</a>
<a class="btn btn-danger btn-sm" href="/delete/{{ image.id }}">
<span class="fa fa-trash"></span>
Löschen
</a>
</div>
2017-03-29 22:48:29 +02:00
{% endifequal %}
2017-03-22 01:02:51 +01:00
<p>{{ image.created_at|parse-date|date:"dd-MM-yyyy HH:mm" }} Uhr</p>
{% if image.description|length > 0 %}
2017-03-22 01:02:51 +01:00
<div class="col-md7">
2017-03-21 23:35:13 +01:00
<p>{{ image.description|markdown-to-html|safe }}</p>
</div>
{% endif %}
2017-04-03 21:21:48 +02:00
<ul class="list-unlisted">
{% for comment in comments %}
<li class="media mb-3">
<a name="{{ comment.id }}"></a>
<img src="https://robohash.org/{{ comment.author }}?size=50x50" class="d-flex mr-3"/>
<div class="media-body">
<h5 class="mt-0 mb-1">{{ comment.author }}</h5>
{{ comment.comment|markdown-to-html|safe }}
</div>
</li>
{% endfor %}
</ul>
<form action="/add-comment/{{ image.id }}" method="POST" class="form-horizontal">
{% csrf-field %}
<div class="form-group">
<label for="author">Name</label>
<input type="text" name="author" class="form-control"
value="{{ saved-author }}"
placeholder="Bitte einen Namen wählen (wird beim nächsten Mal gespeichert)">
</div>
<div class="form-group">
<label for="comment">Kommentar</label>
<textarea name="comment" class="form-control" rows="3"
placeholder="Es kann auch Markdown-Syntax verwendet werden"></textarea>
</div>
<button type="submit" class="btn btn-success">
<span class="fa fa-floppy-o"></span>
Kommentar hinzufügen
</button>
</form>
{% endblock %}