top-navbar3.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!-- start: TOP NAVBAR -->
  2. <!-- start: NAVBAR HEADER -->
  3. <div class="navbar-header">
  4. <a href="#" class="sidebar-mobile-toggler pull-left hidden-md hidden-lg" ng-click="toggle('sidebar')" class="btn btn-navbar sidebar-toggle">
  5. <i class="ti-align-justify"></i>
  6. </a>
  7. <a href="#" class="sidebar-toggler pull-right visible-md visible-lg" ng-click="app.layout.isSidebarClosed = !app.layout.isSidebarClosed;togle()">
  8. <i class="ti-align-justify"></i>
  9. </a>
  10. <a class="pull-rigth menu-toggler visible-xs-block" id="menu-toggler" ng-click="navbarCollapsed = !navbarCollapsed">
  11. <span class="sr-only">Toggle navigation</span>
  12. <i class="ti-view-grid"></i>
  13. </a>
  14. <a class="navbar-brand pull-left margin-left-5" ui-sref="app.dashboard">
  15. <img ng-src="assets/images/login/logo_hk2.png" style="width:160px;height:35px" alt="{{app.name}}" /><span class="padding-left-10 padding-right-5"></span> <span class="fontsizes-16 padding-right-5">{{app.author}}</span>
  16. </a>
  17. </div>
  18. <!-- end: NAVBAR HEADER -->
  19. <!-- start: NAVBAR COLLAPSE -->
  20. <div class="navbar-collapse collapse" collapse="navbarCollapsed" ng-init="navbarCollapsed = true" off-click="navbarCollapsed = true" off-click-if='!navbarCollapsed' off-click-filter="#menu-toggler">
  21. <ul class="nav navbar-right" ct-fullheight="window" data-ct-fullheight-exclusion="header" data-ct-fullheight-if="isSmallDevice">
  22. <!-- start: USER OPTIONS DROPDOWN -->
  23. <li class="dropdown current-user" dropdown style="width:100px">
  24. <div>
  25. <!-- 未签入 -->
  26. <div ng-if="callStatus == -1" class="headercall">
  27. <img src="assets/images/nologin.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round fontcolor-eight fontsizes-14">●</span><span class="fontcolor-eight fontsizes-14">未签入</span> </div>
  28. <!-- 来电 -->
  29. <div ng-if="callStatus == 3" class="headercall">
  30. <img src="assets/images/comein.gif" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round comeincolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">来电</span> </div>
  31. <!-- 示忙 -->
  32. <div ng-if="callStatus == 2" class="margin-top-15">
  33. <img src="assets/images/setbusy.gif" ng-click="(callStatus == 2&&setidle());toggle('off-sidebar')" class="image-widthh-34"><span class="round setbusycolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示忙</span> </div>
  34. <!-- 示闲 -->
  35. <div ng-if="callStatus == 1" class="margin-top-15">
  36. <img src="assets/images/link.gif" ng-click="(callStatus == 1&&setbusy());toggle('off-sidebar')" class="image-widthh-34"><span class="round linkcolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">示闲</span> </div>
  37. <!-- 通话中 -->
  38. <div ng-if="callStatus == 4" class="margin-top-15">
  39. <img src="assets/images/connection.png" ng-click="toggle('off-sidebar')" class="image-widthh-34"><span class="round connectioncolor fontsizes-14">●</span><span class="fontcolor-six fontsizes-14">通话中</span> </div>
  40. </div>
  41. </li>
  42. <li class="dropdown current-user" dropdown on-toggle="toggled(open)">
  43. <a href class="dropdown-toggle" dropdown-toggle>
  44. <img src="assets/images/avatar-1.jpg" alt="{{user.name}}" style="background-color:red"> <span class="username">{{user.name}} <i class="ti-angle-down"></i></i></span>
  45. </a>
  46. <ul class="dropdown-menu dropdown-dark">
  47. <li>
  48. <a ng-click="logout()" class="fontchangepas" translate="topbar.user.LOGOUT">
  49. Log Outs
  50. </a>
  51. </li>
  52. </ul>
  53. </li>
  54. <!-- end: USER OPTIONS DROPDOWN -->
  55. </ul>
  56. <!-- start: MENU TOGGLER FOR MOBILE DEVICES -->
  57. <!-- end: MENU TOGGLER FOR MOBILE DEVICES -->
  58. </div>
  59. <a class="dropdown-off-sidebar" ng-click="toggle('off-sidebar')">
  60. &nbsp;
  61. </a>
  62. <!-- end: NAVBAR COLLAPSE -->
  63. <!-- start: TOP NAVBAR -->