Files
interchan/board/templates/board/post_snippet.html
Alek Ratzloff 925c17675f Add inline image expansion
Clicking an image will expand it.

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
2022-07-12 22:26:51 -07:00

70 lines
2.1 KiB
HTML

{% load post_body %}
{% load i18n %}
<div
id="p{{post.id}}"
data-report-url="{% url 'board:report_form' board.url post.id %}"
{% if perms.board.add_ban %}
data-ban-url="{% url 'board:ban_create' board.url post.id %}"
{% endif %}
{% if can_modify %}
data-modify-url="{% url 'board:post_modify' post.id %}"
{% endif %}
>
{# Post ID, status icons, username, time #}
{% if post.sticky and not post.op %}
<span title="Stickied" class="fa fa-thumb-tack"></span>
{% endif %}
{% if post.lock and not post.op %}
<span title="Locked" class="fa fa-lock"></span>
{% endif %}
<a href="#p{{post.id}}">#.</a>
<span class="post_id">{{post.id}}</span>
{% if post.subject %}
<span class="post_subject">{{post.subject}}</span>
{% endif %}
{% blocktranslate with post_name=post.name|default:"Anonymous" %}
by
<span class="post_name">{{post_name}}</span>
{% endblocktranslate %}
{% if post.capcode %}
<span class="post_capcode" style="color: {{post.capcode.color}};">{{post.capcode}}</span>
{% endif %}
{% blocktranslate with post_created=post.created %}
at {{post_created}}
{% endblocktranslate %}
{% if reply_link %}
[<a href="{{post.get_absolute_url}}">{% translate "Reply" %}</a>]
{% endif %}
<a href="#" class="post_menu_button" data-id="post_menu_button"></a>
{# Image #}
{% if post.thumbnail %}
{# Image info #}
<div class="post_image_info">
{% translate "File" %}
<a href="{{post.image.url}}" target="_blank">{{post.original_image_name}}</a>
({{post.image.size|measure_bytes}}, {{post.image_width}}x{{post.image_height}})
</div>
{# Image thumbnail #}
<div class="post_image_thumbnail">
<a href="{{post.image.url}}" target="_blank">
<img class="post_image" src="{{post.thumbnail.url}}" data-url="{{post.image.url}}" data-thumb="{{post.thumbnail.url}}">
</a>
</div>
{% endif %}
{# "X replies elided" dialog for OPs on the board #}
<div class="post_content">
{% if replies_elided > 0 %}
<br/>
<span class="replies_elided">
({% blocktranslate %}{{replies_elided}} replies elided, click reply to view{% endblocktranslate %})
</span>
{% endif %}
{# Post body #}
<p class="post_body">{{post|post_body|safe}}</p>
</div>
</div>