NDOJ/templates/chat/online_status.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">
    <span class="unread-count" id="unread-count-lobby">{{unread_count_lobby if unread_count_lobby}}</span>
  </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>
          <span class="unread-count" id="unread-count-{{user.user.id}}">
            {{user.unread_count if user.unread_count}}
          </span>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
{% endfor %}