{% extends "layout.html" %}
{% block head %}
	{{ super() }}
	<title>ts-monitor</title>
{% endblock %}
{% block body %}
<div id="container">
	<div id="nicklist">
		<p style="font: 3em 'Open Sans';margin-bottom: 20px;">Online</p>
		{% for clid, nick, idle_time, output_muted, input_muted in user_data %}
        {% set mic_icon = 'mic_off' if int(input_muted) else 'mic' %}
        {% set spk_icon = 'volume_off' if int(output_muted) else 'volume_up' %}
        <li>
            <span class='material-icons clickable' onclick="poke('{{clid}}');" title="Poke client">notifications</span>
            <span class='material-icons'>{{mic_icon}}{{spk_icon}}</span>
            <span class='nick'>{{nick}}</span>
            <span class='idle-ts'>(idle {{int(int(idle_time)/1000//60)}} minute(s))</span>
        </li>
		{% endfor %}
	</div>
    <p style="font: 3em 'Open Sans';margin-bottom: 20px;">Full log</p>
	<div id="fulllog" class="os-host-flexbox">
		<pre>
			{% for line in full_log %}
			{{ line.strip() }}<br/>
			{% endfor %}
		</pre>
	</div>
</div>
{% endblock %}