tab.tpl.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <div class="nav-btn-panel">
  2. <div class="nav-btn nav-btn-left">
  3. <!--<i ng-click="scrollLeft()" class="material-icons">keyboard_arrow_left</i>-->
  4. <span ng-click="scrollLeft()" class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  5. </div>
  6. <div class="nav-tabs-body">
  7. <ul class="nav nav-btn-inline" role="tablist" ng-class="$navClass">
  8. <li tab-ext role="presentation" ng-repeat="$pane in $panes track by $index" ng-class="[ $isActive($pane, $index) ? $activeClass : '', $pane.disabled ? 'disabled' : '' ]">
  9. <a class="li-a-title" role="tab" data-toggle="tab" ng-click="!$pane.disabled && $pane.name && $setActive($pane.name || $index)" ng-bind-html="$pane.title" ng-keypress="$onKeyPress($event, $pane.name || $index)" data-index="{{ $index }}" aria-controls="$pane.title" href="">
  10. </a><i ng-show="$pane.panedata.canClose" ng-click="!$pane.disabled && tabClear($pane)" class="btn-i material-icons">clear</i>
  11. </li>
  12. </ul>
  13. </div>
  14. <div class="nav-btn nav-btn-right">
  15. <!--<i ng-click="scrollRight()" class="material-icons nav-btn">keyboard_arrow_right</i>-->
  16. <span ng-click="scrollRight()" class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  17. </div>
  18. </div>
  19. <!--
  20. <ul class="nav nav-btn-inline" role="tablist" ng-class="$navClass">
  21. <li role="presentation" ng-repeat="$pane in $panes track by $index" ng-class="[ $isActive($pane, $index) ? $activeClass : '', $pane.disabled ? 'disabled' : '' ]">
  22. <a class="li-a-title" role="tab" data-toggle="tab" ng-click="!$pane.disabled && $pane.name && $setActive($pane.name || $index)" ng-bind-html="$pane.title" ng-keypress="$onKeyPress($event, $pane.name || $index)" data-index="{{ $index }}" aria-controls="$pane.title" href="">
  23. </a><i ng-show="$pane.panedata.canClose" ng-click="!$pane.disabled && tabClear($pane)" class="btn-i material-icons">clear</i>
  24. </li>
  25. </ul>
  26. -->
  27. <div ng-transclude class="tab-content main-tab-content">
  28. </div>
  29. <div class="tab-menu">
  30. <div>
  31. <ul class="tab-menu-ul">
  32. <li ng-click="closeOtherTab()">{{closeOtherLabel}}</li>
  33. <li ng-click="closeAllTab()">{{closeAllLabel}}</li>
  34. </ul>
  35. </div>
  36. </div>