{% extends "tweet/base.html" %}

{% block title %}Resultaten{% endblock %}   

{% block content %}
    <div class="page-header">
    <h1>Resultaten</h1>
    </div>
    <table class="table table-striped"> 
    <tr>
    <th></th>
    <th>id</th>
    <th>datum</th>
    <th>zoekvragen</th>
    <th>aantal tweets</th>
    <th>status</th>
    <th>resultaten</th>
    <th>zip</th>
    <th>configuratie</th>
    <th>log</th>
    </tr>
    {% for job in jobs %}
        <tr {% if job.status != job.STATUS_DONE and job.status != job.STATUS_FAILED %}class="followme"{% endif %} id="{{ job.id }}">
        <td><form action="{% url 'tweet:delete_job' job.id %}" method="post">
            {% csrf_token %}
            <input type="submit" value="Wis" class="btn btn-danger">
        </form></td>
        <td class="id">{{ job.id }}</td>
        <td>{{ job.start_time|date:"d/m/Y" }}</td>
        <td>{{ job.get_queries|join:", " }}</td>
        <td id="num">{{ job.num_tweets }}</td>
        <td id="status">{{ job.status_string }}</td>
        <td>
            {% for xls in job.get_results %}
                <a href={% url 'tweet:download_excel' job.id xls %}>
                    {{ xls }}
                </a>
            {% endfor %}
        </td>
         <td>
           <a {% if job.status != job.STATUS_DONE %}class="hide"{% endif %} 
              href="{% url 'tweet:download_zip' job.id %}">zipfile</a>
         </td>
         <td>
           <a href="{% url 'tweet:download_config' job.id %}">config.ini</a>
         </td>
         <td>
           <a href="{% url 'tweet:download_log' job.id %}">log.txt</a>
         </td>
        </tr>
    {% endfor %}
    </table>

<script type="text/javascript" charset="utf-8">
var updateTable=function() {
  $(".followme").each(function(){
    id=$(this).find(".id").text();
    //alert("id: " + id);
    url="{% url 'tweet:job_status' 112233445566 %}".replace("112233445566", id)
    $.ajax({
        url: url,
        success: function(data) {
          $("#"+data.id).find("#status").html(data.status);
          $("#"+data.id).find("#num").html(data.num_tweets);
          if(data.finished) {
            $("#"+data.id).removeClass("followme");
            if(data.status=="Done") {
                // Show excel, zip
                location.reload();
            }
          }
          $("#"+data.id).hide();
          $("#"+data.id).fadeIn(100);
        },
        error: function() {
          // ignore alert("Error!")
        }
    })
  });
}

setInterval(function(){updateTable()},1000);
</script>
{% endblock %}