takahe/templates/activities/follows.html

65 lines
2.5 KiB
HTML
Raw Normal View History

{% extends "base.html" %}
2022-12-17 00:39:10 +00:00
{% load activity_tags %}
2022-11-18 03:04:01 +00:00
{% block subtitle %}Follows{% endblock %}
{% block content %}
<div class="view-options">
{% if inbound %}
2022-12-17 00:32:04 +00:00
<a href=".">Your Follows ({{ num_outbound }})</a>
<a href="." class="selected">Follows You ({{ num_inbound }})</a>
{% else %}
2022-12-17 00:32:04 +00:00
<a href=".?inbound=true" class="selected">Your Follows ({{ num_outbound }})</a>
<a href=".?inbound=true">Follows You ({{ num_inbound }})</a>
{% endif %}
</div>
2022-11-18 03:04:01 +00:00
<section class="icon-menu">
{% for identity in page_obj %}
2022-11-18 03:04:01 +00:00
<a class="option" href="{{ identity.urls.view }}">
2022-12-18 00:01:07 +00:00
<img src="{{ identity.local_icon_url.relative }}" loading="lazy">
2022-11-18 03:04:01 +00:00
<span class="handle">
2022-12-15 07:50:54 +00:00
{{ identity.html_name_or_handle }}
2022-11-18 03:04:01 +00:00
<small>@{{ identity.handle }}</small>
</span>
{% if identity.id in outbound_ids %}
2022-11-18 03:04:01 +00:00
<span class="pill">Following</span>
{% endif %}
{% if identity.id in inbound_ids %}
2022-11-18 03:04:01 +00:00
<span class="pill">Follows You</span>
{% endif %}
<div class="right">
{% if inbound %}
<form action="{{ identity.urls.action }}" method="POST" class="follow">
{% csrf_token %}
{% if identity.id in outbound_ids %}
<input type="hidden" name="action" value="unfollow">
<button class="destructive">Unfollow</button>
{% else %}
<input type="hidden" name="action" value="follow">
<button>Follow</button>
{% endif %}
</form>
{% endif %}
<time>{{ identity.follow_date | timedeltashort }} ago</time>
</div>
2022-11-18 03:04:01 +00:00
</a>
{% empty %}
<p class="option empty">You have no follows.</p>
{% endfor %}
</section>
<div class="pagination">
{% if page_obj.has_previous %}
2022-12-17 00:32:04 +00:00
<a class="button" href=".?page={{ page_obj.previous_page_number }}{% if inbound %}&amp;inbound=true{% endif %}">Previous Page</a>
{% endif %}
{% if page_obj.has_next %}
2022-12-17 00:32:04 +00:00
<a class="button" href=".?page={{ page_obj.next_page_number }}{% if inbound %}&amp;inbound=true{% endif %}">Next Page</a>
{% endif %}
</div>
2022-11-18 03:04:01 +00:00
{% endblock %}