header.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!-- navbar header -->
  2. <div class="navbar-header {{app.settings.navbarHeaderColor}}">
  3. <button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
  4. <i class="glyphicon glyphicon-cog"></i>
  5. </button>
  6. <button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
  7. <i class="glyphicon glyphicon-align-justify"></i>
  8. </button>
  9. <!-- brand -->
  10. <a href="#/" class="navbar-brand text-lt">
  11. <!--<i class="fa fa-windows"></i>-->
  12. <img src="/1.0/favicon.png" alt="." style="display: inline-block">
  13. <span class="hidden-folded m-l-xs">管理</span>
  14. </a>
  15. <!-- / brand -->
  16. </div>
  17. <!-- / navbar header -->
  18. <!-- navbar collapse -->
  19. <div class="collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
  20. <!-- buttons -->
  21. <div class="nav navbar-nav hidden-xs">
  22. <a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded">
  23. <i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
  24. </a>
  25. </div>
  26. <!-- / buttons -->
  27. <!-- nabar right -->
  28. <ul class="nav navbar-nav navbar-right">
  29. <li class="hidden-xs">
  30. <a ui-fullscreen></a>
  31. </li>
  32. <li class="dropdown" dropdown>
  33. <a href class="dropdown-toggle clear" dropdown-toggle>
  34. <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
  35. <img id="userHeadImg" src="{{userHeadImg}}" alt="...">
  36. <i class="on md b-white bottom"></i>
  37. </span>
  38. <span class="hidden-sm ">{{app.userInfo.nickname}}</span> <b class="caret"></b>
  39. </a>
  40. <!-- dropdown -->
  41. <ul class="dropdown-menu animated fadeInRight w">
  42. <li class="divider"></li>
  43. <li>
  44. <a ui-sref="access.signin" ng-click="logout()">登出</a>
  45. </li>
  46. </ul>
  47. <!-- / dropdown -->
  48. </li>
  49. </ul>
  50. <!-- / navbar right -->
  51. </div>
  52. <!-- / navbar collapse -->