microblog.pub/app/templates/utils.html

375 lines
14 KiB
HTML
Raw Normal View History

2022-06-22 13:11:22 -05:00
{% macro embed_csrf_token() %}
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
{% endmacro %}
{% macro embed_redirect_url() %}
<input type="hidden" name="redirect_url" value="{{ request.url }}">
{% endmacro %}
{% 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 }}">
<input type="submit" value="Follow">
</form>
{% endmacro %}
{% macro admin_like_button(ap_object_id) %}
<form action="{{ request.url_for("admin_actions_like") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="Like">
</form>
{% endmacro %}
2022-06-26 04:09:43 -05:00
{% macro admin_bookmark_button(ap_object_id) %}
<form action="{{ request.url_for("admin_actions_bookmark") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="Bookmark">
</form>
{% endmacro %}
{% macro admin_unbookmark_button(ap_object_id) %}
<form action="{{ request.url_for("admin_actions_unbookmark") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="Unbookmark">
</form>
{% endmacro %}
{% macro admin_pin_button(ap_object_id) %}
<form action="{{ request.url_for("admin_actions_pin") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="Pin">
</form>
{% endmacro %}
{% macro admin_unpin_button(ap_object_id) %}
<form action="{{ request.url_for("admin_actions_unpin") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="Unpin">
</form>
{% endmacro %}
{% macro admin_announce_button(ap_object_id, disabled=False) %}
2022-06-22 13:11:22 -05:00
<form action="{{ request.url_for("admin_actions_announce") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="Share" {% if disabled %}title="Cannot share non-public content" disabled{% endif %}>
2022-06-22 13:11:22 -05:00
</form>
{% endmacro %}
{% macro admin_undo_button(ap_object_id, action="Undo") %}
<form action="{{ request.url_for("admin_actions_undo") }}" method="POST">
{{ embed_csrf_token() }}
{{ embed_redirect_url() }}
<input type="hidden" name="ap_object_id" value="{{ ap_object_id }}">
<input type="submit" value="{{ action }}">
</form>
{% endmacro %}
{% macro sensitive_button(permalink_id) %}
<form action="" method="GET">
<input type="hidden" name="show_sensitive" value="{{ permalink_id }}">
{% for k, v in request.query_params.items() %}
<input type="hidden" name="{{k}}" value="{{v}}">
{% endfor %}
<button type="submit">display sensitive content</button>
</form>
{% endmacro %}
2022-06-28 14:10:22 -05:00
{% macro show_more_button(permalink_id) %}
<form action="" method="GET">
<input type="hidden" name="show_more" value="{{ permalink_id }}">
{% for k, v in request.query_params.items() %}
<input type="hidden" name="{{k}}" value="{{v}}">
{% endfor %}
<button type="submit">show more</button>
</form>
{% endmacro %}
2022-06-24 04:33:05 -05: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 }}">
<button type="submit">Reply</button>
</form>
{% endmacro %}
2022-06-25 05:19:12 -05: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 }}">
<button type="submit">Profile</button>
</form>
{% endmacro %}
2022-06-25 05:29:35 -05:00
{% macro admin_expand_button(ap_object_id) %}
<form action="{{ url_for("admin_object") }}" method="GET">
<input type="hidden" name="ap_id" value="{{ ap_object_id }}">
<button type="submit">Expand</button>
</form>
{% endmacro %}
2022-06-28 13:10:25 -05:00
{% macro display_box_filters(route) %}
<p>Filter by
{% for ap_type in ["Note", "Like", "Announce", "Follow"] %}
<a style="margin-right:12px;" href="{{ url_for(route) }}?filter_by={{ ap_type }}">
{% if request.query_params.filter_by == ap_type %}
<strong>{{ ap_type }}</strong>
{% else %}
{{ ap_type }}
{% endif %}</a>
{% endfor %}.
{% if request.query_params.filter_by %}<a href="{{ url_for(route) }}">Reset filter</a>{% endif %}</p>
</p>
{% endmacro %}
2022-06-22 13:11:22 -05:00
{% macro display_actor(actor, actors_metadata) %}
{% set metadata = actors_metadata.get(actor.ap_id) %}
2022-06-26 14:54:07 -05:00
<div style="display: flex;column-gap: 20px;margin:20px 0 10px 0;" class="actor-box h-card p-author">
2022-06-22 13:11:22 -05:00
<div style="flex: 0 0 48px;">
2022-06-25 01:23:28 -05:00
<img src="{{ actor.resized_icon_url }}" style="max-width:45px;">
2022-06-22 13:11:22 -05:00
</div>
2022-06-26 14:54:07 -05:00
<a href="{{ actor.url }}" class="u-url" style="">
<div><strong>{{ actor.display_name | clean_html(actor) | safe }}</strong></div>
2022-06-26 14:54:07 -05:00
<div class="p-name">{{ actor.handle }}</div>
2022-06-22 13:11:22 -05:00
</a>
</div>
2022-06-25 03:20:07 -05:00
{% if is_admin and metadata %}
2022-06-22 13:11:22 -05:00
<div>
<nav class="flexbox">
<ul>
2022-06-25 03:20:07 -05:00
{% if metadata.is_following %}
<li>already following</li>
<li>{{ admin_undo_button(metadata.outbox_follow_ap_id, "Unfollow")}}</li>
{% elif metadata.is_follow_request_sent %}
<li>follow request sent</li>
2022-06-22 13:11:22 -05:00
{% else %}
2022-06-25 03:20:07 -05:00
<li>{{ admin_follow_button(actor) }}</li>
2022-06-22 13:11:22 -05:00
{% endif %}
2022-06-25 03:20:07 -05:00
{% if metadata.is_follower %}
<li>follows you</li>
2022-06-22 13:11:22 -05:00
{% endif %}
</li>
</ul>
</nav>
</div>
{% endif %}
{% endmacro %}
{% macro display_og_meta(object) %}
{% if object.og_meta %}
{% for og_meta in object.og_meta %}
<div style="display:flex;column-gap: 20px;margin:20px 0;">
{% if og_meta.image %}
<div>
<img src="{{ og_meta.image | media_proxy_url }}" style="max-width:200px;">
</div>
<div>
<a href="{{ og_meta.url }}">{{ og_meta.title }}</a>
{% if og_meta.description %}<p>{{ og_meta.description }}</p>{% endif %}
<small style="display:block;">{{ og_meta.site_name }}</small>
</div>
{% endif %}
</div>
{% endfor %}
{% endif %}
{% endmacro %}
2022-06-28 14:10:22 -05:00
{% macro display_attachments(object) %}
{% if object.attachments and object.sensitive and not request.query_params.show_sensitive == object.permalink_id %}
{{ sensitive_button(object.permalink_id )}}
{% endif %}
{% if object.attachments and (not object.sensitive or (object.sensitive and request.query_params["show_sensitive"] == object.permalink_id)) %}
{% for attachment in object.attachments %}
{% if attachment.type == "Image" or (attachment | has_media_type("image")) %}
<img src="{{ attachment.resized_url or attachment.proxied_url }}"{% if attachment.name %} alt="{{ attachment.name }}"{% endif %} class="attachment">
{% 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 %} class="attachmeent"></video>
{% elif attachment.type == "Audio" or (attachment | has_media_type("audio")) %}
<audio controls preload="metadata" src="{{ attachment.url | media_proxy_url }}"{% if attachment.name%} title="{{ attachment.name }}"{% endif %} style="width:480px;" class="attachment"></audio>
{% else %}
<a href="{{ attachment.url | media_proxy_url }}"{% if attachment.name %} title="{{ attachment.name }}"{% endif %} class="attachment">{{ attachment.url }}</a>
{% endif %}
{% endfor %}
{% endif %}
{% endmacro %}
{% macro display_object_expanded(object, likes=[], shares=[]) %}
2022-06-25 03:20:07 -05:00
2022-06-26 14:54:07 -05:00
<div class="activity-expanded h-entry">
2022-06-25 03:20:07 -05:00
{{ display_actor(object.actor, {}) }}
2022-06-28 14:10:22 -05:00
{% if object.summary %}
<p class="p-summary">{{ object.summary | clean_html(object) | safe }}</p>
{% endif %}
{% if object.sensitive and object.summary and not request.query_params.show_more == object.permalink_id %}
{{ show_more_button(object.permalink_id) }}
{% endif %}
{% if not object.sensitive or (object.sensitive and object.summary and request.query_params.show_more == object.permalink_id) %}
<div class="e-content">
{{ object.content | clean_html(object) | safe }}
</div>
{% endif %}
2022-06-25 03:20:07 -05:00
{{ display_og_meta(object) }}
2022-06-26 14:54:07 -05:00
<a href="{{ object.url }}" class="u-url u-uid"><time class="dt-published" datetime="{{ object.ap_published_at }}">{{ object.ap_published_at | format_date }}</time></a>
2022-06-25 03:20:07 -05:00
{{ object.visibility.value }}
{% if object.is_from_outbox %}
{{ object.likes_count }} likes
{% endif %}
{% if object.is_from_outbox %}
{{ object.announces_count }} shares
{% endif %}
2022-06-28 14:10:22 -05:00
{{ display_attachments(object) }}
2022-06-25 03:20:07 -05:00
{% if likes or shares %}
<div style="display: flex;column-gap: 20px;margin:20px 0;">
<div style="flex: 0 1 50%;max-width: 50%;">Likes
<div style="display: flex;column-gap: 20px;row-gap:20px;flex-wrap: wrap;margin-top:20px;">
{% for like in likes %}
<a href="{{ like.actor.url }}" title="{{ like.actor.handle }}" style="height:50px;">
<img src="{{ like.actor.resized_icon_url }}" alt="{{ like.actor.handle}}" style="max-width:50px;">
</a>
{% endfor %}
<div style="width:50px;text-align:center;">And 2223 more.</div>
</div>
</div>
<div style="flex: 0 1 50%;max-width: 50%;">Shares
<div style="display: flex;column-gap: 20px;row-gap:20px;flex-wrap: wrap;margin-top:20px;">
{% for share in shares %}
<a href="{{ share.actor.url }}" title="{{ share.actor.handle }}" style="height:50px;">
<img src="{{ share.actor.resized_icon_url }}" alt="{{ share.actor.handle}}" style="max-width:50px;">
</a>
{% endfor %}
</div>
</div>
{% endif %}
</div>
2022-06-25 03:20:07 -05:00
</div>
{% endmacro %}
2022-06-22 13:11:22 -05:00
{% macro display_object(object) %}
{% if object.ap_type in ["Note", "Article", "Video"] %}
2022-06-26 14:54:07 -05:00
<div class="activity-wrap h-entry" id="{{ object.permalink_id }}">
2022-06-22 13:11:22 -05:00
<div class="activity-content">
2022-06-25 01:23:28 -05:00
<img src="{{ object.actor.resized_icon_url }}" alt="" class="actor-icon">
2022-06-22 13:11:22 -05:00
<div class="activity-header">
<strong>{{ object.actor.display_name }}</strong>
2022-06-26 14:54:07 -05:00
<a href="{{ object.actor.url}}" class="p-author h-card">{{ object.actor.handle }}</a>
2022-06-22 13:11:22 -05:00
<span class="activity-date" title="{{ object.ap_published_at.isoformat() }}">
2022-06-25 01:23:28 -05:00
{{ object.visibility.value }}
2022-06-26 14:54:07 -05:00
<a href="{{ object.url }}" class="u-url u-uid"><time class="dt-published" datetime="{{ object.ap_published_at }}">{{ object.ap_published_at | timeago }}</time></a>
2022-06-22 13:11:22 -05:00
</span>
2022-06-28 14:10:22 -05:00
{% if object.summary %}
<p class="p-summary">{{ object.summary | clean_html(object) | safe }}</p>
{% endif %}
{% if object.sensitive and object.summary and not request.query_params.show_more == object.permalink_id %}
{{ show_more_button(object.permalink_id) }}
{% endif %}
{% if not object.sensitive or (object.sensitive and object.summary and request.query_params.show_more == object.permalink_id) %}
2022-06-26 14:54:07 -05:00
<div class="activity-main e-content">
2022-06-26 03:01:26 -05:00
{{ object.content | clean_html(object) | safe }}
2022-06-22 13:11:22 -05:00
</div>
2022-06-28 14:10:22 -05:00
{% endif %}
2022-06-22 13:11:22 -05:00
</div>
</div>
2022-06-23 14:07:20 -05:00
<div style="padding-left:60px">
{{ display_og_meta(object) }}
</div>
2022-06-22 13:11:22 -05:00
<div class="activity-attachment">
{{ display_attachments(object) }}
2022-06-22 13:11:22 -05:00
</div>
2022-06-28 14:10:22 -05:00
2022-06-22 13:11:22 -05:00
<div class="activity-bar">
2022-06-25 03:20:07 -05:00
{% if object.is_from_outbox %}
2022-06-22 13:11:22 -05:00
<div class="bar-item">
2022-06-25 03:20:07 -05:00
<div class="comment-count">{{ object.likes_count }} like{{ object.likes_count | pluralize }}</div>
2022-06-22 13:11:22 -05:00
</div>
<div class="bar-item">
2022-06-25 03:20:07 -05:00
<div class="retweet-count">{{ object.announces_count }} share{{ object.announces_count | pluralize }}</div>
2022-06-22 13:11:22 -05:00
</div>
2022-06-25 03:20:07 -05:00
<div class="bar-item">
<div class="retweet-count">{{ object.replies_count }} repl{{ object.replies_count | pluralize("y", "ies") }}</div>
</div>
{% if is_admin %}
2022-06-22 13:11:22 -05:00
<div class="bar-item">
2022-06-25 03:20:07 -05:00
{{ admin_reply_button(object.ap_id) }}
2022-06-22 13:11:22 -05:00
</div>
<div class="bar-item">
{% if object.is_pinned %}
{{ admin_unpin_button(object.ap_id) }}
{% else %}
{{ admin_pin_button(object.ap_id) }}
{% endif %}
</div>
2022-06-25 03:20:07 -05:00
{% endif %}
{% endif %}
{% if object.is_from_inbox %}
<div class="bar-item">
2022-06-26 04:09:43 -05:00
{% if object.liked_via_outbox_object_ap_id %}
2022-06-25 03:20:07 -05:00
{{ admin_undo_button(object.liked_via_outbox_object_ap_id, "Unlike") }}
2022-06-26 04:09:43 -05:00
{% else %}
{{ admin_like_button(object.ap_id) }}
{% endif %}
2022-06-25 03:20:07 -05:00
</div>
<div class="bar-item">
2022-06-26 04:09:43 -05:00
{% if object.is_bookmarked %}
{{ admin_unbookmark_button(object.ap_id) }}
{% else %}
{{ admin_bookmark_button(object.ap_id) }}
{% endif %}
2022-06-25 03:20:07 -05:00
</div>
<div class="bar-item">
2022-06-26 04:09:43 -05:00
{% if object.announced_via_outbox_object_ap_id %}
{{ admin_undo_button(object.liked_via_outbox_object_ap_id, "Unshare") }}
{% else %}
{{ admin_announce_button(object.ap_id, disabled=object.visibility not in [visibility_enum.PUBLIC, visibility_enum.UNLISTED]) }}
2022-06-26 04:09:43 -05:00
{% endif %}
2022-06-25 03:20:07 -05:00
</div>
<div class="bar-item">
{{ admin_reply_button(object.ap_id) }}
</div>
2022-06-25 05:19:12 -05:00
<div class="bar-item">
{{ admin_profile_button(object.actor.ap_id) }}
</div>
2022-06-25 05:29:35 -05:00
<div class="bar-item">
{{ admin_expand_button(object.ap_id) }}
</div>
2022-06-25 03:20:07 -05:00
{% endif %}
2022-06-22 13:11:22 -05:00
</div>
</div>
{% endif %}
{% endmacro %}