{% extends "facebook/canvas" %}
{% load listify %}
{% load facebook %}
{% load css_js %}
{% block title %}The Lab{% endblock %}
{% block body %}
<div class="grayheader clearfix">
	<h2>The College of Creative Studies Computer Science Lab</h2>
</div>
<div class="thelab clearfix">
	<div class="thelabwidecolumn">
		<div class="header"><h2>Webcam</h2></div>
		<div class="subheader clearfix"><h3><div class="left">Updated <span id="webcam_{{ webcam.number }}_updated">{{ webcam.updated|dateify }}</span>.</div><div class="right"><a href="webcam">Watch</a></div></h3></div>
		<div class="inside_the_box clearfix" style="text-align: center;"><a href="webcam"><img alt="" id="webcam_{{ webcam.number }}" src="{{ webcam.get_facebook_url }}?t={{ webcam.updated|date:"U" }}"/></a></div>
		<div class="header"><h2>The Wall</h2></div>
		{% with posts|length as count_ %}
		<div class="subheader clearfix"><h3>{% if posts %}<div class="left">Displaying {{ count_ }} {% ifnotequal count count_ %}of <a href="wall/0">{{ count }} wall posts</a>{% else %}wall post{{ count_|pluralize }}{% endifnotequal %}.</div><div class="right"><a href="wall/0">See All</a></div>{% else %}No wall posts.{% endif %}</h3></div>
		<div class="wall">
			<div id="inline_wall_post" style="padding: 10px 8px 7px;">
				<form id="wallpost_form">
					<div id="wall_message" style="display: none;"/>
					<textarea class="textarea" cols="43" id="wall_text" name="wall_text" placeholder="Write something..." rows="4" style="color: #777777; width: 370px;"></textarea>
					<br/>
					<div class="actions clearfix">
						<div class="buttons">
							<table border="0" cellpadding="0" cellspacing="0">
								<tr>
									<td valign="middle"><input class="inputbutton" onclick="WallPost()" type="button" value="Post"/></td>
								</tr>
							</table>
						</div>
					</div>
				</form>
			</div>
			<div class="inside_the_box clearfix">
				{% include "facebook/wall-posts" %}
				{% ifnotequal count count_ %}<div class="see_all_posts"><a href="wall/0">See all {{ count }} wall posts</a></div>{% endifnotequal %}
			</div>
		</div>
		{% endwith %}
	</div>
	<div class="thelabnarrowcolumn">
		<div class="header"><h2>People In The Lab</h2></div>
		{% regroup logins by person as people %}
		<div class="subheader"><h3>{% if not people %}No{% else %}{{ people|length }}{% endif %} pe{{ people|length|pluralize:"rson,ople" }} in the lab.</h3></div>
		<div class="inside_the_box">
			{% if not people %}There are no people logged in to computers in the lab.{% else %}
			{% for person_ in people %}
			<div class="inthelab clearfix">
				<table cellspacing="0" cellpadding="0" border="0" width="100%">
					{% with person_.grouper as person %}
					{% with person.facebook_user_set.all as users %}
					{% with users|length_is:"1" as user_ %}
					{% with users.0 as user %}
					<tr>
						<td class="image" rowspan="3">{% if user_ %}<fb:profile-pic size="q" uid="{{ user }}"/>{% else %}{% person_picture person q %}{% endif %}</td>
						<td class="account"><a href="{{ person.get_facebook_url }}">{{ person }}</a></td>
					</tr>
					<tr>
						<td>{% if user_ %}<fb:name ifcantsee="{{ person.full_name }}" uid="{{ user }}" useyou="false"/>{% else %}{{ person.full_name }}{% endif %}</td>
					</tr>
					<tr>
						<td class="login">Logged in to {% listify login in person_.list %}{% with login.computer as computer %}<a href="computers/{{ computer }}">{{ computer.sword }}</a>{% endwith %}{% endlistify %}.</td>
					</tr>
					{% endwith %}
					{% endwith %}
					{% endwith %}
					{% endwith %}
				</table>
			</div>
			{% endfor %}
			{% endif %}
		</div>
		<div class="header"><h2>People With Laptops Around CCS</h2></div>
		<div class="subheader"><h3>{% if not laptops_count %}No{% else %}{{ laptops_count }}{% endif %} pe{{ laptops_count|pluralize:"rson,ople" }} with laptops around CCS.</h3></div>
		<div class="inside_the_box">
			{% if not laptops_count %}There are no people using laptops around CCS.{% else %}
			{% regroup laptops_users by user as users %}
			{% for user_ in users %}
			<div class="inthelab clearfix">
				<table cellspacing="0" cellpadding="0" border="0" width="100%">
					{% with user_.grouper as user %}
					{% with user.person as person %}
					<tr>
						<td class="image" rowspan="3"><fb:profile-pic size="q" uid="{{ user }}"/></td>
						<td class="account"><a href="{{ person.get_facebook_url }}">{{ person }}</a></td>
					</tr>
					<tr>
						<td><fb:name ifcantsee="{{ person.full_name }}" uid="{{ user }}" useyou="false"/></td>
					</tr>
					<tr>
						<td class="login">Using {% listify laptop in user_.list %}<span title="{{ laptop.ip_address }} &nbsp; {{ laptop.oui_iab }}">{{ laptop.laptop_name }}</span>{% endlistify %}.</td>
					</tr>
					{% endwith %}
					{% endwith %}
				</table>
			</div>
			{% endfor %}
			{% regroup laptops_people by person as people %}
			{% for person_ in people %}
			<div class="inthelab clearfix">
				<table cellspacing="0" cellpadding="0" border="0" width="100%">
					{% with person_.grouper as person %}
					<tr>
						<td class="image" rowspan="3">{% person_picture person q %}</td>
						<td class="account"><a href="{{ person.get_facebook_url }}">{{ person }}</a></td>
					</tr>
					<tr>
						<td>{{ person.full_name }}</td>
					</tr>
					<tr>
						<td class="login">Using {% listify laptop in person_.list %}<span title="{{ laptop.ip_address }} &nbsp; {{ laptop.oui_iab }}">{{ laptop.laptop_name }}</span>{% endlistify %}.</td>
					</tr>
					{% endwith %}
				</table>
			</div>
			{% endfor %}
			{% endif %}
		</div>
		<div class="header"><h2>Computer Roles</h2></div>
		<div class="inside_the_box">{% for role in roles %}<a href="roles/{{ role }}">{{ role.full_name }}</a><br/>{% endfor %}</div>
		<div class="header"><h2><a href="http://delicious.com/">del.icio.us</a></h2></div>
		{% with bookmarks|length as bookmarks_length %}
		<div class="subheader clearfix"><h3><div class="left">{% ifnotequal bookmarks_length bookmarks_count %}{{ bookmarks_length }} of {% endifnotequal %}<a href="http://delicious.com/tag/ccscslab" target="_blank">{% if not bookmarks_count %}No{% else %}{{ bookmarks_count }}{% endif %} bookmark{{ bookmarks_count|pluralize }}</a>.</div><div class="right"><a href="http://delicious.com/tag/ccscslab" target="_blank">See All</a></div></h3></div>
		<div class="inside_the_box clearfix">
			<a href="http:/delicious.com/" style="float: right;" target="_blank"><img alt="" src="{{ "/images/delicious.med.gif"|callback }}"/></a>
			{% if bookmarks_count %}<div>Th{{ bookmarks_count|pluralize:"is is,ese are" }} the lab's <a href="http://delicious.com/">del.icio.us</a> bookmark{{ bookmarks_count|pluralize }} tagged <a href="http://delicious.com/tag/ccscslab" target="_blank">ccscslab</a>:</div>{% endif %}
			{% include "facebook/person-bookmarks" %}
		</div>
		{% endwith %}
	</div>
</div>
{% endblock %}
{% block js %}
<script>var webcams = [{{ webcam.number }}];</script>
{% css_js "js/webcam.js" %}
{% include "facebook/wall-js" %}
{% endblock %}
{% block id %}$Id${% endblock %}
{# vim: set filetype=htmldjango: #}