From 0988bef2cd3b131df52e96cb1c6f29ee2ca409a5 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Sun, 27 Nov 2022 11:41:41 +0100
Subject: [PATCH] Browser Steps - adding 'please wait' text while loading

---
 changedetectionio/static/js/browser-steps.js | 4 ++++
 changedetectionio/templates/edit.html        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/changedetectionio/static/js/browser-steps.js b/changedetectionio/static/js/browser-steps.js
index 09f9d8ca..acef6fb9 100644
--- a/changedetectionio/static/js/browser-steps.js
+++ b/changedetectionio/static/js/browser-steps.js
@@ -252,6 +252,7 @@ $(document).ready(function () {
         }).done(function (data) {
             xpath_data = data.xpath_data;
             $('#browsersteps-img').attr('src', data.screenshot);
+            $("#loading-status-text").fadeIn();
             // This should trigger 'Goto site'
             $('#browser_steps >li:first-child .apply').click();
             browserless_seconds_remaining = data.browser_time_remaining;
@@ -393,6 +394,7 @@ $(document).ready(function () {
                 400: function () {
                     // More than likely the CSRF token was lost when the server restarted
                     alert("There was a problem processing the request, please reload the page.");
+                    $("#loading-status-text").hide();
                 }
             }
         }).done(function (data) {
@@ -404,12 +406,14 @@ $(document).ready(function () {
             $("#browsersteps-img").css('opacity',1);
             $('ul#browser_steps li .control .apply').css('opacity',1);
             browserless_seconds_remaining = data.browser_time_remaining;
+            $("#loading-status-text").hide();
         }).fail(function (data) {
             console.log(data);
             if (data.responseText.includes("Browser session expired")) {
                 disable_browsersteps_ui();
             }
             apply_buttons_disabled=false;
+            $("#loading-status-text").hide();
             $('ul#browser_steps li .control .apply').css('opacity',1);
             $("#browsersteps-img").css('opacity',1);
             //$('#browsersteps-selector-wrapper .loader').fadeOut(2500);
diff --git a/changedetectionio/templates/edit.html b/changedetectionio/templates/edit.html
index 0805c35a..f78127b1 100644
--- a/changedetectionio/templates/edit.html
+++ b/changedetectionio/templates/edit.html
@@ -160,7 +160,7 @@ User-Agent: wonderbra 1.0") }}
                             <input type=checkbox id="include_text_elements" > <label for="include_text_elements">Turn on text finder</label>
                         </div>
 
-
+                        <div id="loading-status-text" style="display: none;">Please wait, first browser step can take a little time to load..<div class="spinner"></div></div>
                         <div class="flex-wrapper" >
 
                             <div id="browser-steps-ui" class="noselect"  style="width: 100%; background-color: #eee; border-radius: 5px;">