Contents

//
// HashiCorp Mega Nav
// --------------------------------------------------

$(function() {

  var dropDownBreakpoint = window.matchMedia("(min-width: 980px)");

  function megaNavModal() {
    $('#mega-nav-body-ct').attr({
      role: 'dialog',
      tabindex: -1
    });

    $('#mega-nav-ctrl').on('click.megaNav', function(){
      $('#mega-nav-body-ct').modal({
        backdrop: false
      });
    });

    $('#mega-nav-close').on('click.megaNav', function() {
      $('#mega-nav-body-ct').modal('hide');
    });

  }

  function megaNavModalDestroy() {
    $('#mega-nav-ctrl').off('click.megaNav');
    $('#mega-nav-close').off('click.megaNav');
    $('#mega-nav-body-ct')
      .modal('hide')
      .removeAttr('role tabindex style')
      .data('bs.modal', null);
  }

  function megaNavDropDown() {
    $('#mega-nav-ctrl').attr('data-toggle', 'dropdown');
  }

  function megaNavDropDownDestroy() {
    $('#mega-nav-ctrl').parent().removeClass('open');
    $('#mega-nav-ctrl').removeAttr('data-toggle aria-expanded');
    $('#mega-nav-body-ct').removeAttr('aria-labelledby');
  }

  function handleDropDownBreakpoint(breakpoint) {

    if (breakpoint.matches) {
      megaNavModalDestroy();
      megaNavDropDown();
    } else {
      megaNavDropDownDestroy();
      megaNavModal();
    }

  }

  dropDownBreakpoint.addListener(handleDropDownBreakpoint);
  handleDropDownBreakpoint(dropDownBreakpoint);

});

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
middleman-hashicorp-0.3.8	assets/javascripts/hashicorp/mega-nav.js
middleman-hashicorp-0.3.7	assets/javascripts/hashicorp/mega-nav.js