40 lines
1.6 KiB
Twig
40 lines
1.6 KiB
Twig
{% extends 'settings/friends/master.twig' %}
|
|
|
|
{% set friends = user.friends(1)|batch(12) %}
|
|
|
|
{% set paginationPages = friends %}
|
|
{% set paginationUrl %}{{ route('settings.friends.listing') }}{% endset %}
|
|
|
|
{% set mode = 'Listing' %}
|
|
|
|
{% block description %}
|
|
<p>Manage your friends.</p>
|
|
{% endblock %}
|
|
|
|
{% block settingsContent %}
|
|
{% if friends|length %}
|
|
<div class="friends-list">
|
|
{% for friend in friends[get.page|default(1) - 1] %}
|
|
<div class="friend-container" id="friendslist-friend-{{ friend.id }}">
|
|
<a class="friends-list-data clean" href="{{ route('user.profile', friend.id) }}">
|
|
<img src="{{ route('user.avatar', friend.id) }}" alt="{{ friend.username }}" class="friends-list-avatar default-avatar-setting" style="width: 150px; height: 150px;">
|
|
<div class="friends-list-name" style="color: {{ friend.colour }};">{{ friend.username }}</div>
|
|
</a>
|
|
<div class="friends-list-actions">
|
|
<a class="remove fill fa fa-remove" title="Remove friend" href="javascript:void(0);" onclick="Sakura.Friend.Remove({{ friend.id }});"></a>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="clear"></div>
|
|
</div>
|
|
{% if friends|length > 1 %}
|
|
<div>
|
|
{% include 'elements/pagination.twig' %}
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<h1 style="margin: 2em auto; text-align: center;">You don't have any friends yet!</h1>
|
|
{% endif %}
|
|
{% endblock %}
|