Ember Partials for Kick-starting an Esri App

-full-header.hbs

<nav class='navbar navbar-default' id='main-nav'>
  <div class='container'>
    <div class='navbar-header'>
      {{ partial 'partials/menu-btn' }}
      {{# link-to 'index' class='navbar-brand' }}
        {{ t 'application.title' }}
      {{/ link-to }}
    </div>
    <div class='collapse navbar-collapse'>
      <ul class='nav navbar-nav'>
      <!-- TODO: As you add routes, add links here -->
      <!-- <li>{{# link-to 'projects' }}{{ t 'application.nav.projects' }}{{/ link-to }}</li> -->
      </ul>
      {{ partial 'partials/header-nav-right' }}
    </div>
  </div>
</nav>

-header-nav-right.hbs

<ul class='nav navbar-nav navbar-right'>
  
  <li>{{# link-to 'about' }}{{ t 'application.nav.about' }}{{/ link-to }}</li>
  
  {{#if session.isAuthenticated}}
    <li><img src={{session.userThumbnail}} class='user-thumbnail hidden-xs' /></li>
    <ul class="nav navbar-nav navbar-right">      
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
        {{ session.user.firstName }} <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a {{action 'invalidateSession'}} >{{t 'application.signOut' }}</a></li>
        </ul>
      </li>
    </ul>

  {{else}}
    <li><a {{action 'authenticateSession'}} >{{t 'application.signIn'}}</a></li>
  {{/if}}


</ul>

-menu-bar.hbs

<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='.navbar-collapse'>
  <span class='sr-only'>Toggle navigation</span>
  <span class='icon-bar'></span>
  <span class='icon-bar'></span>
  <span class='icon-bar'></span>
</button>

-menu-btn.hbs

<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='.navbar-collapse'>
  <span class='sr-only'>Toggle navigation</span>
  <span class='icon-bar'></span>
  <span class='icon-bar'></span>
  <span class='icon-bar'></span>
</button>