header.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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="{{app.userInfo.logo?app.userInfo.logo:'/1.0/favicon.png'}}" alt="." style="display: inline-block">
  13. <span class="hidden-folded m-l-xs">{{app.userInfo.brandName||"后台管理"}}</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. <!-- search form -->
  28. <form class="navbar-form navbar-form-sm navbar-left shift" ui-shift="prependTo" target=".navbar-collapse" role="search" ng-controller="TypeaheadDemoCtrl">
  29. <div class="form-group">
  30. <div class="input-group">
  31. <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control input-sm bg-light no-border rounded padder" placeholder="搜索">
  32. <span class="input-group-btn">
  33. <button type="submit" class="btn btn-sm bg-light rounded"><i class="fa fa-search"></i></button>
  34. </span>
  35. </div>
  36. </div>
  37. </form>
  38. <!-- / search form -->
  39. <!-- nabar right -->
  40. <ul class="nav navbar-nav navbar-right">
  41. <li class="hidden-xs padder-v">
  42. <span>剩余额度:{{app.userInfo.quota}}</span>
  43. </li>
  44. <li class="hidden-xs">
  45. <a ui-fullscreen></a>
  46. </li>
  47. <li class="dropdown" dropdown>
  48. <a href class="dropdown-toggle clear" dropdown-toggle>
  49. <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
  50. <img id="userHeadImg" src="{{userHeadImg}}" alt="...">
  51. <i class="on md b-white bottom"></i>
  52. </span>
  53. <span class="hidden-sm ">{{app.userInfo.nickname}}</span> <b class="caret"></b>
  54. </a>
  55. <!-- dropdown -->
  56. <ul class="dropdown-menu animated fadeInRight w">
  57. <li class="wrapper b-b m-b-sm bg-light m-t-n-xs">
  58. <div>
  59. 剩余额度:{{app.userInfo.quota}}
  60. </div>
  61. </li>
  62. <!--<li>-->
  63. <!--<a href>-->
  64. <!--<span>设置</span>-->
  65. <!--</a>-->
  66. <!--</li>-->
  67. <!--<li>-->
  68. <!--<a ui-sref="app.docs">-->
  69. <!--帮助-->
  70. <!--</a>-->
  71. <!--</li>-->
  72. <li class="divider"></li>
  73. <li>
  74. <a ui-sref="access.signin" ng-click="logout()">登出</a>
  75. </li>
  76. </ul>
  77. <!-- / dropdown -->
  78. </li>
  79. </ul>
  80. <!-- / navbar right -->
  81. </div>
  82. <!-- / navbar collapse -->