2014-10-27 08:01:33 +01:00
|
|
|
define(['../dom', '../types'], function (dom, types) {
|
2014-10-26 11:48:13 +01:00
|
|
|
'use strict';
|
2014-10-27 08:01:33 +01:00
|
|
|
|
|
|
|
var global = window;
|
|
|
|
|
2014-11-08 13:37:24 +01:00
|
|
|
/**
|
|
|
|
* Loading message/spinner
|
|
|
|
* @param {Object} tf TableFilter instance
|
|
|
|
*/
|
2014-10-27 08:01:33 +01:00
|
|
|
function Loader(tf){
|
|
|
|
|
|
|
|
// Original configuration
|
|
|
|
var f = tf.fObj;
|
|
|
|
//id of container element
|
|
|
|
tf.loaderTgtId = f.loader_target_id || null;
|
|
|
|
//div containing loader
|
|
|
|
tf.loaderDiv = null;
|
|
|
|
//defines loader text
|
|
|
|
tf.loaderText = f.loader_text || 'Loading...';
|
|
|
|
//defines loader innerHtml
|
|
|
|
tf.loaderHtml = f.loader_html || null;
|
|
|
|
//defines css class for loader div
|
|
|
|
tf.loaderCssClass = f.loader_css_class || 'loader';
|
|
|
|
//delay for hiding loader
|
|
|
|
tf.loaderCloseDelay = 200;
|
|
|
|
//callback function before loader is displayed
|
|
|
|
tf.onShowLoader = types.isFn(f.on_show_loader) ?
|
|
|
|
f.on_show_loader : null;
|
|
|
|
//callback function after loader is closed
|
|
|
|
tf.onHideLoader = types.isFn(f.on_hide_loader) ?
|
|
|
|
f.on_hide_loader : null;
|
|
|
|
|
|
|
|
this.tf = tf;
|
|
|
|
|
|
|
|
var containerDiv = dom.create('div',['id', tf.prfxLoader+tf.id]);
|
|
|
|
containerDiv.className = tf.loaderCssClass;
|
|
|
|
|
2014-11-01 12:52:59 +01:00
|
|
|
var targetEl = !tf.loaderTgtId ?
|
2014-10-27 08:01:33 +01:00
|
|
|
(tf.gridLayout ? tf.tblCont : tf.tbl.parentNode) :
|
2014-11-01 15:34:37 +01:00
|
|
|
dom.id(tf.loaderTgtId);
|
2014-10-27 08:01:33 +01:00
|
|
|
if(!tf.loaderTgtId){
|
|
|
|
targetEl.insertBefore(containerDiv, tf.tbl);
|
|
|
|
} else {
|
|
|
|
targetEl.appendChild(containerDiv);
|
|
|
|
}
|
2014-11-01 15:34:37 +01:00
|
|
|
tf.loaderDiv = dom.id(tf.prfxLoader+tf.id);
|
2014-10-27 08:01:33 +01:00
|
|
|
if(!tf.loaderHtml){
|
|
|
|
tf.loaderDiv.appendChild(dom.text(tf.loaderText));
|
|
|
|
} else {
|
|
|
|
tf.loaderDiv.innerHTML = tf.loaderHtml;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
Loader.prototype.show = function(p) {
|
|
|
|
if(!this.tf.loader || !this.tf.loaderDiv ||
|
|
|
|
this.tf.loaderDiv.style.display===p){
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var o = this.tf;
|
|
|
|
|
|
|
|
function displayLoader(){
|
|
|
|
if(!o.loaderDiv){
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if(o.onShowLoader && p!=='none'){
|
|
|
|
o.onShowLoader.call(null, o);
|
|
|
|
}
|
|
|
|
o.loaderDiv.style.display = p;
|
|
|
|
if(o.onHideLoader && p==='none'){
|
|
|
|
o.onHideLoader.call(null, o);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var t = p==='none' ? this.tf.loaderCloseDelay : 1;
|
|
|
|
global.setTimeout(displayLoader, t);
|
|
|
|
};
|
|
|
|
|
|
|
|
Loader.prototype.remove = function() {
|
|
|
|
if(!this.tf.loaderDiv){
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
var targetEl = !this.tf.loaderTgtId ?
|
|
|
|
(this.tf.gridLayout ? this.tf.tblCont : this.tf.tbl.parentNode) :
|
2014-11-01 15:34:37 +01:00
|
|
|
dom.id(this.tf.loaderTgtId);
|
2014-10-27 08:01:33 +01:00
|
|
|
targetEl.removeChild(this.tf.loaderDiv);
|
|
|
|
this.tf.loaderDiv = null;
|
|
|
|
};
|
2014-10-26 11:48:13 +01:00
|
|
|
|
|
|
|
return Loader;
|
|
|
|
});
|