Add loading delay adminhtml

app/code/core/Mage/Adminhtml/Block/Page/Head.php

@@ -44,4 +44,14 @@ public function getFormKey()
     {
         return Mage::getSingleton('core/session')->getFormKey();
     }
+
+    /**
+     * Retrieve Timeout Delay from Config
+     *
+     * @return string
+     */
+    public function getLoadingTimeout()
+    {
+        return (int)Mage::getStoreConfig('admin/design/loading_timeout');
+    }
 }

app/code/core/Mage/Core/etc/config.xml

@@ -423,6 +423,9 @@
             </browser_capabilities>
         </web>
         <admin>
+            <design>
+                <loading_timeout>200</loading_timeout>
+            </design>
             <startup>
                 <page>dashboard</page>
             </startup>

app/code/core/Mage/Core/etc/system.xml

@@ -1060,6 +1060,15 @@
                             <show_in_website>0</show_in_website>
                             <show_in_store>0</show_in_store>
                         </use_legacy_theme>
+                        <loading_timeout translate="label comment">
+                            <label>Loading Indicator Timeout</label>
+                            <comment>Number of milliseconds to delay showing the loading indicator. The default value is "200". An empty value disables the delay.</comment>
+                            <validate>validate-number validate-zero-or-greater</validate>
+                            <sort_order>2</sort_order>
+                            <show_in_default>1</show_in_default>
+                            <show_in_website>0</show_in_website>
+                            <show_in_store>0</show_in_store>
+                        </loading_timeout>
                     </fields>
                 </design>
 

app/design/adminhtml/default/default/template/page.phtml

@@ -76,7 +76,10 @@
     <?php echo $this->getChildHtml('js') ?>
     <?php echo $this->getChildHtml('profiler') ?>
 <div id="loading-mask" style="display:none">
-    <p class="loader" id="loading_mask_loader"><img src="<?php echo $this->getSkinUrl('images/ajax-loader-tr.gif') ?>" alt="<?php echo Mage::helper('core')->quoteEscape(Mage::helper('adminhtml')->__('Loading...')) ?>"/><br/><?php echo Mage::helper('adminhtml')->__('Please wait...') ?></p>
+    <div class="backdrop" style="display:none"></div>
+    <p class="loader" id="loading_mask_loader" style="display:none">
+        <img src="<?php echo $this->getSkinUrl('images/ajax-loader-tr.gif') ?>" alt="<?php echo Mage::helper('core')->quoteEscape(Mage::helper('adminhtml')->__('Loading...')) ?>"/><br/><?php echo Mage::helper('adminhtml')->__('Please wait...') ?>
+    </p>
 </div>
 
 <?php echo $this->getChildHtml('before_body_end') ?>

app/design/adminhtml/default/default/template/page/head.phtml

@@ -30,6 +30,7 @@
     var BASE_URL = '<?php echo $this->getUrl('*') ?>';
     var SKIN_URL = '<?php echo $this->jsQuoteEscape($this->getSkinUrl()) ?>';
     var FORM_KEY = '<?php echo $this->getFormKey() ?>';
+    var LOADING_TIMEOUT = <?php echo $this->getLoadingTimeout() ?>;
 </script>
 
 <?php echo $this->getCssJsHtml() ?>

app/locale/en_US/Mage_Core.csv

@@ -441,3 +441,5 @@
 "Admin","Admin"
 "Frontend","Frontend"
 "The store view #%d is disabled.","The store view #%d is disabled."
+"Loading Indicator Timeout","Loading Indicator Timeout"
+"Number of milliseconds to delay showing the loading indicator. The default value is ""200"". An empty value disables the delay.","Number of milliseconds to delay showing the loading indicator. The default value is ""200"". An empty value disables the delay."

js/mage/adminhtml/loader.js

@@ -194,21 +194,26 @@ varienLoaderHandler.handler = {
             Element.clonePosition($('loading-mask'), $(request.options.loaderArea), {offsetLeft:-2});
             toggleSelectsUnderBlock($('loading-mask'), false);
             Element.show('loading-mask');
+            Element.childElements('loading-mask').invoke('hide');
             setLoaderPosition();
-            if(request.options.loaderArea=='html-body'){
-                //Element.show('loading-process');
+            if(this.timeout) {
+                clearTimeout(this.timeout);
             }
-        }
-        else{
-            //Element.show('loading-process');
+            this.timeout = setTimeout(function() {
+                Element.childElements('loading-mask').invoke('show');
+            }, typeof window.LOADING_TIMEOUT === 'undefined' ? 200 : window.LOADING_TIMEOUT);
         }
     },
 
     onComplete: function(transport) {
         if(Ajax.activeRequestCount == 0) {
-            //Element.hide('loading-process');
             toggleSelectsUnderBlock($('loading-mask'), true);
             Element.hide('loading-mask');
+            Element.childElements('loading-mask').invoke('hide');
+            if(this.timeout) {
+                clearTimeout(this.timeout);
+                this.timeout = null;
+            }
         }
     }
 };

skin/adminhtml/default/openmage/scss/override.scss

@@ -690,11 +690,16 @@ div {
 }
 
 #loading-mask {
-  background: $black_40;
-  z-index: 1000;
-  color: $color_dark_grey;
   opacity: 1;
-
+  .backdrop {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: $black_40;
+    color: $color_dark_grey;
+  }
   .loader {
     width: 160px;
     height: 100px;
@@ -1135,4 +1140,4 @@ img[src$='grid-cal.gif'] {
 
 .emph, .accent {
   color: $color_action !important;
-}
+}