From 3f3fa3c5962e49f59c3811fbefe971cb1d7c2fe6 Mon Sep 17 00:00:00 2001
From: Rafael JPD <rafael.pezzuto@gmail.com>
Date: Wed, 10 Nov 2021 13:09:32 -0300
Subject: [PATCH] =?UTF-8?q?corrige=20fun=C3=A7=C3=A3o=20para=20atualizar?=
 =?UTF-8?q?=20tela=20de=20busca=20(impede=20que=20haja=20repeti=C3=A7?=
 =?UTF-8?q?=C3=A3o=20de=20request)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/ingress/package_download.html   | 53 ++++++++++---------
 1 file changed, 28 insertions(+), 25 deletions(-)

diff --git a/app/core/templates/ingress/package_download.html b/app/core/templates/ingress/package_download.html
index cc7bce8..3f4d9bd 100644
--- a/app/core/templates/ingress/package_download.html
+++ b/app/core/templates/ingress/package_download.html
@@ -52,39 +52,42 @@ <h2 class="h4">{% trans 'Results for document' %} <strong>{{ pid }}</strong></h2
 
 </div>
 <script type="text/javascript">
-    var xhr;
     var checkStatus = '{{ check_status }}';
-    var intervals = {}
+    var loader = document.getElementById('divLoader');
+    var button = document.getElementById('buttonSearch');
+    var requested = false;
+    var timer;
 
-    function update(){
-        xhr = $.ajax({
-            url: '/task/update_status/?task_id={{ task_id }}',
-            type: 'GET',
-            success: function(result) {
-                divSpinner = document.createElement('div');
-                divSpinner.classList.add('spinner-border');
-                divSpinner.setAttribute('role', 'status');
+    function checkTaskStatus() {
+        if (!requested){
+            $.ajax({
+                url: '/task/update_status/?task_id={{ task_id }}',
+                type: 'GET',
+                success: function(result) {
+                    // mostra loader e desativa botão pesquisar
+                    showLoader(loader, button);
 
-                spanLoading = document.createElement('span');
-                spanLoading.classList.add('sr-only');
-                spanLoading.text = "{% trans 'Loading' %}...";
+                    if (result.data && 'doc_pkgs' in result.data) {
+                        // adiciona conteúdo à tabela
+                        ingressPackageDownloadCreateTable(result.data);
 
-                divSpinner.appendChild(spanLoading);
+                        // impede que requisições continuem sendo realizadas
+                        requested = true;
+                        window.clearTimeout(timer);
 
-                $('user-package-download-results').add(divSpinner);
-
-                if (result.data && 'doc_pkgs' in result.data) {
-                    clearInterval(intervals[0]);
-                    ingressPackageDownloadCreateTable(result.data);
-                    ingressPackageDownloadToggleSpinner();
+                        // remove loader e reativa botão pesquisar
+                        hideLoader(loader, button);
+                    }
                 }
-            }
-        });
+            });
+        }
     }
 
-    if (checkStatus) {
-        intervals[0] = setInterval(update, 200);
-        ingressPackageDownloadToggleSpinner();
+    if(checkStatus){
+        checkTaskStatus();
+        var timer = setInterval(function(){
+            checkTaskStatus();
+        }, 2000);
     }
 </script>
 {% endblock %}