{% extends "propmgr/base.html" %}{% load adminmedia %}
{% block styles %}
<style type="text/css">
tr.trhide { display: none; }
tr.expanded { display: table-row; }
.num { align: right; text-align: right;}
</style>
{% endblock %}
{% block scripts %}
<script type="text/javascript">
function $() {
  var elements = new Array();

  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);

    if (arguments.length == 1)
      return element;

    elements.push(element);
  }

  return elements;
}

function $$() {
  var elements = new Array();

  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element_arr = document.getElementsByName(element);

    if (arguments.length == 1)
      return element_arr;

    for (var j = 0; j < element_arr.length; j++) {
      elements.push(element_arr[j]);
    }
  }

  return elements;
}

function toggleTr(id, viscls, pmid) {
  var body = $(id);
  var pm = $(pmid);
  if (body.className == 'trhide') {
    body.className = viscls;
      pm.innerHTML = "-";
  } else {
    body.className = 'trhide';
      pm.innerHTML = "+";
  }
}

function toggleAll(clsH, clsV, ppmmid) {
  var ppmm = $(ppmmid);
  var pts = $$('proposals');
  var tts = $$('toggle');
  var cls = clsH;
  var pm = '+';
  if (ppmm.innerHTML == '++') {
    cls = clsV;
    ppmm.innerHTML = '--';
    pm = '-';
  } else {
    ppmm.innerHTML = "++";
  }
  for (var i = 0; i < pts.length; i++) {
    pts[i].className = cls;
  }
  for (var j = 0; j < tts.length; j++) {
    tts[j].innerHTML = pm;
  }
}
</script>
{% endblock %}

{% block content %}
{% load propmgr %}

<H1>Proposal Reviewer Statistics</H1>
<h2>{{ reviewers|length }} reviewers for {{ proposal_count }} proposals.</h2>
<div>
<table>
<thead><tr><th><a href="javascript:toggleAll('trhide', 'expanded', 'toggleall');" id="toggleall">++</a></th><th>Reviewer</th>
       <th class="num"><img src="{% admin_media_prefix %}img/admin/icon_success.gif" alt="Assigned" title="Assigned"/></th>
       <th class="num"><img src="{% admin_media_prefix %}img/admin/icon-yes.gif" alt="Votes" title="Votes"/></th>
       <th class="num"><img src="{% admin_media_prefix %}img/admin/icon-unknown.gif" alt="Not Yet Voted" title="Not Yet Voted"/></th></tr></thead>
{% for reviewer in reviewers %}
    <tr class="{% cycle row1,row2 as reviewer_row %}">
        <td><a href="javascript:toggleTr('reviews{{ forloop.counter }}', 'expanded', 'toggle{{ forloop.counter }}');" name="toggle" id="toggle{{ forloop.counter }}" >+</a></td>
        <td>{{ reviewer|escape }}</td>
        <td class="num">{{ reviewer.proposals_reviewing_set.count }} </td>
        <td class="num">{{ reviewer.review_set.count }}</td>
        <td class="num">{{ reviewer.proposals_reviewing|length|minus:reviewer.review_set.count }}</td>
        </tr>
    <tr id='reviews{{ forloop.counter }}' name='proposals' class='trhide'><td class="{{ reviewer_row }}"></td><td colspan="4">
        <table style="border: 2px solid white;"><thead><tr><th><img src="{% admin_media_prefix %}img/admin/icon-yes.gif" alt="Vote" title="Vote"/></th><!--<th>Status</th>-->
                      <th>Proposal</th></tr></thead>
    {% for proposal in reviewer.proposals_reviewing %}
        <tr class="{% cycle row1,row2 %}">
            <td class="num">{% if user|can_view_reviews:proposal %}{{ proposal|get_review_score_for_user:reviewer }}{% else %}X{% endif %}</td>
            <!--<td style="white-space: nowrap;">{ proposal.get_status_display|escape }</td>-->
            <td>{% include_proposal_link proposal %}</td></tr>
    {% endfor %}
        </table>
    </td></tr>
{% endfor %}
</table>
</div>

{% endblock %}