{% extends "master.html" %}

{% block title %}Waiting{% endblock %}

{% block content %}

          Waiting

        <form action="{{ form_action }}" id="waitform" method="POST"></form>

          <input name="taskid" type="hidden" value="{{ taskid }}">

          {% for field in form_data %}

            <input name="{{ field }}" type="hidden" value="{{ form_data[field] }}">

          {% endfor %}

          {{ csrf }}

            We are waiting for your task to finish.

            This page should be refreshed automatically, but if not click

            <input type="submit" value="Here">.

            Your task is currently 

            This is taking longer than usual... Sorry for that.

{% endblock %}

{% block jscripts %}

{{ super() }}

<script nonce="{{ g.nonce }}" type="text/javascript"></script>

var _delay = 1;

var _cnt = '{{ count }}';

function check_task_status(){

  console.log(_cnt);

  var _url = '{{ url_for("ui_ns.wait_task", taskid=taskid) }}';

  $.ajax({

    url: _url ,

    type: 'GET',

    data: {

      js: 1,

      count: _cnt,

    },

    dataType: 'JSON',

    success: function(res) {

      _delay = res.count * 20;

      if (_delay > 2000){

        _delay = 2000;

      }

      _cnt = res.count;

      if (_cnt > 30) {

        $('#slow').show();

        $('.alert.alert-info').toggleClass("alert-info alert-warning");

      }

      $('#status').text(res.status);

      $('#status_p').show();

      if (res.status != 'PENDING'){

          $('#waitform').submit()

      }

      window.setTimeout(check_task_status, _delay);

    },

    error: function() {

      $('#waitform').submit()

    }

  });

}

$(document).ready(function() {

  window.setTimeout(check_task_status, _delay);

});

{% endblock %}