{% extends "propmgr/base.html" %}
{% load appmedia %}{% load adminmedia %}
{% block feeds %}
{% include "propmgr/feeds.html" %}
<script type="text/javascript" src="{% app_media_prefix "propmgr" %}js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="{% app_media_prefix "propmgr" %}js/jquery.tablesorter.min.js"></script>
{% endblock %}
{% block styles %}
<style type="text/css">
.num { align: right; text-align: right;}
th.header { cursor: pointer; }
.header span { display: none; }
.headerSortUp span {
    display: inline;
    background-image: url('{% admin_media_prefix %}img/admin/arrow-up.gif');
    background-repeat: no-repeat;
    background-position: center left;
}
.headerSortDown span {
    display: inline;
    background-image: url('{% admin_media_prefix %}img/admin/arrow-down.gif');
    background-repeat: no-repeat;
    background-position: center left;
}
/*td.catcol {
    width: 20%;
}*/
td.propcol {
    width: 50%;
}
</style>
{% endblock %}
{% block content %}
{% load propmgr %}
<h1>Proposal Vote Statistics</h1>
<p class="help">NOTE: Table headings are clickable and will resort the tables.
Use shift-click to sort by multiple columns in order.
Clicking on the 'Proposal' heading will reset the sorting.
The votes column are sorted by the total number of votes plus some fuzzy logic that is not great, but better than nothing.
</p>

<h2>{{ vote_count }} Votes on {{ prop_count }} Proposals.</h2>

<div>
    <b><a name='contents'>Contents</a></b>
    <ul>
    {% if ranked_proposals.needs_champion %}
        <li><a href='#needs_champion'>Needs Champions ({{ ranked_proposals.needs_champion|length }})</a></li>
    {% endif %}{% if ranked_proposals.missing_votes %}
        <li><a href='#missing_votes'>Missing Votes ({{ ranked_proposals.missing_votes|length }})</a></li>
    {% endif %}{% if ranked_proposals.all_positive %}
        <li><a href='#all_positive'>All Positive ({{ ranked_proposals.all_positive|length }})</a></li>
    {% endif %}{% if ranked_proposals.all_negative %}
        <li><a href='#all_negative'>All Negative ({{ ranked_proposals.all_negative|length }})</a></li>
    {% endif %}{% if ranked_proposals.mixed %}
        <li><a href='#mixed'>Mixed ({{ ranked_proposals.mixed|length }})</a></li>
    {% endif %}
    </ul>
</div>
<div>

    {% if ranked_proposals.needs_champion %}
        {% var rank_id = 'needs_champion' %}
        {% var rank_name = 'Need Champions' %}
        {% var proposals = ranked_proposals.needs_champion %}
        {% include "propmgr/proposal_rank_list.html" %}
    {% endif %}

    {% if ranked_proposals.missing_votes %}
        {% var rank_id = 'missing_votes' %}
        {% var rank_name = 'Missing Votes' %}
        {% var proposals = ranked_proposals.missing_votes %}
        {% include "propmgr/proposal_rank_list.html" %}
    {% endif %}

    {% if ranked_proposals.all_positive %}
        {% var rank_id = 'all_positive' %}
        {% var rank_name = 'All Positive' %}
        {% var proposals = ranked_proposals.all_positive %}
        {% include "propmgr/proposal_rank_list.html" %}
    {% endif %}

    {% if ranked_proposals.all_negative %}
        {% var rank_id = 'all_negative' %}
        {% var rank_name = 'All Negative' %}
        {% var proposals = ranked_proposals.all_negative %}
        {% include "propmgr/proposal_rank_list.html" %}
    {% endif %}

    {% if ranked_proposals.mixed %}
        {% var rank_id = 'mixed' %}
        {% var rank_name = 'Mixed' %}
        {% var proposals = ranked_proposals.mixed %}
        {% include "propmgr/proposal_rank_list.html" %}
    {% endif %}

</div>
{% endblock %}