Add loading message for droplab_ajax

1 files changed, 15 insertions, 0 deletions

diff --git a/app/assets/javascripts/droplab/droplab_ajax.js b/app/assets/javascripts/droplab/droplab_ajax.js
index b81663c281d..629260006f3 100644
--- a/app/assets/javascripts/droplab/droplab_ajax.js
+++ b/app/assets/javascripts/droplab/droplab_ajax.js
@@ -23,6 +23,7 @@ require('../window')(function(w){
     },
 
     init: function init(hook) {
+      var self = this;
       var config = hook.config.droplabAjax;
 
       if (!config || !config.endpoint || !config.method) {
@@ -33,7 +34,21 @@ require('../window')(function(w){
         return;
       }
 
+      if (config.loadingTemplate) {
+        var dynamicList = 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;
+      }
+
       this._loadUrlData(config.endpoint).then(function(d) {
+        if (config.loadingTemplate) {
+          hook.list.list.querySelector('[data-loading-template]').outerHTML = self.listTemplate;
+        }
         hook.list[config.method].call(hook.list, d);
       }).catch(function(e) {
         if(e.message) {