{% extends "base.html" %}
{% block menubar %}
{% include "includes/get_nav.html" %}
{% endblock menubar %}
{% block header %}
<link href="{{ STATIC_URL }}calendar.css" type="text/css"
      rel="stylesheet" />
<link href="{{ STATIC_URL }}holidays.css" type="text/css"
      rel="stylesheet" />
{% endblock header %}
{% block title %}
Accept/Edit Tracking Entry
{% endblock title %}

{% block content %}
<!--[if IE 7]>
    <div id="isie" isie="true"></div>
    <![endif]-->
<!--[if IE]>
    <div id=IEFix>
      <![endif]-->
<div id="full-table-wrapper">
  <ul>
    {% for approval in approvals %}
    <li>{{ approval }}</li>
    {% endfor %}
  </ul>
</div>
<!--[if IE]>
    </div id=IEFix>
    <![endif]-->

{% endblock content %}

{% extends "base.html" %}
{% block menubar %}
{% include "includes/get_nav.html" %}
{% endblock menubar %}
{% block header %}
<link href="{{ STATIC_URL }}calendar.css" type="text/css"
      rel="stylesheet" />
<link href="{{ STATIC_URL }}holidays.css" type="text/css"
      rel="stylesheet" />
<link href="{{ STATIC_URL }}DataTables/css/jquery.dataTables.css" type="text/css"
      rel="stylesheet" />
{% endblock header %}
{% block title %}
Accept/Edit Tracking Entry
{% endblock title %}

{% block content %}
<!--[if IE 7]>
    <div id="isie" isie="true"></div>
    <![endif]-->
<!--[if IE]>
    <div id=IEFix>
      <![endif]-->
<div id="full-table-wrapper">
  <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
    <thead>
	  <tr>
	    <th>Agent</th>
	    <th>Date</th>
	    <th>Under/Overtime</th>
        <th>Approve/Deny</th>
	  </tr>
	</thead>
	<tbody>
      {% for approval in approvals %}
	  <tr class="gradeA">
		<td>{{ approval.entry.user.name }}</td>
		<td>{{ approval.entry.entry_date }}</td>
        {% if approval.entry.is_overtime %}
        <td class="center">Overtime</td>
        {% else %}
        <td class="center">Undertime</td>
        {% endif %}
        <td class="center">
          <input type="button" value="Approve" />
          <input type="button" value="Deny" />
        </td>
	  </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<!--[if IE]>
    </div id=IEFix>
    <![endif]-->

{% endblock content %}
{% block additional_javascript %}
<script type="text/javascript" src="{{ STATIC_URL }}DataTables/js/jquery.dataTables.js"></script>
<script>
  $(document).ready(function() {
  $('#example').dataTable();
  });
</script>
{% endblock additional_javascript %}

Use the datatable plugin to display the approval list.
Use the datatable plugin to display the approval list.
