ui/lib/shared/addon/components/page-header/template.hbs

<nav class="clearfix responsive-nav" role="navigation" id="js-responsive-nav">
  <a class="nav-logo logo-{{app.mode}} btn bg-transparent"><span class="sr-only">{{settings.appName}}</span></a>

  <ul class="nav-main nav-list no-inline-space">
    {{page-header-environment
        scope=scope
        isOwner=isOwner
        switchProject=(action switchProject)
        switchCluster=(action switchCluster)
    }}

    {{#each navTree as |item|}}
      {{#if item.submenu.length}}
        {{! Has a submenu }}
        <li class="dropdown nav-item">
          {{#if item.route}}
            {{#link-to-as-attrs
                item.route
                models=item.ctx
                qp=item.qp
                moreCurrentWhen=item.moreCurrentWhen
                activeParent=true
                class="dropdown-toggle"
                role="button"
                aria-haspopup="true"
                aria-expanded="false"
            }}
              {{maybe-t item.localizedLabel item.label}}
              <span class="icon icon-chevron-down"/>
            {{/link-to-as-attrs}}

          {{else}}
            <a class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" aria-label={{maybe-t item.localizedLabel item.label}}>
              {{maybe-t item.localizedLabel item.label}}
              <span class="icon icon-chevron-down"/>
            </a>
          {{/if}}

          <ul class="dropdown-menu" data-dropdown-id={{item.id}}>
            {{#each item.submenu as |subitem|}}
              {{#if subitem.route}}
                <li>
                  {{#link-to-as-attrs
                    subitem.route
                    models=subitem.ctx
                    qp=subitem.qp
                    activeParent=true
                    moreCurrentWhen=subitem.moreCurrentWhen
                    submenuItem=true
                  }}
                    <i class="{{subitem.icon}}"/> {{maybe-t subitem.localizedLabel subitem.label}}
                  {{/link-to-as-attrs}}
                </li>
              {{else if subitem.divider}}
                <li class="divider"></li>
              {{else}}
                {{! Just a label }}
                <li class="dropdown-header">
                  <i class="{{subitem.icon}}"/> {{maybe-t subitem.localizedLabel subitem.label}}
                </li>
              {{/if}}
            {{/each}}
          </ul>
        </li>
      {{else if item.route}}
        {{! No submenu }}
        <li class="nav-item">
          {{#link-to-as-attrs
            item.route
            models=item.ctx
            qp=item.qp
            activeParent=true
            moreCurrentWhen=item.moreCurrentWhen
            class="nav-link"
          }}
            {{maybe-t item.localizedLabel item.label}}
          {{/link-to-as-attrs}}
        </li>
      {{else}}
        {{! Just a label }}
        <li class="dropdown-header">
          {{maybe-t item.localizedLabel item.label}}
        </li>
      {{/if}}
    {{/each}}
  </ul>

  <ul class="nav-user dropdown">
    <li>
      <a class="btn dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" aria-label="{{t 'nav.user.label' username=session.user}}"  data-toggle="header-user-menu">
        {{#if accessEnabled}}
          {{identity-avatar link=false identity=access.identity}}
        {{else}}
          <div class="gh-avatar">
            <div class="gh-placeholder">
              <i class="icon icon-user"></i>
            </div>
          </div>
        {{/if}}
        <span class="sr-only">{{t 'nav.srToggleDropdown'}}</span>
        <i class="icon icon-chevron-down"></i>
      </a>

      <ul class="dropdown-menu dropdown-menu-right" data-dropdown-id="header-user-menu">
        <li class="{{if (eq scope "clusters") 'active selected'}}">
          {{#link-to "authenticated.clusters"}}{{t 'nav.environment.manage'}}{{/link-to}}
        </li>

        {{#if isAdmin}}
          <li class="">
            {{#link-to "global-admin"}}{{t 'nav.admin.tab' appName=settings.appName}}{{/link-to}}
          </li>
        {{/if}}

        {{#if accessEnabled}}
          <li role="presentation" class="user-auth">
            {{identity-block avatar=false identity=access.identity}}
          </li>
        {{/if}}

        {{#if isCaas}}
          <li role="separator" class="divider"></li>
          <li>{{#link-to "authenticated.clusters"}}{{t 'nav.environment.manage'}}{{/link-to}}</li>
        {{/if}}

        <li>{{#link-to "authenticated.prefs"}}{{t 'nav.userPreferences.link'}}{{/link-to}}</li>

        {{#if accessEnabled}}
          <li role="separator" class="divider"></li>
          <li>{{#link-to "logout" class="user-logout"}}<i class="icon icon-logout"></i> {{t 'nav.user.logout'}}{{/link-to}}</li>
        {{/if}}
      </ul>
    </li>
  </ul>
</nav>