test-auth/app/hr/templates/hr/recommendations/view_list.html

{% extends "base.html" %}

{% block title %}Recommendations{% endblock %}

{% block content %}
<script src="/static/js/jquery.tablesorter.min.js"></script>

<div class="page-header">
  <h1>Your Recommendations</h1>
</div>

<p>This list shows your current open recommendations that are yet to be submitted, as 
soon as the recommended user submits their application your recommendation will be removed from this list.</p>
{% if recommendations %}
<table class="zebra-striped" id="recommendations">
  <thead>
    <tr><th>Recommender</th><th>Recommended Application</th><th>Application Status</th></tr>
  </thead>
  <tbody>
    {% for rec in recommendations %}
    <tr><td>{{ rec.user_character }}</td>
      <td>{{ rec.application }}</td>
      <td>{{ rec.application.get_status_display }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p>You have no current recommendations</p>
{% endif %}

<script>
  $(function() {
    $("table#recommendations").tablesorter({ sortList: [[0,0]] });
  });
</script>
{% endblock %}