takahe/templates/activities/_post.html

110 lines
5.6 KiB
HTML
Raw Normal View History

2022-11-12 05:02:43 +00:00
{% load static %}
2022-11-13 23:14:38 +00:00
{% load activity_tags %}
<div class="post {% if reply %}reply{% endif %} {{ post.summary_class }}" data-takahe-id="{{ post.id }}" role="article" tabindex="0">
2022-11-12 05:02:43 +00:00
<div class="post-banner">
2023-01-09 16:58:17 +00:00
{% include "identity/_identity_banner.html" with identity=post.author %}
<div>
<time _="on click go url {% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %} then halt">
{% if post.visibility == 0 %}
<i class="visibility fa-solid fa-earth-oceania" title="Public" aria-label="public"></i>
{% elif post.visibility == 1 %}
<i class="visibility fa-solid fa-lock-open" title="Unlisted" aria-label="unlisted"></i>
{% elif post.visibility == 2 %}
<i class="visibility fa-solid fa-lock" title="Followers Only" aria-label="followers only"></i>
{% elif post.visibility == 3 %}
<i class="visibility fa-solid fa-at" title="Mentioned Only" aria-label="mentioned only"></i>
{% elif post.visibility == 4 %}
<i class="visibility fa-solid fa-link-slash" title="Local Only" aria-label="local only"></i>
{% endif %}
{% if post.published %}
<a href="{% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %}" title="{{ post.published }}">{{ post.published | timedeltashort }}</a>
{% else %}
<a href="{% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %}" title="{{ post.created }}">{{ post.created | timedeltashort }}</a>
{% endif %}
</time>
</div>
</div>
2022-11-13 23:14:38 +00:00
2022-11-16 01:50:09 +00:00
{% if post.summary %}
2023-04-27 06:54:38 +00:00
<div class="summary" _="on click or keyup[key is 'Enter'] toggle .enabled on <.{{ post.summary_class }} .summary/> then toggle .hidden on <.{{ post.summary_class }} .content/> then halt" tabindex="0">
2023-01-09 16:58:17 +00:00
{{ post.summary }}
2022-11-16 01:50:09 +00:00
</div>
{% endif %}
<div class="content {% if post.summary %}hidden {% endif %}">
{{ post.safe_content_local }}
{% if post.attachments.exists %}
2023-01-09 16:58:17 +00:00
<div class="attachments">
{% for attachment in post.attachments.all %}
{% if attachment.is_image %}
<a href="{{ attachment.full_url.relative }}" class="image" target="_blank"
_="on click halt the event then call imageviewer.show(me)">
<img src="{{ attachment.thumbnail_url.relative }}" title="{{ attachment.name }}" alt="{{ attachment.name|default:'(no description)' }}" loading="lazy" data-original-url="{{ attachment.full_url.relative }}">
{% if attachment.name %}
<div class="badge">ALT</div>
{% endif %}
2023-01-09 16:58:17 +00:00
</a>
{% elif attachment.is_video %}
<a href="{{ attachment.full_url.relative }}" class="video">
<video muted controls loop>
<source src="{{ attachment.full_url.relative }}" type="{{ attachment.mimetype }}">
2023-01-09 16:58:17 +00:00
</video>
</a>
{% endif %}
{% endfor %}
{% for attachment in post.attachments.all %}
{% if not attachment.is_image and not attachment.is_video %}
<a href="{{ attachment.full_url.relative }}" class="other">
<div class="other-label">
<i class="fa-solid fa-download"></i> {{ attachment.file_display_name }}
</div>
</a>
{% endif %}
2023-01-09 16:58:17 +00:00
{% endfor %}
</div>
{% endif %}
2022-11-12 05:02:43 +00:00
</div>
2022-11-27 18:09:46 +00:00
{% if post.edited %}
2023-01-09 16:58:17 +00:00
<div class="edited" title="{{ post.edited }}">
<small>Edited {{ post.edited | timedeltashort }} ago</small>
</div>
2022-11-27 18:09:46 +00:00
{% endif %}
2023-04-27 06:54:38 +00:00
<div class="actions">
2023-04-29 20:53:53 +00:00
<a title="Replies" href="{% if not post.local and post.url %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %}">
2023-04-27 06:54:38 +00:00
<i class="fa-solid fa-reply"></i>
2023-04-28 01:09:16 +00:00
<span class="like-count">{{ post.stats_with_defaults.replies|default:"0" }}</span>
2023-04-27 06:54:38 +00:00
</a>
2023-04-29 20:53:53 +00:00
<a title="Likes" class="no-action">
2023-04-27 06:54:38 +00:00
<i class="fa-solid fa-star"></i>
2023-04-28 01:09:16 +00:00
<span class="like-count">{{ post.stats_with_defaults.likes|default:"0" }}</span>
2023-04-27 06:54:38 +00:00
</a>
2023-04-29 20:53:53 +00:00
<a title="Boosts" class="no-action">
2023-04-27 06:54:38 +00:00
<i class="fa-solid fa-retweet"></i>
2023-04-28 01:09:16 +00:00
<span class="like-count">{{ post.stats_with_defaults.boosts|default:"0" }}</span>
2023-04-27 06:54:38 +00:00
</a>
<a title="Menu" class="menu" _="on click or keyup[key is 'Enter'] toggle .enabled on the next <menu/> then halt" role="menuitem" aria-haspopup="menu" tabindex="0">
<i class="fa-solid fa-bars"></i>
</a>
<menu>
<a href="{{ post.urls.view }}" role="menuitem">
<i class="fa-solid fa-comment"></i> View Post &amp; Replies
</a>
2023-04-28 01:09:16 +00:00
{% if not post.local and post.url %}
2023-04-27 06:54:38 +00:00
<a href="{{ post.url }}" role="menuitem">
<i class="fa-solid fa-arrow-up-right-from-square"></i> See Original
</a>
{% endif %}
{% if request.user.admin %}
<a href="{{ post.urls.admin_edit }}" role="menuitem">
<i class="fa-solid fa-gear"></i> View In Admin
</a>
{% endif %}
</menu>
</div>
2022-11-12 05:02:43 +00:00
</div>