quay/static/directives/header-bar.html

<div class="header-bar-element">
  <div class="header-bar-content" ng-class="searchVisible ? 'search-visible' : ''">
    <!-- Quay -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse" style="padding: 0px; padding-left: 4px; padding-right: 4px;">
        &equiv;
      </button>
      <a class="navbar-brand" href="/" target="{{ appLinkTarget() }}">
        <span id="quay-logo" ng-style="{'background-image': 'url(' + getEnterpriseLogo() + ')'}"></span>
      </a>
    </div>

    <!-- Collapsable stuff -->
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav navbar-links">
        <li><a ng-href="/tour/" target="{{ appLinkTarget() }}" quay-section="tour">Tour</a></li>
        <li><a ng-href="/repository/" target="{{ appLinkTarget() }}" quay-section="repository">Repositories</a></li>
        <li><a href="http://docs.quay.io/" target="_blank">Docs</a></li>
        <li><a ng-href="/tutorial/" target="{{ appLinkTarget() }}" quay-section="tutorial">Tutorial</a></li>
        <li quay-require="['BILLING']"><a ng-href="/plans/" target="{{ appLinkTarget() }}" quay-section="plans">Pricing</a></li>
        <li><a ng-href="{{ user.organizations.length ? '/organizations/' : '/tour/organizations/' }}" target="{{ appLinkTarget() }}" quay-section="organization">Organizations</a></li>
      </ul>

      <!-- Phone -->
      <ul class="nav navbar-nav navbar-right visible-xs" ng-switch on="user.anonymous">
        <li ng-switch-when="false">
          <a href="/user/" class="user-view" target="{{ appLinkTarget() }}">
            <span class="avatar" size="32" data="user.avatar"></span>
            {{ user.username }}
          </a>
        </li>
        <li ng-switch-default>
          <a class="user-view" href="/signin/" target="{{ appLinkTarget() }}">Sign in</a>
        </li>
      </ul>

      <!-- Normal -->
      <ul class="nav navbar-nav navbar-right hidden-xs" ng-switch on="user.anonymous">
        <li>
          <span class="navbar-left user-tools">
            <i class="fa fa-search fa-lg user-tool" ng-click="toggleSearch()"></i>
          </span>
        </li>
        <li>
          <span class="navbar-left user-tools" ng-show="!user.anonymous">
            <a href="/new/"><i class="fa fa-plus user-tool" bs-tooltip="tooltip.title" data-placement="bottom" data-title="Create new repository" data-container="body"></i></a>
          </span>
        </li>

        <li class="dropdown" ng-switch-when="false">
          <a href="javascript:void(0)" class="dropdown-toggle user-dropdown user-view" data-toggle="dropdown">
            <span class="avatar" size="32" data="user.avatar"></span>
            {{ user.username }}
            <span class="notifications-bubble"></span>
            <b class="caret"></b>
          </a>
          <ul class="dropdown-menu">
            <li>
              <a href="/user/{{ user.username }}?tab=settings" target="{{ appLinkTarget() }}" ng-if="isNewLayout">
                Account Settings
              </a>
              <a href="/user/" target="{{ appLinkTarget() }}" ng-if="!isNewLayout">
                Account Settings
              </a>
            </li>
            <li ng-if="notificationService.notifications.length">
              <a href="javascript:void(0)" data-template="/static/directives/notification-bar.html"
                 data-animation="am-slide-right" bs-aside="aside" data-container="body">
                Notifications
                <span class="notifications-bubble"></span>
              </a>
            </li>
            <li><a ng-href="/organizations/" target="{{ appLinkTarget() }}">Organizations</a></li>
            <li ng-if="user.super_user"><a href="/superuser/"><strong>Super User Admin Panel</strong></a></li>
            <li><a href="javascript:void(0)" ng-click="signout()">Sign out</a></li>
          </ul>
        </li>
        <li ng-switch-default>
          <a class="user-view" href="/signin/" target="{{ appLinkTarget() }}">Sign in</a>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div>

  <div class="search-box" ng-class="getSearchBoxClasses(searchVisible, searchResultState)">
    <div class="search-label">Search For</div>
    <div class="search-box-wrapper">
      <input id="search-box-input" type="text" placeholder="(Enter Search Terms)"
             ng-model-options="{'debounce': 250}" ng-model="currentSearchQuery"
             ng-keydown="handleSearchKeyDown($event)">
    </div>
  </div>

  <div class="search-results"
       ng-class="searchVisible && searchResultState ? searchResultState.state : ''"
       ng-class="{'height': (searchResultState.results.length * 40) + 28}">
    <div class="cor-loader" ng-if="searchResultState.state == 'loading'"></div>
    <div ng-if="searchResultState.state == 'no-results'">No matching results found</div>
    <ul ng-if="searchResultState.state == 'results'">
      <li ng-repeat="result in searchResultState.results" ng-mouseover="setCurrentResult($index)"
          ng-class="searchResultState.current == $index ? 'current' : ''"
          ng-click="showResult(result)">
        <span class="kind">{{ result.kind }}</span>
        <span class="score">{{ result.score }}</span>
        <span ng-switch on="result.kind">
          <!-- Team -->
          <span ng-switch-when="team">
            <strong>
              <span class="avatar" data="result.avatar" size="16"></span>
              <span class="result-name">{{ result.name }}</span>
            </strong>
            <span class="clarification">
              under organization
              <span class="avatar" data="result.organization.avatar"  size="16"></span>
              <span class="result-name">{{ result.organization.name }}</span>
            </span>
          </span>
          <span ng-switch-when="user">
            <span class="avatar" data="result.avatar"  size="16"></span>
            <span class="result-name">{{ result.name }}</span>
          </span>
          <span ng-switch-when="organization">
            <span class="avatar" data="result.avatar"  size="16"></span>
            <span class="result-name">{{ result.name }}</span>
          </span>
          <span href="/user/{{ result.name }}" ng-switch-when="robot">
            <i class="fa fa-wrench"></i>
            <span class="result-name">{{ result.name }}</span>
          </span>
          <span ng-switch-when="repository">
            <span class="avatar" data="result.namespace.avatar"  size="16"></span>
            <span class="result-name">{{ result.namespace.name }}/{{ result.name }}</span>
            <div class="description" ng-if="result.description">
              {{ result.description }}
            </div>
          </span>
        </span>
      </li>
    </ul>
  </div>
</div>