%PDF- %PDF-
| Direktori : /home/bitrix/www/bitrix/components/bitrix/main.ui.grid/templates/.default/js/ |
| Current File : //home/bitrix/www/bitrix/components/bitrix/main.ui.grid/templates/.default/js/loader.js |
;(function() {
'use strict';
BX.namespace('BX.Grid');
BX.Grid.Loader = function(parent)
{
this.parent = null;
this.container = null;
this.windowHeight = null;
this.tbodyPos = null;
this.headerPos = null;
this.lastPosTop = null;
this.lastBottomPos = null;
this.table = null;
this.loader = null;
this.adjustLoaderOffset = this.adjustLoaderOffset.bind(this);
this.init(parent);
};
BX.Grid.Loader.prototype = {
init: function(parent)
{
this.parent = parent;
this.table = this.parent.getTable();
this.loader = new BX.Loader({
target: this.getContainer()
});
},
adjustLoaderOffset: function()
{
this.windowHeight = BX.height(window);
this.tbodyPos = BX.pos(this.table.tBodies[0]);
this.headerPos = BX.pos(this.table.tHead);
var scrollY = window.scrollY;
if (this.parent.isIE())
{
scrollY = document.documentElement.scrollTop;
}
var bottomPos = (scrollY + this.windowHeight) - this.tbodyPos.top;
var posTop = scrollY - this.tbodyPos.top;
if (bottomPos > (this.tbodyPos.bottom - this.tbodyPos.top))
{
bottomPos = this.tbodyPos.bottom - this.tbodyPos.top;
}
if (posTop < this.headerPos.height)
{
posTop = this.headerPos.height;
}
else
{
bottomPos -= posTop;
bottomPos += this.headerPos.height;
}
requestAnimationFrame(function() {
if (posTop !== this.lastPosTop)
{
this.getContainer().style.transform = 'translate3d(0px, ' + posTop + 'px, 0)';
}
if (bottomPos !== this.lastBottomPos)
{
this.getContainer().style.height = bottomPos + 'px';
}
this.lastPosTop = posTop;
this.lastBottomPos = bottomPos;
}.bind(this));
},
getContainer: function()
{
if (!this.container)
{
this.container = BX.Grid.Utils.getByClass(this.parent.getContainer(), this.parent.settings.get('classLoader'), true);
}
return this.container;
},
show: function()
{
if (!this.loader.isShown())
{
this.adjustLoaderOffset();
this.getContainer().style.display = "block";
this.getContainer().style.opacity = "1";
this.getContainer().style.visibility = "visible";
this.loader.show();
}
},
hide: function()
{
if (this.loader.isShown())
{
this.adjustLoaderOffset();
this.loader.hide().then(function() {
this.getContainer().style.display = "none";
}.bind(this));
}
}
};
})();