Add loading template to droplab_ajax_filter

app/assets/javascripts/droplab/droplab_ajax_filter.js

@@ -50,6 +50,18 @@ require('../window')(function(w){
         searchValue = config.searchValueFunction();
       }
 
+      if (config.loadingTemplate && this.hook.list.data === undefined ||
+        this.hook.list.data.length === 0) {
+        var dynamicList = this.hook.list.list.querySelector('[data-dynamic]');
+
+        var loadingTemplate = document.createElement('div');
+        loadingTemplate.innerHTML = config.loadingTemplate;
+        loadingTemplate.setAttribute('data-loading-template', true);
+
+        this.listTemplate = dynamicList.outerHTML;
+        dynamicList.outerHTML = loadingTemplate.outerHTML;
+      }
+
       if (getEntireList) {
         searchValue = '';
       }
@@ -64,9 +76,19 @@ require('../window')(function(w){
       params[config.searchKey] = searchValue;
       var self = this;
       this._loadUrlData(config.endpoint + this.buildParams(params)).then(function(data) {
+        if (config.loadingTemplate && self.hook.list.data === undefined ||
+          self.hook.list.data.length === 0) {
+          self.hook.list.list.querySelector('[data-loading-template]').outerHTML = self.listTemplate;
+        }
+
         if (!self.destroyed) {
+          if (data[0].length === 0) {
+            self.hook.list.hide();
+          } else {
+            self.hook.list.show();
             self.hook.list.setData.call(self.hook.list, data[0]);
           }
+        }
         self.notLoading();
       });
     },

app/assets/javascripts/filtered_search/dropdown_assignee.js.es6

@@ -17,6 +17,10 @@
             current_user: true,
           },
           searchValueFunction: this.getSearchInput,
+          loadingTemplate: `
+          <div class="filter-dropdown-loading">
+            <i class="fa fa-spinner fa-spin"></i>
+          </div>`,
         }
       };
     }

app/assets/javascripts/filtered_search/dropdown_author.js.es6

@@ -17,6 +17,10 @@
             current_user: true,
           },
           searchValueFunction: this.getSearchInput,
+          loadingTemplate: `
+          <div class="filter-dropdown-loading">
+            <i class="fa fa-spinner fa-spin"></i>
+          </div>`,
         }
       };
     }