53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
|
CNVS.DataHeights = function() {
|
||
|
|
var __core = SEMICOLON.Core;
|
||
|
|
var __modules = SEMICOLON.Modules;
|
||
|
|
|
||
|
|
return {
|
||
|
|
init: function(selector) {
|
||
|
|
if( __core.getSelector(selector, false, false).length < 1 ){
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
__core.initFunction({ class: 'has-plugin-dataheights', event: 'pluginDataHeightsReady' });
|
||
|
|
|
||
|
|
selector = __core.getSelector( selector, false, false );
|
||
|
|
if( selector.length < 1 ){
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
selector.forEach( function(el) {
|
||
|
|
var heightXs = el.getAttribute('data-height-xs') || 'auto',
|
||
|
|
heightSm = el.getAttribute('data-height-sm') || heightXs,
|
||
|
|
heightMd = el.getAttribute('data-height-md') || heightSm,
|
||
|
|
heightLg = el.getAttribute('data-height-lg') || heightMd,
|
||
|
|
heightXl = el.getAttribute('data-height-xl') || heightLg,
|
||
|
|
heightXxl = el.getAttribute('data-height-xxl') || heightXl,
|
||
|
|
body = __core.getVars.elBody.classList,
|
||
|
|
elHeight;
|
||
|
|
|
||
|
|
if( body.contains('device-xs') ) {
|
||
|
|
elHeight = heightXs;
|
||
|
|
} else if( body.contains('device-sm') ) {
|
||
|
|
elHeight = heightSm;
|
||
|
|
} else if( body.contains('device-md') ) {
|
||
|
|
elHeight = heightMd;
|
||
|
|
} else if( body.contains('device-lg') ) {
|
||
|
|
elHeight = heightLg;
|
||
|
|
} else if( body.contains('device-xl') ) {
|
||
|
|
elHeight = heightXl;
|
||
|
|
} else if( body.contains('device-xxl') ) {
|
||
|
|
elHeight = heightXxl;
|
||
|
|
}
|
||
|
|
|
||
|
|
if( elHeight ) {
|
||
|
|
el.style.height = !isNaN( elHeight ) ? elHeight + 'px' : elHeight;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
__core.getVars.resizers.dataHeights = function() {
|
||
|
|
__modules.dataHeights();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}();
|