Aaron Fischer
4a135f7880
Update bootstrap required a lot of template work, so I had no change to split the commit in two separate commits to rebase the language change. This means, yenu is EN only by now.
111 lines
3.1 KiB
HTML
111 lines
3.1 KiB
HTML
{% extends "layout.html" %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="btn-group pull-right clearfix" role="group">
|
|
{% if next-image %}
|
|
<a class="btn btn-secondary" href="/show/{{ next-image.id }}" id="next-image">
|
|
{% else %}
|
|
<a class="btn btn-secondary disabled" href="#">
|
|
{% endif %}
|
|
|
|
<span class="fa fa-arrow-left"></span> Newer
|
|
|
|
</a>
|
|
|
|
<a class="btn btn-secondary" href="/">
|
|
<span class="fa fa-home"></span>
|
|
Gallery
|
|
</a>
|
|
|
|
{% if prev-image %}
|
|
<a class="btn btn-secondary" href="/show/{{ prev-image.id }}" id="prev-image">
|
|
{% else %}
|
|
<a class="btn btn-secondary disabled" href="#">
|
|
{% endif %}
|
|
|
|
Older <span class="fa fa-arrow-right"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="float-left clearfix">
|
|
<h1>{{ image.title }}</h1>
|
|
<div id="image-tags">
|
|
{% for tag in tags %}
|
|
<span class="badge badge-info">{{ tag.tagname }}</span>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="detail-image mb-3">
|
|
<a href="/images/raw/{{ image.hash }}">
|
|
<img class="" src="/images/normal/{{ image.hash }}" alt="{{ image.title }}"/>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="detail-attributes">
|
|
{% ifequal identity ":creator" %}
|
|
<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>
|
|
Edit
|
|
</a>
|
|
<a class="btn btn-danger btn-sm" href="/delete/{{ image.id }}">
|
|
<span class="fa fa-trash"></span>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
{% endifequal %}
|
|
|
|
<p>{{ image.created_at|parse-date|date:"dd.MM.yyyy, HH:mm" }}</p>
|
|
{% if image.description|length > 0 %}
|
|
<div class="col-md7">
|
|
<p>{{ image.description|markdown-to-html|safe }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="container">
|
|
{% for comment in comments %}
|
|
<a name="{{ comment.id }}"></a>
|
|
<div class="row">
|
|
<div class="col-1">
|
|
<img src="https://robohash.org/{{ comment.author }}?size=50x50" class="d-flex mr-3"/>
|
|
</div>
|
|
<div class="col-11">
|
|
<h5 class="mt-0 mb-1">{{ comment.author }}</h5>
|
|
{% ifequal identity ":creator" %}
|
|
<a class="btn btn-sm btn-danger" href="/delete-comment/{{ comment.id}}">Delete</a>
|
|
{% endifequal %}
|
|
|
|
{{ comment.comment|markdown-to-html|safe }}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<form action="/add-comment/{{ image.id }}" method="POST" class="form-horizontal">
|
|
{% csrf-field %}
|
|
|
|
<div class="mb-3">
|
|
<label for="author" class="form-label">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="mb-3">
|
|
<label for="comment" class="form-label">Comment</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>
|
|
Add Comment
|
|
</button>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|