NDOJ/templates/chat/user_online_status.html

{% if other_user %}
<div class="status-container" style="height: 100%">
    <img src="{{ gravatar(other_user.user, 135) }}" class="info-pic">
    <svg style="position:absolute; height:100%; width: 110%">
        <circle class="info-circle" 
                fill="{{'green' if other_online else 'red'}}"/>
    </svg>
</div>
{% endif %}
<span class="info-name username">
    {% if other_user %}
    <a href="{{url('user_page', other_user)}}">{{other_user.user.username}}</a>
    {% else%}
    <a href="#" style="margin-left: 3em">{{ _('Lobby') }}</a>
    {% endif %}
</span>
<span class="spacer"></span>
{% if other_user and not other_online %}
    <span class="active-span">{{ relative_time(other_user.last_access, abs=_('Last online on {time}'), rel=_('Online {time}'), format=_('g:i a d/m/Y')) }}</span>
{% endif %}

{% if other_user %}
<span style="margin-right: 0.3em" id="setting">
    <button class="control-button small" style="height:100%;" id="setting-button"> 
        <i class="fa fa-ellipsis-h"></i>
    </button>
    <div id="setting-content">
        <li>
            <a href="{{url('toggle_ignore', other_user.id)}}" class=" {{'green' if is_ignored else 'red'}}">
                {% if is_ignored %}
                    {{_('Unignore')}}
                {% else %}
                    {{_('Ignore')}}
                {% endif %}
            </a>
        </li>
    </div>
</span>
{% else %}
<span class="active-span">{{online_count}} {{_('users are online')}}</span>
{% endif %}