{% extends "base.html" %}


{% block title %}Tasks{% endblock %}

{% block breadcrumbs %}{{ block.super }}
<li class="active">Tasks</li>
{% endblock breadcrumbs %}


{% block headmeta %}
<meta http-equiv="refresh" content="30;URL=">
{% endblock %}


{% block content %}

  <div class="row-fluid">
    <div class="span12">

<h1>Tasks</h1>

{% if celery_tasks %}

<table id="tasks" class="table">
<form name="task-dismiss" action="" method="post">{% csrf_token %}
  <input type='hidden' name='next' value='{{ form.next.value }}' />

{% if dismissable_tasks %}
  <tr>
    <td colspan="3">
    </td>
    <td align="right">
<a id="select-all" href="#" class="btn btn-primary btn-xs">Select All</a>
<a id="unselect-all" href="#" class="btn btn-primary btn-xs">Unselect All</a>
    </td>
    <td>
<button type="submit" class="btn btn-primary">Dismiss selected tasks</button>
    </td>
  </tr>
{% endif %}{# dismissable_tasks #}

{% for task in celery_tasks %}
  <tr>
    <td class="status {{ task.status }}">
{{ task.status }}
    </td>
    <td width="100">
{{ task.startd|timesince }} ago
    </td>
    <td>
{{ task.message|safe }}
<div id="{{ task.task_id }}" class="muted collapse">
  <table class="table table-condensed">
{% for key, value in task.items %}
    <tr>
      <th><small>{{ key }}</small></th>
      <td><small>{% if key == "traceback" %}<pre>{{ value }}</pre>{% else %}{{ value }}{% endif %}</small></td>
    </tr>
{% endfor %}
  </table>
</div>
    </td>
    <td>
<button type="button" class="btn btn-mini btn-link" data-toggle="collapse" data-target="#{{ task.task_id }}">
more&nbsp;info
</button>
    </td>
    <td>
{% if task.dismissable %}
<input id="id_dismiss_{{ task.task_id }}" name="dismiss_{{ task.task_id }}" class="task_checkbox" type="checkbox" />
{% endif %}
    </td>
  </tr>
{% endfor %}

</form>
</table>

{% else %}

<p class="text-muted">
No pending tasks.
</p>
{% if form.next.value %}
<a href="{{ form.next.value }}" class="btn btn-default btn-default">
  &laquo; Back
</a>
{% endif %}

{% endif %}{# celery_tasks #}

    </div><!-- .span12 -->
  </div><!-- .row-fluid -->

{% endblock content %}


{% block javascript %}{{ block.super }}
<script>
  $(function () {
    /* (un)select-all tasks */
    $("#unselect-all").hide();
    $("#select-all").click(function() {
      $(".task_checkbox").prop('checked', true);
      $("#select-all").hide();
      $("#unselect-all").show();
    });
    $("#unselect-all").click(function() {
      $(".task_checkbox").prop('checked', false);
      $("#unselect-all").hide();
      $("#select-all").show();
    });
  })
</script>
{% endblock javascript %}