sidebar.html 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <div class="navbar-default sidebar" role="navigation" style="overflow-y: auto;">
  2. <div class="sidebar-nav navbar-collapse">
  3. <ul class="nav in" id="side-menu">
  4. <li class="sidebar-search">
  5. <div class="input-group" style="">
  6. <input type="text" class="form-control highlight-border" placeholder="应用名" ng-model="searchApp">
  7. <span class="input-group-btn">
  8. <button class="btn btn-secondary btn-default-inverse" type="button">搜索</button>
  9. </span>
  10. </div>
  11. </li>
  12. <li ui-sref-active="active">
  13. <a ui-sref="dashboard.home" style="font-size:16px;">
  14. <span class="glyphicon glyphicon-dashboard"></span>
  15. &nbsp;&nbsp;首页</a>
  16. </li>
  17. <li ng-class="{active: true}" ng-repeat="entry in apps | filter: { app: searchApp }">{{dropDown}}
  18. <a href="javascript:void(0);" ng-click="click($event)" collapse="{{collpaseall == 1}}" style="font-size: 16px;word-break: break-word;">
  19. &nbsp;{{entry.app}}
  20. <span class="fa arrow"></span>
  21. <span class="arrow">({{entry.healthyCount}}/{{entry.machines.length}})</span>
  22. </a>
  23. <!--<ul class="nav nav-second-level" collapse="{{entry.active}}" style="display: none;">-->
  24. <ul class="nav nav-second-level" ng-show="entry.active">
  25. <li ui-sref-active="active">
  26. <a ui-sref="dashboard.metric({app: entry.app})">
  27. <i class="fa fa-bar-chart"></i>&nbsp;&nbsp;实时监控</a>
  28. </li>
  29. <li ui-sref-active="active" ng-if="!entry.isGateway">
  30. <a ui-sref="dashboard.identity({app: entry.app})">
  31. <i class="glyphicon glyphicon-list-alt"></i>&nbsp;&nbsp;簇点链路</a>
  32. </li>
  33. <li ui-sref-active="active" ng-if="entry.isGateway">
  34. <a ui-sref="dashboard.gatewayIdentity({app: entry.app})">
  35. <i class="glyphicon glyphicon-filter"></i>&nbsp;&nbsp;请求链路</a>
  36. </li>
  37. <!-- <li ui-sref-active="active" ng-if="entry.appType==0">-->
  38. <!-- <a ui-sref="dashboard.flow({app: entry.app})">-->
  39. <!-- <i class="glyphicon glyphicon-filter"></i>&nbsp;&nbsp;流控规则 V1</a>-->
  40. <!-- </li>-->
  41. <li ui-sref-active="active" ng-if="entry.isGateway">
  42. <a ui-sref="dashboard.gatewayApi({app: entry.app})">
  43. <i class="glyphicon glyphicon-tags"></i>&nbsp;&nbsp;&nbsp;API 管理</a>
  44. </li>
  45. <li ui-sref-active="active" ng-if="entry.isGateway">
  46. <a ui-sref="dashboard.gatewayFlow({app: entry.app})">
  47. <i class="glyphicon glyphicon-filter"></i>&nbsp;&nbsp;流控规则</a>
  48. </li>
  49. <!-- <li ui-sref-active="active" ng-if="!entry.isGateway">-->
  50. <!-- <a ui-sref="dashboard.flowV1({app: entry.app})">-->
  51. <!-- <i class="glyphicon glyphicon-filter"></i>&nbsp;&nbsp;流控规则</a>-->
  52. <!-- </li>-->
  53. <li ui-sref-active="active" ng-if="!entry.isGateway">
  54. <a ui-sref="dashboard.flow({app: entry.app})">
  55. <i class="glyphicon glyphicon-filter"></i>&nbsp;&nbsp;流控规则</a>
  56. </li>
  57. <li ui-sref-active="active">
  58. <a ui-sref="dashboard.degrade({app: entry.app})">
  59. <i class="glyphicon glyphicon-flash"></i>&nbsp;&nbsp;熔断规则</a>
  60. </li>
  61. <li ui-sref-active="active" ng-if="!entry.isGateway">
  62. <a ui-sref="dashboard.paramFlow({app: entry.app})">
  63. <i class="glyphicon glyphicon-fire"></i>&nbsp;&nbsp;热点规则</a>
  64. </li>
  65. <li ui-sref-active="active">
  66. <a ui-sref="dashboard.system({app: entry.app})">
  67. <i class="glyphicon glyphicon-lock"></i>&nbsp;&nbsp;系统规则</a>
  68. </li>
  69. <li ui-sref-active="active" ng-if="!entry.isGateway">
  70. <a ui-sref="dashboard.authority({app: entry.app})">
  71. <i class="glyphicon glyphicon-check"></i>&nbsp;&nbsp;授权规则</a>
  72. </li>
  73. <li ui-sref-active="active" ng-if="!entry.isGateway">
  74. <a ui-sref="dashboard.clusterAppServerList({app: entry.app})">
  75. <i class="glyphicon glyphicon-cloud"></i>&nbsp;&nbsp;集群流控</a>
  76. </li>
  77. <li ui-sref-active="active">
  78. <a ui-sref="dashboard.machine({app: entry.app})">
  79. <i class="glyphicon glyphicon-th-list"></i>&nbsp;&nbsp;机器列表</a>
  80. </li>
  81. </ul>
  82. <!-- /.nav-second-level -->
  83. </li>
  84. </ul>
  85. </div>
  86. </div>