alert_log.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <navbar icon="fa fa-fw fa-list" title="Alerts" title-url="alerting">
  2. </navbar>
  3. <div class="page-container" >
  4. <div class="page-header">
  5. <h1>Alert history for {{ctrl.alert.title}}</h1>
  6. </div>
  7. <div class="gf-form-group section" >
  8. <h5 class="section-heading">Thresholds</h5>
  9. <div class="gf-form">
  10. <span class="gf-form-label width-9">
  11. <i class="icon-gf icon-gf-warn alert-icon-warn"></i>
  12. Warn level
  13. </span>
  14. <div class="gf-form-label max-width-10">
  15. {{ctrl.alert.warnOperator}}
  16. </div>
  17. <div class="gf-form-label max-width-10">
  18. {{ctrl.alert.warnLevel}}
  19. </div>
  20. </div>
  21. <div class="gf-form">
  22. <span class="gf-form-label width-9">
  23. <i class="icon-gf icon-gf-critical alert-icon-critical"></i>
  24. Critical level
  25. </span>
  26. <div class="gf-form-label max-width-10">
  27. {{ctrl.alert.critOperator}}
  28. </div>
  29. <div class="gf-form-label max-width-10">
  30. {{ctrl.alert.critLevel}}
  31. </div>
  32. </div>
  33. </div>
  34. <div class="gf-form-group section" >
  35. <h5 class="section-heading">Aggregators</h5>
  36. <div class="gf-form">
  37. <span class="gf-form-label width-12">
  38. Aggregator
  39. </span>
  40. <div class="gf-form-label max-width-10">
  41. {{ctrl.alert.aggregator}}
  42. </div>
  43. </div>
  44. <div class="gf-form">
  45. <span class="gf-form-label width-12">Query range (seconds)</span>
  46. <span class="gf-form-label width-10">{{ctrl.alert.queryRange}}</span>
  47. </div>
  48. <div class="gf-form">
  49. <span class="gf-form-label width-12">Frequency (seconds)</span>
  50. <span class="gf-form-label width-10">{{ctrl.alert.frequency}}</span>
  51. </div>
  52. </div>
  53. <table class="filter-table">
  54. <thead>
  55. <th style="width: 68px">Status</th>
  56. <th style="width: 160px">Time</th>
  57. <th>Description</th>
  58. </thead>
  59. <tr ng-repeat="alertLog in ctrl.alertLogs">
  60. <td>
  61. <i class="icon-gf {{alertLog.iconCss}}"></i>
  62. </td>
  63. <td>
  64. {{alertLog.humanTime}}
  65. </td>
  66. <td>
  67. {{alertLog.info}}
  68. </td>
  69. </tr>
  70. </table>
  71. </div>