61 lines
2.3 KiB
HTML
61 lines
2.3 KiB
HTML
<li class="status-row" id="lobby_row">
|
|
<div class="status-container">
|
|
<img loading="lazy" src="{{ static('icons/icon.svg') }}" style="height:32px">
|
|
</div>
|
|
<span style="padding-left:0.5em">
|
|
<b>{{_('Lobby')}}</b>
|
|
</span>
|
|
<span class="spacer" style="display:flex;justify-content: flex-end;">
|
|
{% if unread_count_lobby and unread_count_lobby > 0 %}
|
|
<span class="unread-count" id="unread-count-lobby">{{unread_count_lobby}}</span>
|
|
{% endif %}
|
|
</span>
|
|
</li>
|
|
{% for section in status_sections %}
|
|
{% if section.user_list %}
|
|
<div class="status-section-title toggle open">
|
|
<h4>
|
|
<i class="fa fa-chevron-right fa-fw"></i>{{_(section.title)}}
|
|
</h4>
|
|
<hr/>
|
|
</div>
|
|
<ul class="status-list toggled">
|
|
{% for user in section.user_list %}
|
|
<li class="click_space status-row" id="click_space_{{user.user.id}}" value="{{user.url}}">
|
|
<div class="status-container">
|
|
<img loading="lazy" src="{{ gravatar(user.user, 135) }}" class="status-pic user-img">
|
|
<svg style="position:absolute;" height="32" width="32">
|
|
<circle class="status-circle" fill="{{'green' if user.is_online else 'red'}}"/>
|
|
</svg>
|
|
</div>
|
|
<div class="status-user">
|
|
<span class="username {{ user.user.css_class }} wrapline">
|
|
{{ user.user.username }}
|
|
</span>
|
|
{% if user.last_msg %}
|
|
<span class="status_last_message wrapline" {% if user.room %}id="last_msg-{{user.room}}"{% endif %}>
|
|
{{ user.last_msg }}
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
{% if user.unread_count and user.unread_count > 0 %}
|
|
<span class="unread-count" id="unread-count-{{user.user.id}}">
|
|
{{user.unread_count}}
|
|
</span>
|
|
{% endif %}
|
|
<div style="margin-right: 0.3em; position: relative;">
|
|
<div class="control-button small setting-button">
|
|
<i class="fa fa-ellipsis-h"></i>
|
|
</div>
|
|
<div class="setting-content">
|
|
<a href="{{url('toggle_ignore', user.user.id)}}" class="red">
|
|
{{_('Ignore')}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|