summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authoreliott <eliott@cactuswax.net>2008-03-29 16:34:44 -0700
committereliott <eliott@cactuswax.net>2008-03-29 16:34:44 -0700
commit37d97cfff830b4dcce5a74bb95d0b203a2e865e9 (patch)
treeb47b868a8c71d5d59c5517ed53ef4224860210b5 /templates
parent7e2d0f2f0cd8f176cf82c02d704ad4fe25a07b3b (diff)
Added column sorting via javascript.release_2008032901
Diffstat (limited to 'templates')
-rw-r--r--templates/todolists/list.html5
-rw-r--r--templates/todolists/view.html35
2 files changed, 37 insertions, 3 deletions
diff --git a/templates/todolists/list.html b/templates/todolists/list.html
index 980328ab..714e1139 100644
--- a/templates/todolists/list.html
+++ b/templates/todolists/list.html
@@ -1,5 +1,4 @@
{% extends "base.html" %}
-
{% block content %}
<div class="greybox">
{% if perms.todolists.add_todolist %}
@@ -9,6 +8,7 @@
{% endif %}
<h2 class="title">Package ToDo lists</h2>
<table class="results" width="100%">
+ <thead>
<tr>
<th>Name</th>
<th>Creation Date</th>
@@ -16,6 +16,8 @@
<th>Description</th>
<th>Status</th>
</tr>
+ </thead>
+ <tbody>
{% for list in lists %}
<tr class="{% cycle pkgr2,pkgr1 %}">
<td style="white-space:nowrap"><a href="/todo/{{ list.id }}/">{{ list.name }}</a></td>
@@ -25,6 +27,7 @@
<td>{% if list.complete %}<span style="color:blue">Complete</span>{% else %}<span style="color:red">Incomplete</span>{% endif %}</td>
</tr>
{% endfor %}
+ </tbody>
</table>
</div>
{% endblock %}
diff --git a/templates/todolists/view.html b/templates/todolists/view.html
index 7cd58dc8..692999db 100644
--- a/templates/todolists/view.html
+++ b/templates/todolists/view.html
@@ -1,9 +1,37 @@
{% extends "base.html" %}
-
+{% block head %}
+<script type="text/javascript" src="/media/jquery-1.2.3.min.js"></script>
+<script type="text/javascript" src="/media/jquery.tablesorter.min.js"></script>
+<script type="text/javascript">
+ $(document).ready(
+ function(){
+ $("#todotable").tablesorter();
+ }
+ );
+</script>
+<style type="text/css">
+table#todotable thead tr .header {
+ background-image: url('/media/bg.gif');
+ background-repeat: no-repeat;
+ background-position: center right;
+ cursor: pointer;
+}
+table#todotable thead tr .headerSortUp {
+ background-image: url('/media/asc.gif');
+}
+table#todotable thead tr .headerSortDown {
+ background-image: url('/media/desc.gif');
+}
+table#todotable thead tr .headerSortDown, table.todotable thead tr .headerSortUp {
+ background-color: #8dbdd8;
+}
+</style>
+{% endblock %}
{% block content %}
<div class="greybox">
<h3 class="title">ToDo List: {{ list.name }}</h2>
- <table class="results" width="100%">
+ <table id="todotable" class="results" width="100%">
+ <thead>
<tr>
<th>ID</th>
<th>Repo</th>
@@ -11,6 +39,8 @@
<th>Maintainer</th>
<th>Status</th>
</tr>
+ </thead>
+ <tbody>
{% for pkg in pkgs %}
<tr class="{% cycle pkgr1,pkgr2 %}">
<td><a href="/packages/{{ pkg.pkg.id }}/">{{ pkg.pkg.id }}</a></td>
@@ -26,6 +56,7 @@
</td>
</tr>
{% endfor %}
+ </tbody>
</table>
</div>
{% endblock %}