redbiom nice display of 504 (#2311)

* nice display of 504

* addressing @ElDeveloper comment

Author: antgonza

qiita_pet/templates/redbiom.html

@@ -121,15 +121,15 @@
   $("#submitForm").submit(function(event){
     event.preventDefault();
 
-    show_loading("redbiom-info");
+    show_loading("redbiom-info", true);
 
     var search = $("#search").val();
     var search_on = $("#search_on").val();
+    var redbiom_info = $('#redbiom-info');
 
     $.post("{% raw qiita_config.portal_dir %}/redbiom/", {'search': search, 'search_on': search_on})
       .done(function ( data ){
         var redbiom_table = $('#redbiom-table').DataTable();
-        var redbiom_info = $('#redbiom-info');
         // the next 4 lines reset the column filtering
         var placer = $(".ps");
         redbiom_table.column(3).search("").draw();
@@ -148,7 +148,17 @@
             redbiom_info.html('');
           }
         }
-      });
+      })
+    .fail(function(response, status, error) {
+      var text = 'The query response is larger than is currently allowed, please try another. <a href="https://github.com/biocore/qiita/issues/2312" target="_blank">Track progress on this issue.</a>';
+      if (response.status != 504) {
+        text = 'Status code: "' + response.status + '" - ' + error + '.<br/>Please send a screenshot to <a href="[email protected]">[email protected]</a>.';
+      }
+      redbiom_info.html(
+        `<div class="alert alert-danger alert-dismissible" role="alert">
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <strong>Error!</strong> ` + text + `</div><br/>`)
+    })
     });
   });
 </script>

qiita_pet/templates/sitebase.html

@@ -71,8 +71,12 @@
        * gif to show that the section of page is loading
        *
        */
-      function show_loading(div_name) {
-        $("#" + div_name).html("<img src='{% raw qiita_config.portal_dir %}/static/img/waiting.gif' style='display:block;margin-left: auto;margin-right: auto'/>");
+      function show_loading(div_name, show_text = false) {
+        var text = "<img src='{% raw qiita_config.portal_dir %}/static/img/waiting.gif' style='display:block;margin-left: auto;margin-right: auto'/>";
+        if (show_text) {
+          text += '<br/><center><b>This task might take a long time (up to 5 minutes), please do not close this page.</center></b>';
+        }
+        $("#" + div_name).html(text);
       }
 
       function overlay_check() {