Server : LiteSpeed System : Linux server 3.10.0-1160.90.1.el7.x86_64 #1 SMP Thu May 4 15:21:22 UTC 2023 x86_64 User : alsaif ( 1057) PHP Version : 7.4.33 Disable Function : show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/alsaif/public_html/plugins/system/ef4_jmframework/includes/assets/template/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

jQuery(document).ready(function($) {

	var currentScreen = 'default';
	var newScreen = 'normal';
	var screens = {	wide: 1200,	normal: 980, xtablet: 768, tablet: 481, mobile: 0 };
	var layoutElems = $('[class*="span"], .jm-responsive');
	
	layoutElems.each (function(){
		var elem = $(this);
		elem.data();
		// clean layout data and jm-responsive class
		elem.removeAttr('data-default data-wide data-normal data-xtablet data-tablet data-mobile');
		elem.removeClass('jm-responsive');
		// store default classes
		if (!elem.data('default')) elem.data('default', elem.attr('class'));
	});
	
	var changeClasses = function (){
		
		// we need to hide scrollbar to get real window width		
		$('body').css('overflow', 'hidden');
		var width = $(window).innerWidth();
		$('body').css('overflow', '');
		//console.log(width);
		for (var screen in screens) {
			if (width >= screens[screen]) {
				newScreen = screen;
				break;
			}
		}

		if (newScreen == currentScreen) return;
		
		layoutElems.each(function(){
			var elem = $(this);
			// no override for all screens - default data is always set
			//if (!elem.data('default')) return;
			// keep default 
			if (!elem.data(newScreen) && !elem.data(currentScreen)) return;
			// remove classes of current screen
			if (elem.data(currentScreen)) elem.removeClass(elem.data(currentScreen));
			else elem.removeClass (elem.data('default'));
			// add classes for new screen
			if (elem.data(newScreen)) elem.addClass (elem.data(newScreen));
			else elem.addClass (elem.data('default'));
		});
		
		currentScreen = newScreen;
	};
	
	// add trigger for resize event
	var timer;
	$(window).resize(function(){
		window.clearTimeout(timer);
		timer = window.setTimeout(changeClasses, 50);
	});
	
	// init layout
	changeClasses();

});