{% extends "facebook/page" %}
{% load css_js %}
{% load facebook %}
{% block title %}Settings{% endblock %}
{% block header %}Settings{% endblock %}
{% block body %}
<div class="info">
	<div style="margin-bottom: 15px;">
		<fb:add-section-button section="profile"/>
		<fb:add-section-button section="info"/>
	</div>
	<h4>del.icio.us</h4>
	<p>If you have a <a href="http://delicious.com/" target="_blank">del.icio.us</a> account you can associate it with your Lab account and share interesting bookmarks with others in the lab by tagging them <a href="http://delicious.com/tag/ccscslab" target="_blank">ccscslab</a>.{% if not offline_access %} This requires <fb:prompt-permission next_fbjs="DeliciousEnable();" perms="offline_access">Offline Access</fb:prompt-permission>.{% endif %}</p>
	{% if delicious_message %}
	<div>{% ifequal delicious_message "Changes saved" %}<fb:success message="{{ delicious_message }}.">Return to <a href=".">The Lab</a>.</fb:success>{% else %}<fb:error message="{{ delicious_message }}.">Try again.</fb:error>{% endifequal %}</div>
	{% endif %}
	<form action="{{ "/settings/delicious"|callback_secure }}" id="delicious" method="post">
		<table class="editorkit" border="0" cellspacing="0" style="width: 280px;">
			<tr class="width_setter"><th style="width: 130px;"/><td/></tr>
			<fb:editor-custom label="Account">
				<input{% if not offline_access %} disabled="disabled"{% endif %} name="da" value="{{ user.delicious_user_set.get }}"/>
			</fb:editor-custorm>
			<fb:editor-custom label="Password">
				<input{% if not offline_access %} disabled="disabled"{% endif %} name="dp" type="password"/> Not Stored
			</fb:editor-custom>
			<fb:editor-buttonset>
				<input class="editorkit_button action"{% if not offline_access %} disabled="disabled"{% endif %} type="submit" value="Save"/>
			</fb:editor-buttonset>
		</table>
	</form>
	<h4>Laptops</h4>
	<p>If you have a laptop that you use around CCS you can associate it with your Lab account to let others in the lab know when you are around.</p>
	<div class="note"><strong>Note:</strong> This only works if you are using the lab's wireless network.</div>
	<div id="laptops_message" style="display: none;"/>
	<form id="laptops">
		<table class="editorkit" border="0" cellspacing="0" style="width: 450px;">
			<tr class="width_setter"><th style="width: 130px;"/><td style="width: 115px;"/><th style="width: 60px;"/><td style="width: 115px;"/><td style="width: 30px;"/></tr>
			{% for laptop in user.laptop_set.all %}
			<tr>
				<th><label>MAC Address:</label></th>
				<td class="editorkit_row"><input maxlength="17" name="m[]" type="text" value="{{ laptop.mac_address }}"/></td>
				<th><label>Name:</label></th>
				<td class="editorkit_row"><input maxlength="50" name="n[]" type="text" value="{{ laptop.fancy_name }}"/></td>
				<td class="right_padding"/>
			</tr>
			{% endfor %}
			<tr>
				<th><label>MAC Address:</label></th>
				<td class="editorkit_row"><input maxlength="17" name="m[]" type="text"/></td>
				<th><label>Name:</label></th>
				<td class="editorkit_row"><input maxlength="50" name="n[]" type="text"/></td>
				<td class="right_padding"/>
			</tr>
			<tr id="laptops_buttons">
				<th/>
				<td class="editorkit_buttonset" colspan="3">
					<input class="editorkit_button action" onclick="LaptopsAdd()" type="button" value="Add"/>
					<input class="editorkit_button action" onclick="LaptopsSave()" type="button" value="Save"/>
				</td>
				<td class="right_padding"/>
			</tr>
		</table>
	</form>
</div>
{% endblock %}
{% block js %}
{% if not offline_access %}{% css_js "js/delicious.js" %}{% endif %}
{% css_js "js/laptops.js" %}
<fb:js-string var="error">
	<fb:error message="Ajax Failure">Try again.</fb:error>
</fb:js-string>
{% endblock %}
{% block id %}$Id${% endblock %}
{# vim: set filetype=htmldjango: #}