<!--<header class="header">-->
  <!--<p class="header-title">-->
    <!--<a href="#/" target="_blank">-->
      <!--{{vm.title}}-->
    <!--</a>-->
  <!--</p>-->
  <!--<p class="header-date notification">-->
    <!--<i ng-if="vm.newNotifications.length > 0" class="badge"></i>-->
    <!--<i class="fa fa-bell" ng-click="vm.showNotification = !vm.showNotification"></i>-->
    <!--<div class="notification-panel" ng-show="vm.showNotification">-->
      <!--<ul>-->
        <!--<li ng-repeat="n in vm.notifications track by $index" ng-click="vm.viewNotification(n)" ng-class="{viewed: n.viewed}">-->
          <!--<b>{{n.model}}</b><br>-->
          <!--<i>{{n.msg.object.name}} status is {{n.msg.object.backend_status}}</i>-->
        <!--</li>-->
      <!--</ul>-->
    <!--</div>-->
  <!--</p>-->
<!--</header>-->


<!-- Header -->
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <div id="mobile-menu">
        <minimaliza-menu></minimaliza-menu>
      </div>
      <a class="navbar-brand" href="#/">
        <img class="img-responsive" ng-src="{{vm.getLogo()}}" alt="">
        <span>v.{{vm.version}}</span>
      </a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <minimaliza-menu></minimaliza-menu>
      <form class="navbar-form navbar-left">
        <input
          type="text"
          class="form-control"
          placeholder="Navigate routes (press 'f' to select)"
          style="width: 275px"
          ng-model="vm.query"
          uib-typeahead="state.label for state in vm.states | filter:$viewValue | limitTo:8"
          typeahead-on-select="vm.routeSelected($item, $model, $label)">
      </form>
      <ul class="nav navbar-nav navbar-right">
        <!--<li class="dropdown">-->
          <!--<a ui-sref="main.versions">-->
            <!--<i class="fa fa-bell"></i>-->
            <!--<span ng-if="vm.newNotifications.length > 0" class="label label-warning pull-right">{{vm.newNotifications.length}}</span>-->
          <!--</a>-->
        <!--</li>-->
        <li class=" profil-link">
          <a ui-sref="commonviews.login">
            <span class="profile-address">{{vm.userEmail}}</span>
            <img src="../../images/profile.jpg" class="img-circle" alt="">
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>