nav.hbs

{{! make the _globals object in course.json available to this template}}
{{import_globals}}
{{import_adapt}}

{{! All links in the nav bar should have an attribute of data-event, navigationView uses this to fire a global event}}
<div class="nav__inner">

  {{#if _accessibility._isSkipNavigationEnabled}}
  <button name="skipButton" class="btn-icon nav__btn nav__skip-btn show-label" data-event="skipNavigation" aria-label="{{_globals._accessibility._ariaLabels.skipNavigation}}" data-order="{{_globals._extensions._navigation._skipButton._navOrder}}">
    <span class='nav__btn-label' aria-hidden="true">{{_globals._accessibility.skipNavigationText}}</span>
  </button>
  {{/if}}

  <button name="backButton" class="btn-icon nav__btn nav__back-btn js-nav-back-btn u-display-none" data-event="backButton" aria-label="{{_globals._accessibility._ariaLabels.previous}}" data-tooltip-id="back" role="link" data-order="{{_globals._extensions._navigation._backButton._navOrder}}">
    <span class="icon" aria-hidden="true"></span>
    <span class='nav__btn-label' aria-hidden="true">{{_globals._accessibility._ariaLabels.previous}}</span>
  </button>

  {{#each _globals._extensions._navigation._spacers}}
    <div class="nav__spacer" aria-hidden="true" data-order="{{_navOrder}}"></div>
  {{/each}}

  <button name="drawer" class="btn-icon nav__btn nav__drawer-btn js-nav-drawer-btn is-position-{{#if _config._drawer._position}}{{_config._drawer._position}}{{else}}auto{{/if}}" data-event="toggleDrawer" aria-expanded="false" aria-label="{{_globals._accessibility._ariaLabels.navigationDrawer}}" data-order="{{_globals._extensions._drawer._navOrder}}" data-tooltip-id="drawer">
    <span class="icon {{#if _config._drawer._iconClass}}{{_config._drawer._iconClass}}{{else}}icon-list{{/if}}" aria-hidden="true"></span>
    {{#if Adapt.course._navigation._showLabel}}
    <span class='nav__btn-label' aria-hidden="true">{{_globals._accessibility._ariaLabels.navigationDrawer}}</span>
    {{/if}}
  </button>

</div>