From 1b362f21103b9c824390573636b0e85b80227a58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ricardo=20Monta=C3=B1ana?= <rmontanana@gmail.com>
Date: Mon, 29 May 2023 22:37:05 +0200
Subject: [PATCH] Add wait cursor during ajax

---
 benchmark/scripts/templates/base.html         | 36 +++++++++++--------
 .../scripts/templates/partials/js_report.js   |  6 ++++
 .../scripts/templates/partials/js_select.js   |  6 ++++
 3 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/benchmark/scripts/templates/base.html b/benchmark/scripts/templates/base.html
index 89a82e3..c9c25a4 100644
--- a/benchmark/scripts/templates/base.html
+++ b/benchmark/scripts/templates/base.html
@@ -10,21 +10,24 @@
         crossorigin="anonymous"
         />
         <style>
-          body {
-              font-family: Courier;
-          }
-          #file-table tbody tr.selected td {
-              background-color: #0dcaf0;
-              color: white;
-          }
-          #report-table tbody tr.selected td {
-              background-color: #0dcaf0;
-              color: white;
-          }
-          .btn-small {
-              padding: 0.25rem 0.5rem;
-              font-size: 0.75rem;
-          }
+            body {
+                font-family: Courier;
+            }
+            #file-table tbody tr.selected td {
+                background-color: #0dcaf0;
+                color: white;
+            }
+            #report-table tbody tr.selected td {
+                background-color: #0dcaf0;
+                color: white;
+            }
+            .btn-small {
+                padding: 0.25rem 0.5rem;
+                font-size: 0.75rem;
+            }
+            .ajaxLoading {  
+                cursor: progress !important;  
+            }
         </style>
     {% else %}
         <link
@@ -39,6 +42,9 @@
         .tag {
             cursor: pointer;
         }
+        .ajaxLoading {  
+            cursor: progress !important;  
+        }
         </style>
     {% endif %}
     <link
diff --git a/benchmark/scripts/templates/partials/js_report.js b/benchmark/scripts/templates/partials/js_report.js
index f47e778..2607d95 100644
--- a/benchmark/scripts/templates/partials/js_report.js
+++ b/benchmark/scripts/templates/partials/js_report.js
@@ -8,6 +8,12 @@ $(document).ready(function () {
             $(this).addClass('{{ selected }}');
         }
     });
+    $(document).ajaxStart(function(){ 
+        $("body").addClass('ajaxLoading');
+    });
+    $(document).ajaxStop(function(){ 
+        $("body").removeClass('ajaxLoading');
+    });
   });
   function excelFile() {
     var selectedFiles = ["{{ file }}"];
diff --git a/benchmark/scripts/templates/partials/js_select.js b/benchmark/scripts/templates/partials/js_select.js
index 620558f..4dc01d6 100644
--- a/benchmark/scripts/templates/partials/js_select.js
+++ b/benchmark/scripts/templates/partials/js_select.js
@@ -23,6 +23,12 @@ $(document).ready(function () {
             $(this).addClass('{{ selected }}');
         }
     });
+    $(document).ajaxStart(function(){ 
+        $("body").addClass('ajaxLoading');
+    });
+    $(document).ajaxStop(function(){ 
+        $("body").removeClass('ajaxLoading');
+    });
 });
 function showFile(selectedFile) {
     var form = $('<form action="/show" method="post">' +