header.html

<div data-ng-controller="navController">
  <div id="user" data-ng-class="{ 'student' : currentUser.user_type === 'student' }">
    <div>
      <div class="userName">
        <i class="user-icon"></i>
        {{ currentUser.first_name + " " + currentUser.last_name }}
        {{ currentUser.first_name == null ? 'My User' : ''}}
        <a href="/#/logout/" class="logout"><i></i>Logout</a>
      </div>
      <div class="helpCircle">
        <i class="info" data-ng-click="showHelpModal()"></i>
      </div>
    </div>
  </div>

  <ul id="tabs" data-ng-if="currentUser.user_type !== 'organization'">
    <li data-ng-class="{ 'active' : navView.dashboardActive === true }">
      <a href="/#/dashboard/" title="Dashboard">Dashboard</a>
    </li>
    <li data-ng-class="{ 'active' : navView.profileActive === true }">
      <a href="/#/profile/" title="Profile">Profile</a>
    </li>
    <li data-ng-class="{ 'active' : navView.usersActive === true }" data-ng-show="currentUser.user_type !== 'industry' && currentUser.user_type !== 'student'">
      <a href="/#/users/browse/" title="Users">Users</a>
    </li>
    <li class="search-icon">
      <button type="button" id="show-search">
        <i></i>
      </button>
    </li>
  </ul>

  <div id="siteSearch" data-ng-class="{ 'active' : searchToggled === true}" data-ng-if="currentUser.user_type !== 'organization'">
    <i title="Toggle Search" data-ng-click="searchToggled = !searchToggled" data-ng-init="searchToggled = false; searchQuery = ''"></i>
    <input type="text" name="search" data-ng-keyup="performSearch($event)" data-ng-model="searchQuery">
  </div>