helpers/sidebarResizer.js

define(['jquery'], function($) {
    var resize = null;
    /**
     * This will handle the window resize event and apply the necessary class for the sidebar
     * @module app/helpers/sidebarResizer
     * @requires jquery
     * @return {None} 
     */
    function sidebarResizer() {
        var sidebarDefaultClasses = 'col-sm-6 col-md-4 sidebar sidebar-left sidebar-animate',
            staticSidebarClasses = 'col-sm-4 col-md-4 static-sidebar',
            $sidebar = $('.forms-module-sidebar'),
            $content = $('.content'),
            $navBarToggle = $('.navbar-toggle');
        //desktop or larger screens
        if ($(window).width() >= 768) {
            $sidebar.removeClass(sidebarDefaultClasses).addClass(staticSidebarClasses);
            $content.removeClass('col-sm-12 col-md-12').addClass('col-sm-8 col-md-8');
            $navBarToggle.hide();
        
        //Mobile
        } else {
            $sidebar.removeClass(staticSidebarClasses).addClass(sidebarDefaultClasses);
            $content.removeClass('col-sm-8 col-md-8').addClass('col-sm-12 col-md-12');
            $navBarToggle.show();
        }
        if (!resize) {
            resize = $(window).resize(sidebarResizer);
        }
    }

    return sidebarResizer;
});