header.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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" style="">
  11. <!--<i class="fa fa-windows"></i>-->
  12. <img src="{{app.userInfo.logo?app.userInfo.logo:'/1.0/favicon.png'}}" alt="." style="">
  13. <span class="hidden-folded m-l-xs" title="{{app.userInfo.brandName||'后台管理'}}">{{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">
  42. <a ui-fullscreen></a>
  43. </li>
  44. <li class="dropdown" dropdown>
  45. <a href class="dropdown-toggle clear" dropdown-toggle>
  46. <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
  47. <img id="userHeadImg" src="{{userHeadImg}}" alt="...">
  48. <i class="on md b-white bottom"></i>
  49. </span>
  50. <span class="hidden-sm ">{{app.userInfo.nickname}}</span> <b class="caret"></b>
  51. </a>
  52. <!-- dropdown -->
  53. <ul class="dropdown-menu animated fadeInRight w">
  54. <!--<li class="wrapper b-b m-b-sm bg-light m-t-n-xs">-->
  55. <!--<div>-->
  56. <!--今日收入:500-->
  57. <!--</div>-->
  58. <!--<div>-->
  59. <!--总收入:5010-->
  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 -->