tab_alerting.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <div class="editor-row">
  2. <div class="gf-form-group section">
  3. </div>
  4. <div class="gf-form-group section">
  5. <h5 class="section-heading">Query</h5>
  6. <div class="gf-form">
  7. <span class="gf-form-label">Query to watch</span>
  8. <div class="gf-form-select-wrapper">
  9. <select class="gf-form-input gf-size-auto"
  10. ng-model="ctrl.panel.alerting.queryRef"
  11. ng-options="target.refId as target.refId for target in ctrl.panel.targets"></select>
  12. </div>
  13. </div>
  14. <h5 class="section-heading">Thresholds</h5>
  15. <div class="gf-form">
  16. <span class="gf-form-label width-7">Warn level</span>
  17. <input class="gf-form-input max-width-7" type="text" ng-model="ctrl.panel.alerting.warnLevel"></input>
  18. </div>
  19. <div class="gf-form">
  20. <span class="gf-form-label width-7">Critical level</span>
  21. <input class="gf-form-input max-width-7" type="text" ng-model="ctrl.panel.alerting.critLevel"></input>
  22. </div>
  23. </div>
  24. <div class="gf-form-group section">
  25. <h5 class="section-heading">Aggregation settings</h5>
  26. <div class="gf-form">
  27. <span class="gf-form-label width-10">Aggregation method</span>
  28. <div class="gf-form-select-wrapper">
  29. <select class="gf-form-input max-width-10"
  30. ng-model="ctrl.panel.alerting.aggregator"
  31. ng-options="oper as oper for oper in ['avg', 'sum']"></select>
  32. </div>
  33. </div>
  34. <div class="gf-form">
  35. <span class="gf-form-label width-10">Query range</span>
  36. <input class="gf-form-input max-width-10" type="text"
  37. ng-model="ctrl.panel.alerting.queryRange" placeholder="10m"></input>
  38. </div>
  39. <div class="gf-form">
  40. <span class="gf-form-label width-10">Interval</span>
  41. <input class="gf-form-input max-width-10" type="text"
  42. ng-model="ctrl.panel.alerting.interval" placeholder="10s"></input>
  43. </div>
  44. </div>
  45. <div class="gf-form-group section">
  46. <h5 class="section-heading">Alert info</h5>
  47. <div class="gf-form">
  48. <span class="gf-form-label width-10">Alert name</span>
  49. <input type="text" class="gf-form-input max-width-26" ng-model="ctrl.panel.alerting.title">
  50. </div>
  51. <div class="gf-form-inline">
  52. <div class="gf-form">
  53. <span class="gf-form-label width-10">Alert description</span>
  54. </div>
  55. <div class="gf-form">
  56. <textarea rows="4" ng-model="ctrl.panel.alerting.description" class="gf-form-input max-width-26"></textarea>
  57. </div>
  58. </div>
  59. </div>
  60. </div>