Add developer world clocks page

This should make it easier for everyone to figure out whether someone is
awake, sleeping, and all that fun stuff. It does require everyone to update
their profile and fill in the field, but that shouldn't be too hard of a
task.

Don't suggest jokes to me Saturday morning on IRC unless you really want to
see them implemented. Thanks, Pierre!

Signed-off-by: Dan McGee <dan@archlinux.org>

1 files changed, 49 insertions, 0 deletions

diff --git a/templates/devel/clock.html b/templates/devel/clock.html
new file mode 100644
index 0000000..ec567c2
--- /dev/null
+++ b/templates/devel/clock.html
@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+
+{% block title %}Arch Linux - Developer World Clocks{% endblock %}
+
+{% block content %}
+<div id="dev-clocks-box" class="box">
+    <h2>Developer World Clocks</h2>
+
+	<p>This page helps prevent you from waking a sleeping developer. It also
+	depends on developers keeping the time zone information up to date, so if
+	you see 'UTC' listed, pester them to update their settings.</p>
+	<p>
+	Arch Server Time: {{ now|date:"Y-m-d H:i" }}<br/>
+	UTC Time: {{ utc_now|date:"Y-m-d H:i" }}
+	</p>
+
+    <table id="clocks-table" class="results dash-stats">
+        <thead>
+            <tr>
+                <th>Developer</th>
+                <th>Username</th>
+                <th>Location</th>
+                <th>Time Zone</th>
+                <th>Current Time</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for dev in developers %}
+            <tr class="{% cycle 'odd' 'even' %}">
+                <td>{{ dev.get_full_name }}</td>
+                <td>{{ dev.username }}</td>
+                <td>{{ dev.userprofile.location }}</td>
+                <td>{{ dev.userprofile.time_zone }}</td>
+                <td>{{ dev.current_time|date:"Y-m-d H:i" }}</td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+{% load cdn %}{% jquery %}
+<script type="text/javascript" src="/media/jquery.tablesorter.min.js"></script>
+<script type="text/javascript" src="/media/archweb.js"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+    $("#clocks-table:has(tbody tr)").tablesorter(
+        {widgets: ['zebra'], sortList: [[1,0]]});
+});
+</script>
+{% endblock %}