moviewyrm/bookwyrm/templates/user/user_preview.html

{% load i18n %}
{% load humanize %}
{% load utilities %}
{% load user_page_tags %}

<div class="media block">
    <div class="media-left">
        <a href="{{ user.local_path }}">
        {% include 'snippets/avatar.html' with user=user large=True %}
        </a>
    </div>
    <div class="media-content">
        <p>
            {% if user.name %}{{ user.name }}{% else %}{{ user.localname }}{% endif %}
            {% if user.manually_approves_followers %}
            <span class="icon icon-lock is-size-7" title="{% trans 'Locked account' %}">
                <span class="is-sr-only">{% trans "Locked account" %}</span>
            </span>
            {% endif %}
        </p>
        <p><a href="{{ user.remote_id }}">{{ user.username }}</a></p>
        <p>{% blocktrans with date=user.created_date|naturaltime %}Joined {{ date }}{% endblocktrans %}</p>
        <p>
            {% if request.user.id == user.id %}

                <a href="{% url 'user-followers' user|username %}">{% blocktrans count counter=user.followers.count %}{{ counter }} follower{% plural %}{{ counter }} followers{% endblocktrans %}</a>,
                <a href="{% url 'user-following' user|username %}">{% blocktrans with counter=user.following.count %}{{ counter }} following{% endblocktrans %}</a>

            {% elif request.user.is_authenticated %}

                {% mutuals_count user as mutuals %}
                <a href="{% url 'user-followers' user|username %}">
                    {% if mutuals %}
                        {% blocktrans with mutuals_display=mutuals|intcomma count counter=mutuals %}{{ mutuals_display }} follower you follow{% plural %}{{ mutuals_display }} followers you follow{% endblocktrans %}
                    {% elif request.user in user.following.all %}
                    {% trans "Follows you" %}
                    {% else %}
                    {% trans "No followers you follow" %}
                    {% endif %}
                </a>

            {% endif %}
        </p>
    </div>
</div>