{% extends "base.html" %}
{% load static from staticfiles %}
{% load todolists %}

{% block title %}Arch Linux - Todo: {{ list.name }}{% endblock %}

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

    <h2>Todo List: {{ list.name }}</h2>

    <ul class="admin-actions">
        {% if perms.todolists.delete_todolist %}
        <li><a href="/todo/{{ list.slug }}/delete/"
            title="Delete this todo list">Delete Todo List</a></li>
        {% endif %}
        {% if perms.todolists.change_todolist %}
        <li><a href="/todo/{{ list.slug }}/edit/"
            title="Edit this todo list">Edit Todo List</a></li>
        {% endif %}
    </ul>

    <p class="todo-info">{{ list.created|date }} - {{ list.creator.get_full_name }}</p>

    <div>{{list.description|urlize|linebreaks}}</div>

    <p>Link to lists of pkgbase values:</p>
    <ul>{% for svn_root in svn_roots %}
        <li><a href="pkgbases/{{ svn_root }}/">{{ svn_root }}</a></li>
    {% endfor %}</ul>

    <p>{{ list.packages|length }} total todo list package{{ list.packages|pluralize }} found.</p>

    <div class="box filter-criteria">
        <h3>Filter Todo List Packages</h3>
        <form id="todolist_filter" method="post" action=".">
        <fieldset>
            <legend>Select filter criteria</legend>
            {% for arch in arches %}
            <div><label for="id_arch_{{ arch.name }}" title="Architecture {{ arch.name }}">Arch {{ arch.name }}</label>
                <input type="checkbox" name="arch_{{ arch.name }}" id="id_arch_{{ arch.name }}" class="arch_filter" value="{{ arch.name }}" checked="checked"/></div>
            {% endfor %}
            {% for repo in repos %}
            <div><label for="id_repo_{{ repo.name|lower }}" title="Target Repository {{ repo.name }}">[{{ repo.name|lower }}]</label>
                <input type="checkbox" name="repo_{{ repo.name|lower }}" id="id_repo_{{ repo.name|lower }}" class="repo_filter" value="{{ repo.name|lower }}" checked="checked"/></div>
            {% endfor %}
            <div><label for="id_mine_only" title="Show only packages maintained by me">Only Mine</label>
                <input type="checkbox" name="mine_only" id="id_mine_only" value="mine_only"/></div>
            <div><label for="id_incomplete" title="Packages not yet completed">Only Incomplete</label>
                <input type="checkbox" name="incomplete" id="id_incomplete" value="incomplete"/></div>
            <div ><label>&nbsp;</label><input title="Reset search criteria" type="button" id="criteria_reset" value="Reset"/></div>
            <div class="clear"></div>
            <div id="filter-info"><span id="filter-count">{{ list.packages|length }}</span> todo list packages displayed.</div>
        </fieldset>
        </form>
    </div>

    <table id="dev-todo-pkglist" class="results todo-table">
        <thead>
            <tr>
                <th>Arch</th>
                <th>Repository</th>
                <th>Name</th>
                <th>Current Version</th>
                <th>Maintainers</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for pkg in list.packages %}
            <tr class="{% cycle 'odd' 'even' %}{% if user in pkg.maintainers %} mine{% endif %} {{ pkg.arch.name }} {{ pkg.repo.name|lower }}">
                <td>{{ pkg.arch.name }}</td>
                <td>{{ pkg.repo.name|capfirst }}</td>
                <td>{% todopkg_details_link pkg %}</td>
                {% if pkg.pkg.flag_date %}
                <td><span class="flagged">{{ pkg.pkg.full_version }}</span></td>
                {% else %}
                <td>{{ pkg.pkg.full_version }}</td>
                {% endif %}
                <td>{{ pkg.maintainers|join:', ' }}</td>
                <td>
                    {% if perms.todolists.change_todolistpackage %}
                    <a href="/todo/{{ list.slug }}/flag/{{ pkg.id }}/"
                        class="status-link {{ pkg.status_css_class }}" title="Toggle completion status">{{ pkg.get_status_display }}</a>
                    {% else %}
                    <span class="{{ pkg.status_css_class }}">{{ pkg.get_status_display }}</span>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% load cdn %}{% jquery %}{% jquery_tablesorter %}
<script type="text/javascript" src="{% static "archweb.js" %}"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".results").tablesorter({
        widgets: ['zebra'],
        sortList: [[2,0], [0,0]],
        headers: { 5: { sorter: 'todostatus' } }
    });
});
$(document).ready(function() {
    $('a.status-link').click(todolist_flag);
    var filter_func = function() { filter_pkgs_list('#todolist_filter', '#dev-todo-pkglist tbody'); };
    $('#todolist_filter input').change(filter_func);
    $('#criteria_reset').click(function() { filter_pkgs_reset(filter_func); });
    // fire function on page load to ensure the current form selections take effect
    filter_func();
});
</script>
{% endblock %}