templates/computing/bulk_compute.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Calcul des temps{% endblock %}
  5. {% block body %}
  6. <div class="row">
  7.     <div class="col-12">
  9.         <div class="card">
  10.             <div class="card-body">
  11.                 <h2>CALCUL DES TEMPS EN COURS</h2>
  13.                 <br/>
  14.                 Avancement :  <span id="progressPercentage">0</span>%
  15.                 <br/>
  16.                 <div class="progress">
  17.                     <div id="progressBar" class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 0%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
  18.                     </div>
  19.                 </div>
  21.                 <div id="actionFinished" style="display: none">
  22.                     <br/>
  23.                     <br/>
  24.                     <div class="alert alert-info" role="alert">
  25.                         Calcul terminé
  26.                         <br/>
  27.                         <a class="btn btn-outline-secondary waves-effect"  href="{{ path('app_computing_show', {'id': computing.id}) }}">Revenir à la liste</a>
  28.                     </div>
  31.                 </div>
  34.             </div>
  35.         </div>
  38.         <script>
  41.             let limit = 5;
  42.             let offset = 0;
  43.             let work_done = true;
  45.             function compute(offset) {
  46.                 var url = "/computing/{{ computing.id }}/ajax_geocode/"+limit+"/"+offset;
  47.                 var jqxhr = $.get( url , function(data) {
  48.                     $('#progressPercentage').html(data.percentage);
  49.                     $('#progressBar').width(data.percentage+'%');
  50.                     if(data.continue  == true){
  51.                         compute(offset+limit);
  52.                     }
  53.                     else {
  54.                         $('#actionFinished').show();
  55.                     }
  57.                 })
  58.                 .done(function() {
  60.                 })
  61.             }
  62.             compute(0);
  64.         </script>
  67.     </div>
  68. </div>
  69. {% endblock %}