monitor.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. {% extends "base.html" %}
  2. {% block navbar %}
  3. {% module Template("navbar.html", active_tab="monitor", absolute_url=absolute_url) %}
  4. {% end %}
  5. {% block container %}
  6. <div class="container-fluid">
  7. <a name="succeeded"></a>
  8. <div class="row-fluid spacer">
  9. <div class="graph content">
  10. <div class="span2">
  11. <form class="side-panel">
  12. <a href="#succeeded"><h3>Succeeded tasks</h3></a>
  13. <section><div id="legend-succeeded" class="legend"></div></section>
  14. </form>
  15. </div>
  16. <div class="chart-container">
  17. <div id="chart-succeeded" class="chart"></div>
  18. <div id="timeline-succeeded" class="timeline"></div>
  19. <div id="slider-succeeded" class="slide"></div>
  20. </div>
  21. </div>
  22. </div>
  23. <a name="failed"></a>
  24. <div class="row-fluid spacer">
  25. <div class="graph content">
  26. <div class="span2">
  27. <form class="side-panel">
  28. <a href="#failed"><h3>Failed tasks</h3></a>
  29. <section><div id="legend-failed" class="legend"></div></section>
  30. </form>
  31. </div>
  32. <div class="chart-container">
  33. <div id="chart-failed" class="chart"></div>
  34. <div id="timeline-failed" class="timeline"></div>
  35. <div id="slider-failed" class="slider"></div>
  36. </div>
  37. </div>
  38. </div>
  39. <a name="times"></a>
  40. <div class="row-fluid spacer">
  41. <div class="graph content">
  42. <div class="span2">
  43. <form class="side-panel">
  44. <a href="#times"><h3>Task times</h3></a>
  45. <section><div id="legend-time" class="legend"></div></section>
  46. </form>
  47. </div>
  48. <div class="chart-container">
  49. <div id="chart-time" class="chart"></div>
  50. <div id="timeline-time" class="timeline"></div>
  51. <div id="slider-time" class="slider"></div>
  52. </div>
  53. </div>
  54. </div>
  55. <a name="broker"></a>
  56. <div class="row-fluid spacer">
  57. <div class="graph content">
  58. <div class="span2">
  59. <form class="side-panel">
  60. <a href="#broker"><h3>Broker</h3></a>
  61. <section><div id="legend-broker" class="legend"></div></section>
  62. </form>
  63. </div>
  64. <div class="chart-container">
  65. <div id="chart-broker" class="chart"></div>
  66. <div id="timeline-broker" class="timeline"></div>
  67. <div id="slider-broker" class="slide"></div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. {% end %}