NDOJ/templates/chat/online_status.html
2023-12-30 17:57:37 -06:00

61 lines
2.2 KiB
HTML

<li class="status-row" id="lobby_row">
<div class="status-container">
<img src="{{ static('icons/logo.png') }}" style="height:1.3em">
</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 src="{{ gravatar(user.user, 135) }}" class="status-pic">
<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 %}