microblog/app/templates/utils.html

640 lines
25 KiB
HTML
Raw Normal View History

2022-06-22 18:11:22 +00:00
{% macro embed_csrf_token() %}
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro embed_redirect_url(permalink_id=None) %}
<input type="hidden" name="redirect_url" value="{{ request.url }}{% if permalink_id %}#{{ permalink_id }}{% endif %}">
2022-06-22 18:11:22 +00:00
{% endmacro %}
2022-07-31 08:35:11 +00:00
{% macro admin_block_button(actor) %}
<form action="{{ request.url_for("admin_actions_block") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_actor_id" value="{{ actor.ap_id }}">
<input type="submit" value="block">
</form>
{% endmacro %}
{% macro admin_unblock_button(actor) %}
<form action="{{ request.url_for("admin_actions_unblock") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_actor_id" value="{{ actor.ap_id }}">
<input type="submit" value="unblock">
</form>
{% endmacro %}
2022-06-22 18:11:22 +00:00
{% macro admin_follow_button(actor) %}
<form action="{{ request.url_for("admin_actions_follow") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_actor_id" value="{{ actor.ap_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="follow">
2022-06-22 18:11:22 +00:00
</form>
{% endmacro %}
{% macro admin_accept_incoming_follow_button(notif) %}
<form action="{{ request.url_for("admin_actions_accept_incoming_follow") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="notification_id" value="{{ notif.id }}">
<input type="submit" value="accept follow">
</form>
{% endmacro %}
{% macro admin_reject_incoming_follow_button(notif) %}
<form action="{{ request.url_for("admin_actions_reject_incoming_follow") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="notification_id" value="{{ notif.id }}">
<input type="submit" value="reject follow">
</form>
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro admin_like_button(ap_object_id, permalink_id) %}
2022-06-22 18:11:22 +00:00
<form action="{{ request.url_for("admin_actions_like") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
2022-06-22 18:11:22 +00:00
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="like">
2022-06-22 18:11:22 +00:00
</form>
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro admin_bookmark_button(ap_object_id, permalink_id) %}
2022-06-26 09:09:43 +00:00
<form action="{{ request.url_for("admin_actions_bookmark") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
2022-06-26 09:09:43 +00:00
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="bookmark">
2022-06-26 09:09:43 +00:00
</form>
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro admin_unbookmark_button(ap_object_id, permalink_id) %}
2022-06-26 09:09:43 +00:00
<form action="{{ request.url_for("admin_actions_unbookmark") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
2022-06-26 09:09:43 +00:00
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="unbookmark">
2022-06-26 09:09:43 +00:00
</form>
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro admin_pin_button(ap_object_id, permalink_id) %}
<form action="{{ request.url_for("admin_actions_pin") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="pin">
</form>
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro admin_unpin_button(ap_object_id, permalink_id) %}
<form action="{{ request.url_for("admin_actions_unpin") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="unpin">
</form>
{% endmacro %}
2022-08-30 17:09:51 +00:00
{% macro admin_delete_button(ap_object) %}
2022-08-29 18:11:31 +00:00
<form action="{{ request.url_for("admin_actions_delete") }}" class="object-delete-form" method="POST">
2022-07-02 08:33:20 +00:00
{{ embed_csrf_token() }}
2022-09-07 17:45:34 +00:00
<input type="hidden" name="redirect_url" value="{% if request.url.path.endswith("/" + ap_object.public_id) or (request.url.path == "/admin/object" and request.query_params.ap_id.endswith("/" + ap_object.public_id)) %}{{ request.base_url}}{% else %}{{ request.url }}{% endif %}">
2022-08-30 17:09:51 +00:00
<input type="hidden" name="ap_object_id" value="{{ ap_object.ap_id }}">
2022-07-03 20:01:47 +00:00
<input type="submit" value="delete">
2022-07-02 08:33:20 +00:00
</form>
{% endmacro %}
2022-08-12 08:01:35 +00:00
{% macro admin_announce_button(ap_object_id, permalink_id=None) %}
2022-06-22 18:11:22 +00:00
<form action="{{ request.url_for("admin_actions_announce") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
2022-06-22 18:11:22 +00:00
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
2022-08-12 08:01:35 +00:00
<input type="submit" value="share">
2022-06-22 18:11:22 +00:00
</form>
{% endmacro %}
2022-07-15 18:01:55 +00:00
{% macro admin_undo_button(ap_object_id, action="undo", permalink_id=None) %}
2022-06-22 18:11:22 +00:00
<form action="{{ request.url_for("admin_actions_undo") }}" method="POST">
{{ embed_csrf_token() }}
2022-07-15 18:01:55 +00:00
{{ embed_redirect_url(permalink_id) }}
2022-06-22 18:11:22 +00:00
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="{{ action }}">
</form>
{% endmacro %}
2022-06-24 09:33:05 +00:00
{% macro admin_reply_button(ap_object_id) %}
<form action="/admin/new" method="GET">
<input type="hidden" name="in_reply_to" value="{{ ap_object_id }}">
2022-07-03 20:01:47 +00:00
<button type="submit">reply</button>
2022-06-24 09:33:05 +00:00
</form>
{% endmacro %}
2022-08-11 18:48:20 +00:00
{% macro admin_dm_button(actor_handle) %}
<form action="/admin/new" method="GET">
<input type="hidden" name="with_content" value="{{ actor_handle }}">
<input type="hidden" name="with_visibility" value="DIRECT">
<button type="submit">direct message</button>
</form>
{% endmacro %}
{% macro admin_mention_button(actor_handle) %}
<form action="/admin/new" method="GET">
<input type="hidden" name="with_content" value="{{ actor_handle }}">
<button type="submit">mention</button>
</form>
{% endmacro %}
2022-06-25 10:19:12 +00:00
{% macro admin_profile_button(ap_actor_id) %}
<form action="{{ url_for("admin_profile") }}" method="GET">
<input type="hidden" name="actor_id" value="{{ ap_actor_id }}">
2022-07-03 20:01:47 +00:00
<button type="submit">profile</button>
2022-06-25 10:19:12 +00:00
</form>
{% endmacro %}
2022-08-27 07:45:14 +00:00
{% macro admin_expand_button(ap_object) %}
{# TODO turn these into a regular link and append permalink ID if it's a reply #}
2022-06-25 10:29:35 +00:00
<form action="{{ url_for("admin_object") }}" method="GET">
2022-08-27 07:45:14 +00:00
<input type="hidden" name="ap_id" value="{{ ap_object.ap_id }}">
2022-07-03 20:01:47 +00:00
<button type="submit">expand</button>
2022-06-25 10:29:35 +00:00
</form>
{% endmacro %}
2022-06-28 18:10:25 +00:00
{% macro display_box_filters(route) %}
2022-07-09 06:15:33 +00:00
<nav class="flexbox box">
2022-07-03 20:01:47 +00:00
<ul>
<li>Filter by</li>
2022-07-25 19:48:40 +00:00
{% for ap_type in ["Note", "Article", "Page", "Question", "Like", "Announce", "Follow"] %}
2022-07-03 20:01:47 +00:00
<li><a href="{{ url_for(route) }}?filter_by={{ ap_type }}" {% if request.query_params.filter_by == ap_type %}class="active"{% endif %}>
{{ ap_type }}
</a>
</li>
{% endfor %}
{% if request.query_params.filter_by %}
<li>
<a href="{{ url_for(route) }}">Reset filter</a>
</li>
{% endif %}
2022-07-09 06:15:33 +00:00
</ul>
2022-07-03 20:01:47 +00:00
</nav>
2022-06-28 18:10:25 +00:00
{% endmacro %}
2022-08-26 05:43:39 +00:00
{% macro display_tiny_actor_icon(actor) %}
<img class="tiny-actor-icon" src="{{ actor.resized_icon_url }}" alt="{{ actor.display_name }}'s avatar">
{% endmacro %}
{% macro actor_action(inbox_object, text, with_icon=False) %}
2022-07-27 16:56:14 +00:00
<div class="actor-action">
2022-08-26 05:43:39 +00:00
<a href="{{ url_for("admin_profile") }}?actor_id={{ inbox_object.actor.ap_id }}">
{% if with_icon %}{{ display_tiny_actor_icon(inbox_object.actor) }}{% endif %} {{ inbox_object.actor.display_name | clean_html(inbox_object.actor) | safe }}
2022-08-26 05:43:39 +00:00
</a> {{ text }}
2022-07-31 13:00:06 +00:00
<span title="{{ inbox_object.ap_published_at.isoformat() }}">{{ inbox_object.ap_published_at | timeago }}</span>
2022-07-27 16:56:14 +00:00
</div>
{% endmacro %}
{% macro display_actor(actor, actors_metadata={}, embedded=False, with_details=False, pending_incoming_follow_notif=None) %}
2022-06-22 18:11:22 +00:00
{% set metadata = actors_metadata.get(actor.ap_id) %}
2022-07-09 06:15:33 +00:00
{% if not embedded %}
<div class="ap-object">
{% endif %}
2022-07-01 17:35:34 +00:00
<div class="actor-box h-card p-author">
<div class="icon-box">
2022-07-16 05:48:24 +00:00
<img src="{{ actor.resized_icon_url }}" alt="{{ actor.display_name }}'s avatar" class="actor-icon u-photo">
2022-06-22 18:11:22 +00:00
</div>
2022-08-29 19:42:54 +00:00
<a href="{{ actor.url }}" class="u-url">
<div><strong>{{ actor.display_name | clean_html(actor) | safe }}</strong></div>
2022-07-01 17:35:34 +00:00
<div class="actor-handle p-name">{{ actor.handle }}</div>
2022-06-22 18:11:22 +00:00
</a>
</div>
2022-07-27 17:36:55 +00:00
2022-06-25 08:20:07 +00:00
{% if is_admin and metadata %}
2022-06-22 18:11:22 +00:00
<div>
2022-07-03 20:01:47 +00:00
<nav class="flexbox actor-metadata">
2022-07-09 06:15:33 +00:00
<ul>
2022-06-25 08:20:07 +00:00
{% if metadata.is_following %}
<li>already following</li>
2022-07-03 20:01:47 +00:00
<li>{{ admin_undo_button(metadata.outbox_follow_ap_id, "unfollow")}}</li>
<li>{{ admin_profile_button(actor.ap_id) }}</li>
2022-06-25 08:20:07 +00:00
{% elif metadata.is_follow_request_sent %}
<li>follow request sent</li>
2022-07-17 07:45:00 +00:00
<li>{{ admin_undo_button(metadata.outbox_follow_ap_id, "undo follow") }}</li>
2022-09-07 19:29:09 +00:00
{% elif not actor.moved_to %}
2022-06-25 08:20:07 +00:00
<li>{{ admin_follow_button(actor) }}</li>
2022-06-22 18:11:22 +00:00
{% endif %}
2022-06-25 08:20:07 +00:00
{% if metadata.is_follower %}
<li>follows you</li>
2022-08-11 18:48:20 +00:00
{% if not metadata.is_following and not with_details %}
2022-07-09 06:15:33 +00:00
<li>{{ admin_profile_button(actor.ap_id) }}</li>
{% endif %}
2022-09-21 17:35:48 +00:00
{% elif actor.is_from_db and not with_details and not metadata.is_following %}
2022-09-07 19:29:09 +00:00
<li>{{ admin_profile_button(actor.ap_id) }}</li>
{% endif %}
{% if actor.moved_to %}
<li>has moved to {% if metadata.moved_to %}<a href="{{ url_for("admin_profile") }}?actor_id={{ actor.moved_to }}">{{ metadata.moved_to.handle }}</a>{% else %}<a href="{{ url_for("get_lookup") }}?query={{ actor.moved_to }}">{{ actor.moved_to }}</a>{% endif %}</li>
2022-06-22 18:11:22 +00:00
{% endif %}
2022-07-31 08:35:11 +00:00
{% if actor.is_from_db %}
{% if actor.is_blocked %}
<li>blocked</li>
<li>{{ admin_unblock_button(actor) }}</li>
{% else %}
<li>{{ admin_block_button(actor) }}</li>
{% endif %}
{% endif %}
2022-08-11 18:48:20 +00:00
<li>{{ admin_dm_button(actor.handle) }}</li>
<li>{{ admin_mention_button(actor.handle) }}</li>
{% if pending_incoming_follow_notif %}
{% if not pending_incoming_follow_notif.is_accepted and not pending_incoming_follow_notif.is_rejected %}
<li>
{{ admin_accept_incoming_follow_button(pending_incoming_follow_notif) }}
</li>
<li>
{{ admin_reject_incoming_follow_button(pending_incoming_follow_notif) }}
</li>
{% elif pending_incoming_follow_notif.is_accepted %}
<li>accepted</li>
{% else %}
<li>rejected</li>
{% endif %}
{% endif %}
2022-07-09 06:15:33 +00:00
</ul>
2022-06-22 18:11:22 +00:00
</nav>
</div>
{% endif %}
2022-07-31 08:03:45 +00:00
{% if with_details %}
{% if actor.summary %}
<div class="p-note">
{{ actor.summary | clean_html(actor) | safe }}
</div>
{% endif %}
{% if actor.attachments %}
<div id="profile-props">
2022-08-10 06:58:18 +00:00
{% for prop in actor.attachments %}
<dl>
2022-07-31 08:03:45 +00:00
{% if prop.type == "PropertyValue" %}
2022-08-10 06:58:18 +00:00
<dt class="muted" title="{{ prop.name }}">{{ prop.name }}</dt>
<dd>{{ prop.value | clean_html(actor) | safe }}</dd>
2022-07-31 08:03:45 +00:00
{% endif %}
2022-08-10 06:58:18 +00:00
</dl>
{% endfor %}
2022-07-31 08:03:45 +00:00
</div>
{% endif %}
{% endif %}
2022-07-09 06:15:33 +00:00
{% if not embedded %}
</div>
{% endif %}
2022-06-22 18:11:22 +00:00
{% endmacro %}
{% macro display_og_meta(object) %}
{% if object.og_meta %}
2022-09-20 18:15:59 +00:00
{% for og_meta in object.og_meta[:1] %}
2022-08-29 19:42:54 +00:00
<div class="activity-og-meta">
{% if og_meta.image %}
<div>
2022-08-29 19:42:54 +00:00
<img src="{{ og_meta.image | media_proxy_url }}">
</div>
2022-08-02 20:22:15 +00:00
{% endif %}
<div>
2022-08-04 17:11:14 +00:00
<a href="{{ og_meta.url | privacy_replace_url }}">{{ og_meta.title }}</a>
2022-07-31 13:27:12 +00:00
{% if og_meta.site_name %}
2022-08-29 19:42:54 +00:00
<small>{{ og_meta.site_name }}</small>
2022-07-31 13:27:12 +00:00
{% endif %}
</div>
</div>
{% endfor %}
{% endif %}
{% endmacro %}
2022-06-28 19:10:22 +00:00
{% macro display_attachments(object) %}
{% for attachment in object.attachments %}
{% if object.sensitive and (attachment.type == "Image" or (attachment | has_media_type("image")) or attachment.type == "Video" or (attachment | has_media_type("video"))) %}
2022-08-29 19:42:54 +00:00
<div class="attachment-wrapper">
<label for="{{attachment.proxied_url}}" class="label-btn show-hide-sensitive-btn">show/hide sensitive content</label>
<div>
<div class="sensitive-attachment">
<input class="sensitive-attachment-state" type="checkbox" id="{{attachment.proxied_url}}" aria-hidden="true">
<div class="sensitive-attachment-box">
<div></div>
{% else %}
2022-08-29 19:42:54 +00:00
<div class="attachment-item">
{% endif %}
2022-06-28 19:10:22 +00:00
{% if attachment.type == "Image" or (attachment | has_media_type("image")) %}
2022-08-03 17:54:11 +00:00
{% if attachment.url not in object.inlined_images %}
2022-08-29 19:42:54 +00:00
<img src="{{ attachment.resized_url or attachment.proxied_url }}"{% if attachment.name %} title="{{ attachment.name }}" alt="{{ attachment.name }}"{% endif %} class="attachment">
2022-08-03 17:54:11 +00:00
{% endif %}
2022-06-28 19:10:22 +00:00
{% elif attachment.type == "Video" or (attachment | has_media_type("video")) %}
<video controls preload="metadata" src="{{ attachment.url | media_proxy_url }}"{% if attachment.name %} title="{{ attachment.name }}"{% endif %}></video>
2022-06-28 19:10:22 +00:00
{% elif attachment.type == "Audio" or (attachment | has_media_type("audio")) %}
2022-08-29 19:42:54 +00:00
<audio controls preload="metadata" src="{{ attachment.url | media_proxy_url }}"{% if attachment.name%} title="{{ attachment.name }}"{% endif %} class="attachment"></audio>
2022-07-20 18:59:29 +00:00
{% elif attachment.type == "Link" %}
2022-08-29 19:42:54 +00:00
<a href="{{ attachment.url }}" class="attachment">{{ attachment.url }}</a>
2022-06-28 19:10:22 +00:00
{% else %}
<a href="{{ attachment.url | media_proxy_url }}"{% if attachment.name %} title="{{ attachment.name }}"{% endif %} class="attachment">{{ attachment.url }}</a>
{% endif %}
{% if object.sensitive %}
</div>
</div>
</div>
</div>
{% else %}
</div>
{% endif %}
2022-06-28 19:10:22 +00:00
{% endfor %}
{% endmacro %}
2022-07-25 20:51:53 +00:00
{% macro display_object(object, likes=[], shares=[], webmentions=[], expanded=False, actors_metadata={}, is_object_page=False) %}
{% set is_article_mode = object.is_from_outbox and object.ap_type == "Article" and is_object_page %}
{% if object.ap_type in ["Note", "Article", "Video", "Page", "Question"] %}
2022-07-09 06:15:33 +00:00
<div class="ap-object {% if expanded %}ap-object-expanded {% endif %}h-entry" id="{{ object.permalink_id }}">
2022-07-25 20:51:53 +00:00
{% if is_article_mode %}
<data class="h-card">
<data class="u-photo" value="{{ local_actor.icon_url }}"></data>
<data class="u-url" value="{{ local_actor.url}}"></data>
<data class="p-name" value="{{ local_actor.handle }}"></data>
</data>
{% else %}
2022-07-14 17:05:45 +00:00
{{ display_actor(object.actor, actors_metadata, embedded=True) }}
2022-07-25 20:51:53 +00:00
{% endif %}
2022-07-09 06:15:33 +00:00
{% if object.in_reply_to %}
2022-09-01 19:00:14 +00:00
<a href="{% if is_admin and object.is_in_reply_to_from_inbox %}{{ url_for("get_lookup") }}?query={% endif %}{{ object.in_reply_to }}" title="{{ object.in_reply_to }}" class="in-reply-to" rel="nofollow">
2022-07-09 06:15:33 +00:00
in reply to {{ object.in_reply_to|truncate(64, True) }}
</a>
2022-07-07 19:18:20 +00:00
{% endif %}
2022-07-25 20:51:53 +00:00
{% if object.ap_type == "Article" %}
2022-08-29 19:42:54 +00:00
<h2 class="p-name no-margin-top">{{ object.name }}</h2>
2022-07-25 20:51:53 +00:00
{% endif %}
{% if is_article_mode %}
<time class="dt-published muted" datetime="{{ object.ap_published_at.replace(microsecond=0).isoformat() }}" title="{{ object.ap_published_at.replace(microsecond=0).isoformat() }}">{{ object.ap_published_at.strftime("%b %d, %Y") }}</time>
{% endif %}
2022-07-09 06:15:33 +00:00
{% if object.summary %}
<div class="show-more-wrapper">
<div class="p-summary">
<p>{{ object.summary | clean_html(object) | safe }}</p>
</div>
<label for="show-more-{{ object.permalink_id }}" class="show-more-btn">show/hide more</label>
<input class="show-more-state" type="checkbox" aria-hidden="true" id="show-more-{{ object.permalink_id }}" checked>
2022-07-09 06:15:33 +00:00
{% endif %}
<div class="obj-content">
2022-07-09 06:15:33 +00:00
<div class="e-content">
{{ object.content | clean_html(object) | safe }}
</div>
{% if object.ap_type == "Question" %}
2022-07-23 21:09:28 +00:00
{% set can_vote = is_admin and object.is_from_inbox and not object.is_poll_ended and not object.voted_for_answers %}
{% if can_vote %}
2022-07-23 17:02:06 +00:00
<form action="{{ request.url_for("admin_actions_vote") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url(object.permalink_id) }}
<input type="hidden" name="in_reply_to" value="{{ object.ap_id }}">
{% endif %}
2022-07-23 21:06:30 +00:00
{% if object.poll_items %}
2022-08-29 19:42:54 +00:00
<ul class="poll-items">
2022-07-23 21:06:30 +00:00
{% for item in object.poll_items %}
2022-08-29 19:42:54 +00:00
<li>
{% set pct = item | poll_item_pct(object.poll_voters_count) %}
2022-08-29 19:42:54 +00:00
<p>
2022-07-23 21:06:30 +00:00
{% if can_vote %}
<input type="{% if object.is_one_of_poll %}radio{% else %}checkbox{% endif %}" name="name" value="{{ item.name }}" id="{{object.permalink_id}}-{{item.name}}">
<label for="{{object.permalink_id}}-{{item.name}}">
2022-07-23 17:02:06 +00:00
{% endif %}
2022-07-23 21:06:30 +00:00
{{ item.name | clean_html(object) | safe }}
{% if object.voted_for_answers and item.name in object.voted_for_answers %}
2022-08-29 19:42:54 +00:00
<span class="muted poll-vote">you voted for this answer</span>
2022-07-23 21:06:30 +00:00
{% endif %}
{% if can_vote %}
</label>
{% endif %}
2022-08-29 19:42:54 +00:00
<span class="float-right">{{ pct }}% <span class="muted">({{ item.replies.totalItems }} votes)</span></span>
2022-07-23 17:02:06 +00:00
</p>
<svg class="poll-bar">
2022-08-29 19:42:54 +00:00
<line x1="0" y1="10px" x2="{{ pct or 1 }}%" y2="10px"></line>
</svg>
</li>
{% endfor %}
</ul>
{% endif %}
2022-07-23 21:06:30 +00:00
{% if can_vote %}
2022-07-23 17:02:06 +00:00
<p class="form">
<input type="submit" value="vote">
</p>
</form>
{% endif %}
{% endif %}
2022-09-20 18:15:59 +00:00
{{ display_og_meta(object) }}
</div>
{% if object.summary %}
</div>
{% endif %}
2022-07-09 06:15:33 +00:00
2022-08-29 19:42:54 +00:00
<div class="activity-attachment">
2022-07-09 06:15:33 +00:00
{{ display_attachments(object) }}
</div>
2022-07-09 06:15:33 +00:00
<nav class="flexbox activity-bar">
<ul>
<li>
2022-07-19 18:54:10 +00:00
<div><a href="{{ object.url }}"{% if object.is_from_inbox %} rel="nofollow"{% endif %} class="object-permalink u-url u-uid">permalink</a></div>
2022-07-14 16:40:38 +00:00
</li>
2022-07-25 20:51:53 +00:00
{% if not is_article_mode %}
<li>
<time class="dt-published" datetime="{{ object.ap_published_at.replace(microsecond=0).isoformat() }}" title="{{ object.ap_published_at.replace(microsecond=0).isoformat() }}">{{ object.ap_published_at | timeago }}</time>
</li>
{% endif %}
{% if object.ap_type == "Question" %}
{% if object.poll_end_time %}
<li>
{% if object.is_poll_ended %}ended{% else %}ends{% endif %}
<time title="{{ object.poll_end_time.replace(microsecond=0).isoformat() }}">
{{ object.poll_end_time | timeago }}
</time>
</li>
{% endif %}
2022-07-23 21:06:30 +00:00
<li>
{{ object.poll_voters_count }} voters
2022-07-23 21:06:30 +00:00
</li>
{% endif %}
2022-07-09 06:15:33 +00:00
{% if is_admin %}
<li>
{{ object.visibility.value }}
</li>
{% endif %}
{% if object.is_from_outbox %}
{% if object.likes_count %}
<li>
<a href="{{ object.url }}"><strong>{{ object.likes_count }}</strong> like{{ object.likes_count | pluralize }}</a>
</li>
{% endif %}
{% if object.announces_count %}
<li>
<a href="{{ object.url }}"><strong>{{ object.announces_count }}</strong> share{{ object.announces_count | pluralize }}</a>
</li>
{% endif %}
2022-07-10 19:30:50 +00:00
{% if object.webmentions_count %}
2022-07-10 19:30:50 +00:00
<li>
<a href="{{ object.url }}"><strong>{{ object.webmentions_count }}</strong> webmention{{ object.webmentions_count | pluralize }}</a>
2022-07-10 19:30:50 +00:00
</li>
{% endif %}
2022-07-09 06:15:33 +00:00
{% endif %}
{% if (object.is_from_outbox or is_admin) and object.replies_count %}
<li>
2022-08-27 07:45:14 +00:00
<a href="{% if is_admin and not object.is_from_outbox %}{{ url_for("admin_object") }}?ap_id={{ object.ap_id }}{% if object.in_reply_to %}#{{ object.permalink_id }}{% endif %}{% else %}{{ object.url }}{% endif %}"><strong>{{ object.replies_count }}</strong> repl{{ object.replies_count | pluralize("y", "ies") }}</a>
2022-07-09 06:15:33 +00:00
</li>
{% endif %}
</ul>
</nav>
{% if is_admin %}
2022-07-09 06:15:33 +00:00
<nav class="flexbox activity-bar">
<ul>
{% if object.is_from_outbox %}
<li>
2022-08-30 17:09:51 +00:00
{{ admin_delete_button(object) }}
2022-07-09 06:15:33 +00:00
</li>
<li>
{% if object.is_pinned %}
2022-07-15 18:01:55 +00:00
{{ admin_unpin_button(object.ap_id, object.permalink_id) }}
2022-07-09 06:15:33 +00:00
{% else %}
2022-07-15 18:01:55 +00:00
{{ admin_pin_button(object.ap_id, object.permalink) }}
2022-07-09 06:15:33 +00:00
{% endif %}
</li>
{% endif %}
<li>
{{ admin_reply_button(object.ap_id) }}
</li>
{% if not object.is_from_outbox %}
2022-07-30 06:31:27 +00:00
<li>
{% if object.liked_via_outbox_object_ap_id %}
{{ admin_undo_button(object.liked_via_outbox_object_ap_id, "unlike", object.permalink_id) }}
{% else %}
{{ admin_like_button(object.ap_id, object.permalink_id) }}
{% endif %}
</li>
2022-07-09 06:15:33 +00:00
2022-07-30 06:31:27 +00:00
<li>
{% if object.is_bookmarked %}
{{ admin_unbookmark_button(object.ap_id, object.permalink_id) }}
{% else %}
{{ admin_bookmark_button(object.ap_id, object.permalink_id) }}
{% endif %}
</li>
2022-07-09 06:15:33 +00:00
2022-08-12 08:01:35 +00:00
{% if object.visibility in [visibility_enum.PUBLIC, visibility_enum.UNLISTED] %}
2022-07-30 06:31:27 +00:00
<li>
{% if object.announced_via_outbox_object_ap_id %}
{{ admin_undo_button(object.liked_via_outbox_object_ap_id, "unshare") }}
{% else %}
2022-08-12 08:01:35 +00:00
{{ admin_announce_button(object.ap_id, permalink_id=object.permalink_id) }}
2022-07-30 06:31:27 +00:00
{% endif %}
</li>
2022-08-12 08:01:35 +00:00
{% endif %}
2022-07-09 06:15:33 +00:00
{% if object.is_from_inbox %}
<li>
{{ admin_profile_button(object.actor.ap_id) }}
</li>
{% endif %}
{% endif %}
{% if object.is_from_inbox or object.is_from_outbox %}
2022-07-30 06:31:27 +00:00
<li>
2022-08-27 07:45:14 +00:00
{{ admin_expand_button(object) }}
2022-07-30 06:31:27 +00:00
</li>
{% endif %}
2022-07-09 06:15:33 +00:00
</ul>
</nav>
{% endif %}
2022-07-10 19:30:50 +00:00
{% if likes or shares or webmentions %}
2022-08-29 19:42:54 +00:00
<div class="public-interactions">
2022-07-09 06:15:33 +00:00
{% if likes %}
2022-08-29 19:42:54 +00:00
<div class="interactions-block">Likes
<div class="facepile-wrapper">
2022-07-09 06:15:33 +00:00
{% for like in likes %}
2022-08-29 19:42:54 +00:00
<a href="{% if is_admin %}{{ url_for("admin_profile") }}?actor_id={{ like.actor.ap_id }}{% else %}{{ like.actor.url }}{% endif %}" title="{{ like.actor.handle }}" rel="noreferrer">
<img src="{{ like.actor.resized_icon_url }}" alt="{{ like.actor.handle}}">
2022-07-09 06:15:33 +00:00
</a>
{% endfor %}
2022-08-18 18:53:51 +00:00
{% if object.likes_count > likes | length %}
2022-08-29 19:42:54 +00:00
<div class="and-x-more">
2022-08-18 18:53:51 +00:00
and {{ object.likes_count - likes | length }} more.
</div>
{% endif %}
2022-07-09 06:15:33 +00:00
</div>
</div>
{% endif %}
{% if shares %}
2022-08-29 19:42:54 +00:00
<div class="interactions-block">Shares
<div class="facepile-wrapper">
2022-07-09 06:15:33 +00:00
{% for share in shares %}
2022-08-29 19:42:54 +00:00
<a href="{% if is_admin %}{{ url_for("admin_profile") }}?actor_id={{ share.actor.ap_id }}{% else %}{{ share.actor.url }}{% endif %}" title="{{ share.actor.handle }}" rel="noreferrer">
<img src="{{ share.actor.resized_icon_url }}" alt="{{ share.actor.handle}}">
2022-07-09 06:15:33 +00:00
</a>
{% endfor %}
2022-08-18 18:53:51 +00:00
{% if object.announces_count > shares | length %}
2022-08-29 19:42:54 +00:00
<div class="and-x-more">
2022-08-18 18:53:51 +00:00
and {{ object.announces_count - shares | length }} more.
</div>
{% endif %}
2022-07-09 06:15:33 +00:00
</div>
</div>
{% endif %}
2022-07-10 19:30:50 +00:00
{% if webmentions %}
2022-08-29 19:42:54 +00:00
<div class="interactions-block">Webmentions
<div class="facepile-wrapper">
2022-07-10 19:30:50 +00:00
{% for webmention in webmentions %}
{% set wm = webmention.as_facepile_item %}
{% if wm %}
2022-08-29 19:42:54 +00:00
<a href="{{ wm.url }}" title="{{ wm.actor_name }}" rel="noreferrer">
<img src="{{ wm.actor_icon_url | media_proxy_url }}" alt="{{ wm.actor_name }}">
</a>
{% endif %}
2022-07-10 19:30:50 +00:00
{% endfor %}
</div>
</div>
{% endif %}
</div>
2022-07-07 19:18:20 +00:00
{% endif %}
2022-07-09 06:15:33 +00:00
</div>
{% endif %}
2022-06-25 08:20:07 +00:00
{% endmacro %}