_responsive.js 1.55 KB


var Responsive = (function($) {

    var desk = window.matchMedia("(min-width: 768px)");

    function isDesktop() {
        return desk.matches;
    }

    function toggleMobileMenu() {

      $('#navbarNavDropdown').toggleClass('show');
      $('.navbar-toggler').toggleClass('active');

      if($('#navbarNavDropdown').hasClass('show')) {
        $('body').addClass('locked');
      } else {
        $('body').removeClass('locked');
      }

    }

    $(document).on('click', '.navbar-toggler', function() {
      toggleMobileMenu();
    });

    function init() {

        function demobilize() {
          $('.header-title').after($('#sault'));
          if($('.article-wrapper .btn_style').length > 0) {
            $('.sidemenu ul').prepend($('.article-wrapper .btn_style'));
          }
        }

        function mobilize() {
          $('.col-sm-smallMenu').prepend($('#sault'));
          if($('.sidemenu .btn_style').length > 0) {
           $('.breadcrumbs').before($('.sidemenu .btn_style'));
          }
          if($('.sidebar > *').length != 0) {
            $('body').addClass('has-sidebar-content');
          }
        }


        desk.addEventListener('change', event => {
          if (event.matches) {
              demobilize();
          } else {
            mobilize();
          }
        });

        if (desk.matches) {
          // demobilize();
        } else {
          mobilize();
        }

    }

    return {
      init: init,
      isDesktop:isDesktop,
    };
  
  }(jQuery));

  jQuery(document).ready(Responsive.init);
  
  export { Responsive };