https://portal.bizpayo.com/js/loading_overlay.jquery.js

1(function($) {
2 $.fn.show_loading_overlay = function(msg, auto_hide_delay) {
3  msg = msg || (typeof loading_msg !== "undefined" && loading_msg != "" ? loading_msg : "");
4  //console.log(msg);
5  return this.each(function() {
6   $(this).prepend("<div class=\"loading_overlay\" style=\"z-index: 10000; position: fixed; width: 100%; height: 100%; background: #000; opacity: .7;\"></div>");
7   $(this).prepend("<i class=\"loading_icon fa fa-spinner fa-pulse fa-5x fa-fw\" style=\"z-index: 10001; position: fixed; top: 45%; left: 45%; color: #FFF;\"></i>");
8
9   if(typeof msg !== "undefined" && msg != "") {
10    $(this).prepend("<div class=\"loading_msg\" style=\"z-index: 10002; position: fixed; top: 60%; left: 0; color: #FFF; font-size: 3rem; text-shadow: 1px 1px 1px #000; text-align: center; width: 100%;\">" + msg + "</div>");
11   } // end if
12
13   if(typeof auto_hide_delay !== "undefined" && $.isNumeric(auto_hide_delay)) {
14    setTimeout($.proxy(function() {
15     $(this).hide_loading_overlay();
16    }, this), auto_hide_delay);
17   }
18   else {
19    setTimeout(function() {
20     $(".loading_msg").after("<div style=\"z-index: 10003; position: fixed; top: 80%; left: 0; color: #FFF; font-size: 1.2rem; text-shadow: 1px 1px 1px #000; text-align: center; width: 100%;\">Taking too long? <a href=\"javascript:location.reload();\" style=\"text-decoration: underline; color: #FFF;\">Click to reload the page</a>.</div>");
21    }, 15000);
22   } // end if
23  });
24 };
25
26 $.fn.hide_loading_overlay = function() {
27  return this.each(function() {
28   $(this).find(".loading_overlay, .loading_icon, .loading_msg").remove();
29  });
30 };
31}(jQuery));