185 lines
6.7 KiB
HTML
185 lines
6.7 KiB
HTML
{% macro display_actor_inline(follower) -%}
|
|
<a class="actor-box" href="{{follower.url}}" style="clear:both;">
|
|
<span style="float:left;padding-right:15px;">
|
|
{% if not follower.icon %}
|
|
<img class="actor-icon" src="/static/nopic.png" style="width:50px">
|
|
{% else %}
|
|
<img class="actor-icon" src="{{ follower.icon.url }}" style="width:50px;">{% endif %}
|
|
</span>
|
|
<div class="actor-inline">
|
|
<div style="font-weight:bold">{{ follower.name or follower.preferredUsername }}</div>
|
|
<small>@{{ follower.preferredUsername }}@{{ follower.url | domain }}</small>
|
|
</div>
|
|
</a>
|
|
{%- endmacro %}
|
|
|
|
|
|
{% macro display_actor(follower) -%}
|
|
<a class="actor-box-big" href="{{follower.url}}">
|
|
<div class="pure-g actor-box-wrapper">
|
|
<div class="pure-u-1-5">
|
|
{% if not follower.icon %}
|
|
<img class="actor-icon" src="/static/nopic.png">
|
|
{% else %}
|
|
<img class="actor-icon" src="{{ follower.icon.url }}">{% endif %}
|
|
</div>
|
|
<div class="pure-u-4-5">
|
|
<h3>{{ follower.name or follower.preferredUsername }}</h3>
|
|
<small>@{{ follower.preferredUsername }}@{{ follower.url | domain }}</small>
|
|
<div>{{ follower.summary | safe }}</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{%- endmacro %}
|
|
|
|
{% macro display_note(item, perma=False, ui=False, likes=[], shares=[]) -%}
|
|
{% set actor = item.activity.object.attributedTo | get_actor %}
|
|
<div class="note h-entry" id="activity-{{ item['_id'].__str__() }}">
|
|
|
|
<div class="h-card p-author">
|
|
<a class="u-url u-uid no-hover" href="{{ actor.url }}"><img class="u-photo" src="{% if not actor.icon %}/static/nopic.png{% else %}{{ actor.icon.url }}{% endif %}">
|
|
</a>
|
|
<data class="p-name" value="{{ actor.name or actor.preferredUsername }}">
|
|
</div>
|
|
|
|
<div class="note-wrapper">
|
|
<a href="{{ actor.url }}" style="margin:0;text-decoration:none;" class="no-hover"><strong>{{ actor.name or actor.preferredUsername }}</strong> <span class="l">@{{ actor.preferredUsername }}@{{ actor.url | domain }}</span></a>
|
|
|
|
{% if not perma %}
|
|
<span style="float:right">
|
|
<a rel="noopener" class="u-url u-uid note-permalink l" href="{{ item.activity.object.url }}">
|
|
<time class="dt-published" title="{{ item.activity.object.published }}" datetime="{{ item.activity.object.published }}">{{ item.activity.object.published | format_timeago }}</time></a>
|
|
</span>
|
|
{% endif %}
|
|
{% if item.activity.object.summary %}<p class="p-summary">{{ item.activity.object.summary }}</p>{% endif %}
|
|
<div class="note-container{% if perma %} perma{%endif%} p-name e-content">
|
|
{{ item.activity.object.content | safe }}
|
|
</div>
|
|
|
|
{% if item.activity.object.attachment %}
|
|
<div style="padding:20px 0;">
|
|
{% if item.activity.object.attachment | not_only_imgs %}
|
|
<h3 class="l">Attachment</h3>
|
|
<ul>
|
|
{% endif %}
|
|
{% for a in item.activity.object.attachment %}
|
|
{% if a.url | is_img %}
|
|
<img src="{{a.url}}" class="img-attachment">
|
|
{% else %}
|
|
<li><a href="{{a.url}}" class="l">{% if a.filename %}{{ a.filename }}{% else %}{{ a.url }}{% endif %}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% if item.activity.object.attachment | not_only_imgs %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="bottom-bar">
|
|
{% if perma %}<span class="perma-item">{{ item.activity.object.published | format_time }}</span>
|
|
{% else %}
|
|
<a class ="bar-item" href="{{ item.activity.object.url }}">permalink</a>
|
|
|
|
{% if item.meta.count_reply %}<a class ="bar-item" href="{{ item.activity.object.url }}">{{ item.meta.count_reply }} replies</a>{% endif %}
|
|
{% if item.meta.count_boost %}<a class ="bar-item" href="{{ item.activity.object.url }}">{{ item.meta.count_boost }} boosts</a>{% endif %}
|
|
{% if item.meta.count_like %}<a class ="bar-item" href="{{ item.activity.object.url }}">{{ item.meta.count_like }} likes</a>{% endif %}
|
|
{% endif %}
|
|
|
|
{% if ui and session.logged_in %}
|
|
|
|
{% set aid = item.activity.object.id | quote_plus %}
|
|
<a class="bar-item" href="/new?reply={{ aid }}">reply</a>
|
|
|
|
{% set redir = request.path + "#activity-" + item['_id'].__str__() %}
|
|
|
|
{% if item.meta.boosted %}
|
|
<form action="/api/undo" class="action-form" method="POST">
|
|
<input type="hidden" name="redirect" value="{{ redir }}">
|
|
<input type="hidden" name="id" value="{{ item.meta.boosted }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="bar-item">unboost</button>
|
|
</form>
|
|
{% else %}
|
|
<form action="/api/boost" class="action-form" method="POST">
|
|
<input type="hidden" name="redirect" value="{{ redir }}">
|
|
<input type="hidden" name="id" value="{{ item.activity.object.id }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="bar-item">boost</button>
|
|
</form>
|
|
{% endif %}
|
|
|
|
{% if item.meta.liked %}
|
|
<form action="/api/undo" class="action-form" method="POST">
|
|
<input type="hidden" name="redirect" value="{{ redir }}">
|
|
<input type="hidden" name="id" value="{{ item.meta.liked }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="bar-item">unlike</button>
|
|
</form>
|
|
{% else %}
|
|
<form action="/api/like" class="action-form" method="POST">
|
|
<input type="hidden" name="redirect" value="{{ redir }}">
|
|
<input type="hidden" name="id" value="{{ item.activity.object.id }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="bar-item">like</button>
|
|
</form>
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
{% if session.logged_in %}
|
|
{% if item.activity.id | is_from_outbox %}
|
|
<form action="/api/note/delete" class="action-form" method="POST">
|
|
<input type="hidden" name="redirect" value="{{ redir }}">
|
|
<input type="hidden" name="id" value="{{ item.activity.object.id }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="bar-item">delete</button>
|
|
</form>
|
|
{% else %}
|
|
<form action="/api/block" class="action-form" method="POST">
|
|
<input type="hidden" name="redirect" value="{{ redir }}">
|
|
<input type="hidden" name="actor" value="{{ item.activity.actor }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="bar-item">block</button>
|
|
</form>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
|
|
{% if likes or shares %}
|
|
<div style="padding-top:20px;" class="pure-g">
|
|
{% if likes %}
|
|
<div class="pure-u-1-2">
|
|
<h4 style="font-weight:normal"><strong>{{ item.meta.count_like }}</strong> likes</h4>{% for like in likes %}
|
|
{{ display_actor_inline(like) }}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if shares %}
|
|
<div class="pure-u-1-2">
|
|
<h4 style="font-weight:normal"><strong>{{ item.meta.count_boost }}</strong> boosts</h4>{% for boost in shares %}
|
|
{{ display_actor_inline(boost) }}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{%- endmacro %}
|
|
|
|
{% macro display_thread(thread, likes=[], shares=[]) -%}
|
|
{% for reply in thread %}
|
|
{% if reply._requested %}
|
|
{{ display_note(reply, perma=True, ui=False, likes=likes, shares=shares) }}
|
|
{% else %}
|
|
{{ display_note(reply, perma=False, ui=True) }}
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endmacro -%}
|