{% extends "base.html" %}
{% block title %}Arch Linux - Developer Dashboard{% endblock %}

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

    <h2>Developer Dashboard</h2>

    {% if todos %}
        <h3>Package Todo Lists</h3>

        <table id="dash-todo" class="results dash-stats">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Creation Date</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                {% for todo in todos %}
                    <tr class="{% cycle 'odd' 'even' %}">
                        <td class="key"><a href="{{ todo.get_absolute_url }}"
                                title="View todo list: {{ todo.name }}">{{ todo.name }}</a></td>
                        <td>{{ todo.date_added }}</td>
                        <td>{{ todo.description|safe }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    <h3>My Flagged Packages</h3>

    <table id="dash-myflagged" class="results dash-stats">
        <thead>
            <tr>
                <th class="key">Name</th>
                <th>Repo</th>
                <th>Version</th>
                <th>Arch</th>
            </tr>
        </thead>
        <tbody>
            {% for pkg in flagged %}
                <tr class="{% cycle 'odd' 'even' %}">
                    <td><a href="{{ pkg.get_absolute_url }}"
                            title="View package details for {{ pkg.pkgname }}">{{ pkg.pkgname }}</a></td>
                    <td>{{ pkg.repo.name }}</td>
                    <td>{{ pkg.pkgver }}</td>
                    <td>{{ pkg.arch.name }}</td>
                </tr>
            {% empty %}
                <tr><td colspan="4"><em>No flagged packages to display</em></td></tr>
            {% endfor %}
        </tbody>
    </table>

    <h3>My Incomplete Todo List Packages</h3>

    <table id="dash-mytodolist" class="results dash-stats">
        <thead>
            <tr>
                <th>Todo List</th>
                <th class="key">Name</th>
                <th>Repo</th>
                <th>Arch</th>
                <th>Maintainer(s)</th>
            </tr>
        </thead>
        <tbody>
            {% for todopkg in todopkgs %}
                <tr class="{% cycle 'odd' 'even' %}">
                    <td><a href="{{ todopkg.list.get_absolute_url }}"
                            title="View todo list: {{ todopkg.list.name }}">{{ todopkg.list.name }}</a></td>
                    <td><a href="{{ todopkg.pkg.get_absolute_url }}"
                            title="View package details for {{ todopkg.pkg.pkgname }}">{{ todopkg.pkg.pkgname }}</a></td>
                    <td>{{ todopkg.pkg.repo.name }}</td>
                    <td>{{ todopkg.pkg.arch.name }}</td>
                    <td>{{ todopkg.pkg.maintainers|join:', ' }}</td>
                </tr>
            {% empty %}
                <tr><td colspan="4"><em>No incomplete todo list packages to display</em></td></tr>
            {% endfor %}
        </tbody>
    </table>

    <form id="dash-pkg-notify" method="post" action="/devel/notify/">{% csrf_token %}
        <fieldset>
            <p><input id="notify" name="notify" type="checkbox" value="yes"
            {% if user.get_profile.notify %} checked="checked"{% endif %} />
            <label for="notify">Notify me when packages are flagged out-of-date</label>
            <input title="Update notification status" type="submit" value="Update" /></p>
        </fieldset>
    </form>

</div><!-- #dev-dashboard -->

<div id="dash-by-arch" class="dash-stats box">

    <h3 class="dash-stats" style="cursor: pointer"
        title="Click to toggle stats by architecture">
        Stats by Architecture <span class="dash-click">(click to toggle)</span></h3>

    <table id="stats-by-arch" class="results dash-stats">
        <thead>
            <tr>
                <th class="key">Arch</th>
                <th># Packages</th>
                <th># Flagged</th>
            </tr>
        </thead>
        <tbody>
            {% for arch in arches %}
                <tr class="{% cycle 'odd' 'even' %}">
                    <td>{{ arch.name }}</td>
                    <td><a href="/packages/?arch={{ arch.name }}"
                            title="View all packages for the {{ arch.name }} architecture">
                            <strong>{{ arch.packages.count }}</strong> packages</a></td>
                    <td><a href="/packages/?arch={{ arch.name }}&amp;flagged=Flagged"
                            title="View all flagged packages for the {{ arch.name }} architecture">
                            <strong>{{ arch.packages.flagged.count }}</strong> packages</a></td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

</div><!-- #dash-by-arch -->

<div id="dash-by-repo" class="dash-stats box">

    <h3 class="dashboard dash-stats" style="cursor: pointer"
        title="Click to toggle stats by repository">
        Stats by Repository <span class="dash-click">(click to toggle)</span></h3>

    <table id="stats-by-repo" class="results dash-stats">
        <thead>
            <tr>
                <th class="key">Repository</th>
                <th># Packages</th>
                <th># Flagged</th>
            </tr>
        </thead>
        <tbody>
            {% for repo in repos %}
                <tr class="{% cycle 'odd' 'even' %}">
                    <td>{{ repo.name }}</td>
                    <td><a href="/packages/?repo={{ repo.name }}"
                            title="View all packages in the {{ repo.name }} repository">
                            <strong>{{ repo.packages.count }}</strong> packages</a></td>
                    <td><a href="/packages/?repo={{ repo.name }}&amp;flagged=Flagged"
                            title="View all flagged packages in the {{ repo.name }} repository">
                            <strong>{{ repo.packages.flagged.count }}</strong> packages</a></td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

</div><!-- dash-by-arch -->

<div id="dash-by-maintainer" class="dash-stats box">

    <h3 class="dashboard dash-stats" style="cursor: pointer"
        title="Click to toggle stats by maintainer">
        Stats by Maintainer <span class="dash-click">(click to toggle)</span></h3>

    <table id="stats-by-maintainer" class="results dash-stats">
        <thead>
            <tr>
                <th class="key">Maintainer</th>
                <th># Base Packages</th>
                <th># Flagged</th>
            </tr>
        </thead>
        <tbody>
            {% for maint in maintainers %}
                <tr class="{% cycle 'odd' 'even' %}">
                    <td>{{ maint.get_full_name }}</td>
                    <td><a href="/packages/?maintainer={{ maint.username }}"
                            title="View all packages maintained by {{ maint.get_full_name }}">
                            <strong>{{ maint.package_relations.count }}</strong> base packages</a></td>
                    <td><a href="/packages/?maintainer={{ maint.username }}&amp;flagged=Flagged"
                            title="View all flagged packages maintained by {{ maint.get_full_name }}">
                            Flagged packages</a></td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

</div><!-- #dash-by-maintainer -->
{% load cdn %}{% jquery %}
<script type="text/javascript" src="/media/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#dash-todo").tablesorter({widgets: ['zebra'], sortList: [[1,1]]});
    $("#dash-myflagged").tablesorter({widgets: ['zebra'], sortList: [[0,0]]});
    $("#dash-mytodolist").tablesorter({widgets: ['zebra'], sortList: [[0,0], [1,0]]});
    $("#stats-by-arch").tablesorter({widgets: ['zebra'], sortList: [[0,0]]});
    $("#stats-by-repo").tablesorter({widgets: ['zebra'], sortList: [[0,0]]});
    $("#stats-by-maintainer").tablesorter({widgets: ['zebra'], sortList: [[0,0]]});
    $("h3.dash-stats").click(
        function(e) { $(this).next().toggle(); }
    );
});
</script>
{% endblock %}