130 lines
2.3 KiB
JavaScript
Executable File
130 lines
2.3 KiB
JavaScript
Executable File
/*
|
|
This function will be called in the event when browser breakpoint changes
|
|
*/
|
|
|
|
var public_vars = public_vars || {};
|
|
|
|
jQuery.extend(public_vars, {
|
|
|
|
breakpoints: {
|
|
largescreen: [991, -1],
|
|
tabletscreen: [768, 990],
|
|
devicescreen: [420, 767],
|
|
sdevicescreen: [0, 419]
|
|
},
|
|
|
|
lastBreakpoint: null
|
|
});
|
|
|
|
|
|
/* Main Function that will be called each time when the screen breakpoint changes */
|
|
function resizable(breakpoint)
|
|
{
|
|
var sb_with_animation;
|
|
|
|
|
|
// Large Screen Specific Script
|
|
if(is('largescreen'))
|
|
{
|
|
sb_with_animation = public_vars.$sidebarMenu.find(".sidebar-collapse-icon").hasClass('with-animation') || public_vars.$sidebarMenu.hasClass('with-animation');
|
|
|
|
if(public_vars.$sidebarMenu.data('initial-state') == 'open')
|
|
{
|
|
show_sidebar_menu(sb_with_animation);
|
|
}
|
|
else
|
|
{
|
|
hide_sidebar_menu(sb_with_animation);
|
|
}
|
|
}
|
|
|
|
|
|
// Tablet or larger screen
|
|
if(ismdxl())
|
|
{
|
|
public_vars.$mainMenu.attr('style', '');
|
|
}
|
|
|
|
|
|
// Tablet Screen Specific Script
|
|
if(is('tabletscreen'))
|
|
{
|
|
sb_with_animation = public_vars.$sidebarMenu.find(".sidebar-collapse-icon").hasClass('with-animation') || public_vars.$sidebarMenu.hasClass('with-animation');
|
|
|
|
hide_sidebar_menu(sb_with_animation);
|
|
}
|
|
|
|
|
|
// Tablet Screen Specific Script
|
|
if(isxs())
|
|
{
|
|
public_vars.$pageContainer.removeClass('sidebar-collapsed');
|
|
}
|
|
|
|
|
|
// Trigger Event
|
|
jQuery(window).trigger('neon.resize');
|
|
|
|
|
|
// Fit main content height
|
|
fit_main_content_height();
|
|
}
|
|
|
|
|
|
|
|
/* Functions */
|
|
|
|
// Get current breakpoint
|
|
function get_current_breakpoint()
|
|
{
|
|
var width = jQuery(window).width(),
|
|
breakpoints = public_vars.breakpoints;
|
|
|
|
for(var breakpont_label in breakpoints)
|
|
{
|
|
var bp_arr = breakpoints[breakpont_label],
|
|
min = bp_arr[0],
|
|
max = bp_arr[1];
|
|
|
|
if(max == -1)
|
|
max = width;
|
|
|
|
if(min <= width && max >= width)
|
|
{
|
|
return breakpont_label;
|
|
}
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
|
|
// Check current screen breakpoint
|
|
function is(screen_label)
|
|
{
|
|
return get_current_breakpoint() == screen_label;
|
|
}
|
|
|
|
|
|
// Is xs device
|
|
function isxs()
|
|
{
|
|
return is('devicescreen') || is('sdevicescreen');
|
|
}
|
|
|
|
// Is md or xl
|
|
function ismdxl()
|
|
{
|
|
return is('tabletscreen') || is('largescreen');
|
|
}
|
|
|
|
|
|
// Trigger Resizable Function
|
|
function trigger_resizable()
|
|
{
|
|
if(public_vars.lastBreakpoint != get_current_breakpoint())
|
|
{
|
|
public_vars.lastBreakpoint = get_current_breakpoint();
|
|
resizable(public_vars.lastBreakpoint);
|
|
}
|
|
} |