<div class="navigation-tabs" ui-hot-keys>
  <div ng-if="::!singleTabOnly" class="nav-tabs-wrap" ng-class="{empty: !navTabs.length}">
	<div class="nav-tabs-scroll-l"><a href="#"><i class="fa fa-chevron-left"></i></a></div>
	<div class="nav-tabs-scroll-r"><a href="#"><i class="fa fa-chevron-right"></i></a></div>
	<div class="nav-tabs-strip">
	<ul class="nav nav-tabs nav-tabs-main nav-tabs-scrollable nav-tabs-closable">
	 <li ng-repeat="tab in navTabs" ng-class="{ active: tab.selected, notclosable: !canCloseTab(tab), dirty: tabDirty(tab) }">
	   <a href="" ng-click="navClick(tab)">
	     <img class="prefix-icon" ng-show="tab.icon" ng-src="{{tab.icon}}"><span ui-tab-popover>{{tabTitle(tab)}}</span>
	   </a>
	   <i ng-show="canCloseTab(tab)" class="fa fa-times" ng-click="closeTab(tab)"></i>
	 </li>
	</ul>
	</div>
  </div>
  <ul ng-if="::singleTabOnly" class="nav nav-tabs">
    <li ng-repeat="tab in navTabs" ng-class="{ dirty: tabDirty(tab) }">
       <i ng-show="canCloseTab(tab)" class="fa fa-times" ng-click="closeTab(tab)"></i>
       <a href="" ng-click="navClick(tab)">{{tabTitle(tab)}}</a>
     </li>
  </ul>
  <div class="view-content">
    <div ng-show="tab.selected" ng-repeat="tab in navTabs" ui-view-pane="tab"></div>
  </div>
  <div ng-if="::!singleTabOnly" id="nav-tabs-menu" class="dropdown clearfix">
    <ul class="dropdown-menu" style="display:block;position:static;margin-bottom:5px;">
      <li><a href="" tabindex="-1" ng-click="reloadTab(current)" x-translate>Refresh</a>
      <li class="divider"></li>
      <li ng-show="current && canCloseTab(current)"><a href="" tabindex="-1" ng-click="closeTab(current)" x-translate>Close</a></li>
      <li><a href="" tabindex="-1" ng-click="closeTabOthers(current)" x-translate>Close Others</a></li>
      <li ng-show="current && canCloseTab(current)"><a href="" tabindex="-1" ng-click="closeTabAll()" x-translate>Close All</a></li>
    </ul>
  </div>
  <div class="nav-tabs-popup" ng-repeat="tab in navPopups">
  	<div ui-view-popup="tab"></div>
  </div>
</div>
