stats.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <div class="ed-p-stats">
  2. <co-nav-title title="Stats"></co-nav-title>
  3. <div class="row">
  4. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  5. <div class="panel co-m-panel co-fx-box-shadow-heavy">
  6. <div class="panel-body">
  7. <h2>Peer Latency</h2>
  8. <co-latency-graph peer-data="followers"></co-latency-graph>
  9. </div>
  10. </div>
  11. </div>
  12. <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  13. <div class="panel co-m-panel co-fx-box-shadow-heavy">
  14. <div class="panel-body">
  15. <div class="ed-p-stats__leader-container">
  16. <h2>Leader</h2>
  17. <dl>
  18. <dt>Name</dt>
  19. <dd><a ng-bind="leader.name" ng-click="openDetailModal(leader.name)" href="#"></a></dl>
  20. <dt>Uptime</dt>
  21. <dd ng-bind="leader.uptime"></dd>
  22. </dl>
  23. </div>
  24. <h2>Followers</h2>
  25. <table class="table co-m-table">
  26. <thead>
  27. <tr>
  28. <th>Name</th>
  29. <th>Latency</th>
  30. <th>Raft Requests</th>
  31. </tr>
  32. </thead>
  33. <tbody>
  34. <tr ng-repeat="follower in followers | orderBy:'name' track by follower.name">
  35. <td>
  36. <a href="#" ng-click="openDetailModal(follower.name)" ng-bind="follower.name"></a>
  37. </td>
  38. <td>
  39. <div class="ed-m-square-status" ng-class="getSquareStatusClass(follower)"></div>
  40. <span>{{follower.latency.current | number:1 }} ms</span>
  41. </td>
  42. <td>
  43. <span ng-highlight="follower.counts.fail">{{follower.counts.fail}} failures</span>,
  44. <span>{{follower.counts.success}} successes</span>
  45. </td>
  46. </tr>
  47. </tbody>
  48. </table>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>