MDL-44507 filemanager: indicator for clicking Download All in filemanager

files/renderer.php

@@ -210,6 +210,7 @@ class core_files_renderer extends plugin_renderer_base {
                 <div class="fp-btn-download">
                     <a role="button" title="'.$strdownload.'" href="#"><img src="'.$this->pix_url('a/download_all').'" alt="" /></a>
                 </div>
+                <img class="fp-img-downloading" src="'.$this->pix_url('i/loading_small').'" alt="" />
             </div>
             <div class="fp-viewbar">
                 <a title="'. get_string('displayicons', 'repository') .'" class="fp-vb-icons" href="#">

lib/form/filemanager.js

@@ -366,11 +366,21 @@ M.form_filemanager.init = function(Y, options) {
                     return;
                 }
                 var scope = this;
+
+                var image_downloading = this.filemanager.one('.fp-img-downloading');
+                if (image_downloading.getStyle('display')=='inline'){
+                    return;
+                }
+                image_downloading.setStyle('display', 'inline');
+
                 // perform downloaddir ajax request
                 this.request({
                     action: 'downloaddir',
                     scope: scope,
                     callback: function(id, obj, args) {
+                        var image_downloading = scope.filemanager.one('.fp-img-downloading');
+                        image_downloading.setStyle('display', 'none');
+
                         if (obj) {
                             scope.refresh(obj.filepath);
                             node = Y.Node.create('<iframe></iframe>').setStyles({

theme/base/style/filemanager.css

@@ -278,6 +278,7 @@ a.ygtvspacer:hover {color:transparent;text-decoration:none;}
 .fitem.disabled .filemanager .fp-pathbar,
 .fitem.disabled .filemanager .fp-restrictions,
 .fitem.disabled .filemanager .fm-content-wrapper {display:none;}
+.filemanager .fp-img-downloading {display:none;padding-top: 3px;}
 
  /*
  * File Manager layout

theme/bootstrapbase/less/moodle/filemanager.less

@@ -766,6 +766,10 @@ a.ygtvspacer:hover {
 .filemanager.fm-noitems .filemanager-container .fp-content {
     display: none;
 }
+.filemanager .fp-img-downloading {
+    display: none;
+    padding-top: 7px;
+}
 .filemanager .filemanager-updating {
     display: none;
     text-align: center;