39 lines
2.2 KiB
HTML
39 lines
2.2 KiB
HTML
|
|
{% for u in users %}
|
|
|
|
<div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4">
|
|
<div id="user-{{u.id}}" class="card h-100">
|
|
<div style="position: relative;"><img loading="lazy" src="{{u.banner_url}}" class="card-img-top" alt="@{{u.username}} user banner" height=175 style="object-fit: cover">
|
|
|
|
<img loading="lazy" src="{{u.profile_url}}" class="profile-pic-50 border-3 border-white" style="position: absolute; left: 15px; bottom: 15px; box-sizing: content-box;"></div>
|
|
<div class="card-body" style="word-wrap: break-word;">
|
|
<div class="d-flex flex-wrap justify-content-between align-items-center mb-1">
|
|
|
|
<a class="card-title text-break stretched-link h5 mb-0" href="{{u.url}}">@{{u.username}}</a>
|
|
|
|
{% if v %}
|
|
{% if v.id!=u.id and not u.is_private and not u.is_nofollow %}
|
|
<div id="button-sub-{{u.id}}" style="z-index: 2" class="{% if u.has_follower(v) %}d-none{% endif %}"><a class="btn btn-primary" role="button" onclick="post_toast(this,'/follow/{{u.username}}','button-sub-{{u.id}}','button-unsub-{{u.id}}','d-none')">Follow</a></div>
|
|
|
|
<div id="button-unsub-{{u.id}}" style="z-index: 2" class="{% if not u.has_follower(v) %} d-none{% endif %}"><a class="btn btn-secondary" role="button" onclick="post_toast(this,'/unfollow/{{u.username}}','button-sub-{{u.id}}','button-unsub-{{u.id}}','d-none')">Unfollow</a></div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div id="button-sub-{{u.id}}" style="z-index: 2"><a class="btn btn-primary" href="/signup">Follow</a></div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
|
|
<span id="profile--joined">joined <span id="profile--joined--time" data-bs-toggle="tooltip" data-bs-placement="bottom" onmouseover="timestamp('profile--joined--time','{{u.created_utc}}')">{{u.created_date}}</span></span>
|
|
|
|
{% if v.admin_level >= 2 -%}
|
|
<span id="profile--lastactive" class="ml-2">last active <span id="profile--lastactive--time" data-bs-toggle="tooltip" data-bs-placement="bottom" onmouseover="timestamp('profile--lastactive--time','{{u.last_active}}')">{{u.last_active_date}}</span></span>
|
|
{%- endif %}
|
|
|
|
{% if FEATURES['USERS_PROFILE_BODYTEXT'] and not hide_bios and u.bio_html %}
|
|
<div class="card-text mt-3">{{u.bio_html | safe}}</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|