{% extends "base.html" %}
{% load static %}

{% block title %}Arch Linux - Todo Lists{% endblock %}

{% block content %}
<div id="dev-todo" class="box">

    <h2>Package Todo Lists</h2>

    {% if perms.todolists.add_todolist %}<ul class="admin-actions">
        <li><a href="/todo/add/" title="Add new todo list">Add Todo List</a></li>
    </ul>{% endif %}

    <p>Todo lists are used by the developers when a rebuild of a set of
    packages is needed. This is common when a library has a version bump,
    during a toolchain rebuild, or a general cleanup of packages in the
    repositories. The progress can be tracked here, and completed todo lists
    can be browsed as well.</p>

    {% include "todolists/paginator.html" %}

    <table id="dev-todo-lists" class="results todo-table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Creation Date</th>
                <th>Creator</th>
                <th>Package Count</th>
                <th>Incomplete Count</th>
                <th>Kind</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for list in lists %}
            <tr>
                <td class="wrap"><a href="{{ list.get_absolute_url }}"
                        title="View todo list: {{ list.name }}">{{ list.name }}</a></td>
                <td>{{ list.created|date:"Y-m-d" }}</td>
                <td>{{ list.creator.get_full_name }}</td>
                <td>{{ list.pkg_count }}</td>
                <td>{{ list.incomplete_count }}</td>
                <td>{{ list.kind_str }}</td>
                <td>{% if list.incomplete_count == 0 %}<span class="complete">Complete</span>
                    {% else %}<span class="incomplete">Incomplete</span>{% endif %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>

    {% include "todolists/paginator.html" %}
</div>
{% endblock %}

{% block script_block %}
{% load cdn %}{% jquery %}{% jquery_tablesorter %}
<script type="text/javascript" src="{% static "archweb.js" %}"></script>
<script type="text/javascript" nonce={{ CSP_NONCE }}>
$(document).ready(function() {
    $(".results").tablesorter({widgets: ['zebra'], sortList: [[6, 1], [1, 1]]});
});
</script>
{% endblock %}
