summaryrefslogtreecommitdiff
path: root/templates/todolists/view.html
diff options
context:
space:
mode:
authorThayer Williams <thayerw@gmail.com>2010-03-16 11:22:54 -0700
committerDan McGee <dan@archlinux.org>2010-05-17 15:55:38 -0500
commitc1711f002ac343c414175bf9005e96e053ba75da (patch)
tree749aa349e97f4c5fb7fc5059016d47a31e4dcf5a /templates/todolists/view.html
parent5813ec18197dc76c99f85f8fc1d1c41ed7f396e3 (diff)
Redesigned todo list pages
Signed-off-by: Dan McGee <dan@archlinux.org>
Diffstat (limited to 'templates/todolists/view.html')
-rw-r--r--templates/todolists/view.html114
1 files changed, 60 insertions, 54 deletions
diff --git a/templates/todolists/view.html b/templates/todolists/view.html
index ae8a6563..6b6e9845 100644
--- a/templates/todolists/view.html
+++ b/templates/todolists/view.html
@@ -1,68 +1,74 @@
{% extends "base.html" %}
-{% block title %}Arch Linux - Todo - {{ list.name }}{% endblock %}
+{% block title %}Arch Linux - Todo: {{ list.name }}{% endblock %}
{% block content %}
- <div class="greybox">
- <div style="float:right">
- {% if perms.main.delete_todolist %}
- <a href="/todo/delete/{{list.id}}/">Delete Todo List</a> |
- {% endif %}
- {% if perms.main.change_todolist %}
- <a href="/todo/edit/{{list.id}}/">Edit Todo List</a>
- {% endif %}
- </div>
- <h2 class="title">Todo List: {{ list.name }}</h2>
- <table id="todotable" class="results" width="100%">
- <thead>
- <tr>
- <th>Name</th>
- <th>Arch</th>
- <th>Repo</th>
- <th>Maintainer</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
+<div id="dev-todo-details" class="box">
+
+ <h2>Todo List: {{ list.name }}</h2>
+
+ <ul class="admin-actions">
+ {% if perms.main.delete_todolist %}
+ <li><a href="/todo/delete/{{list.id}}/"
+ title="Delete this todo list">Delete Todo List</a></li>
+ {% endif %}
+ {% if perms.main.change_todolist %}
+ <li><a href="/todo/edit/{{list.id}}/"
+ title="Edit this todo list">Edit Todo List</a></li>
+ {% endif %}
+ </ul>
+
+ <p>{{list.description|linebreaks}}</p>
+
+ <table id="dev-todo-pkglist" class="results">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Arch</th>
+ <th>Repo</th>
+ <th>Maintainer</th>
+ <th>Status</th>
+ </tr>
+ </thead>
+ <tbody>
{% for pkg in list.packages %}
- <tr class="{% cycle pkgr2,pkgr1 %}">
- <td><a href="{{ pkg.pkg.get_absolute_url }}">{{ pkg.pkg.pkgname }}</a></td>
- <td>{{ pkg.pkg.arch.name }}</td>
- <td>{{ pkg.pkg.repo.name|capfirst }}</td>
- <td>{{ pkg.pkg.maintainers|join:', ' }}</td>
- <td>
+ <tr class="{% cycle 'odd' 'even' %}">
+ <td><a href="{{ pkg.pkg.get_absolute_url }}"
+ title="View package details for {{ pkg.pkg.pkgname }}">{{ pkg.pkg.pkgname }}</a></td>
+ <td>{{ pkg.pkg.arch.name }}</td>
+ <td>{{ pkg.pkg.repo.name|capfirst }}</td>
+ <td>{{ pkg.pkg.maintainers|join:', ' }}</td>
+ <td>
{% if pkg.complete %}
- <a href="/todo/flag/{{ list.id }}/{{ pkg.id }}/"><span style="color:blue">Complete</span></a>
+ <a href="/todo/flag/{{ list.id }}/{{ pkg.id }}/"
+ class="complete" title="Toggle completion status">Complete</a>
{% else %}
- <a href="/todo/flag/{{ list.id }}/{{ pkg.id }}/"><span style="color:red">Incomplete</span></a>
+ <a href="/todo/flag/{{ list.id }}/{{ pkg.id }}/"
+ class="incomplete" title="Toggle completion status">Incomplete</a>
{% endif %}
- </td>
- </tr>
+ </td>
+ </tr>
{% endfor %}
- </tbody>
- </table>
- <br />
- <div class="box">
- <h3>List Description</h3>
- {{list.description|linebreaks}}
- </div>
- </div>
+ </tbody>
+ </table>
- {% load cdn %}{% jquery %}
- <script type="text/javascript">
- $(function() {
- $('a[href*=todo/flag]').click(function() {
- var link = this;
+</div><!-- #dev-todo-details -->
- $.getJSON(link.href, function(data) {
- if (data.complete) {
- $(link).text('Complete').css('color', 'blue');
- } else {
- $(link).text('Incomplete').css('color', 'red');
- }
- });
+{% load cdn %}{% jquery %}
+<script type="text/javascript">
+ $(function() {
+ $('a[href*=todo/flag]').click(function() {
+ var link = this;
- return false;
+ $.getJSON(link.href, function(data) {
+ if (data.complete) {
+ $(link).text('Complete').addClass('complete').removeClass('incomplete');
+ } else {
+ $(link).text('Incomplete').addClass('incomplete').removeClass('complete');
+ }
});
+
+ return false;
});
- </script>
+ });
+</script>
{% endblock %}