<ul class="nav navbar-nav navbar-left">
  <li dropdown is-open="status.isopen">
    <a href="#"
       dropdown-toggle
       data-toggle="dropdown">
      <i class="fa fa-cloud"></i>&nbsp;
      {{headerCtrl.currentConfiguration.name}}
      <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
      <li class="dropdown-header">Switch to...</li>
      <li ng-repeat="cloud in headerCtrl.configurations">
        <a href="#"
           ng-click="headerCtrl.switchCloud(cloud)">
          <i class="fa fa-cloud"></i>&nbsp;
          {{cloud.name}}
        </a>
      </li>
      <li class="divider"></li>
      <li>
        <a href="#/config" class="text-muted">
          <i class="fa fa-gear"></i>
          Manage
        </a>
      </li>
    </ul>
  </li>
</ul>
<ul class="nav navbar-nav navbar-right">
  <li>
    <a href="#">
      Account
    </a>
  </li>
</ul>
<form class="navbar-form navbar-right" role="search">
  <div class="form-group">
    <input type="text"
           class="form-control"
           placeholder="Search"
           disabled
      />
  </div>
  <button type="submit" class="btn btn-default" disabled>
    Submit
  </button>
</form>
