annotations.editor.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <div class="gf-form-group">
  2. <div class="gf-form">
  3. <span class="gf-form-label width-10">Search expression</span>
  4. <input type="text" class="gf-form-input" ng-model='ctrl.annotation.expr' placeholder="ALERTS"></input>
  5. </div>
  6. <div class="gf-form">
  7. <span class="gf-form-label width-10">step</span>
  8. <input type="text" class="gf-form-input max-width-6" ng-model='ctrl.annotation.step' placeholder="60s"></input>
  9. </div>
  10. </div>
  11. <div class="gf-form-group">
  12. <h5 class="section-heading">Field formats</h5>
  13. <div class="gf-form-inline">
  14. <div class="gf-form">
  15. <span class="gf-form-label width-5">Title</span>
  16. <input type="text" class="gf-form-input max-width-9" ng-model='ctrl.annotation.titleFormat' placeholder="alertname"></input>
  17. </div>
  18. <div class="gf-form">
  19. <span class="gf-form-label width-5">Tags</span>
  20. <input type="text" class="gf-form-input max-width-9" ng-model='ctrl.annotation.tagKeys' placeholder="label1,label2"></input>
  21. </div>
  22. <div class="gf-form-inline">
  23. <div class="gf-form">
  24. <span class="gf-form-label width-5">Text</span>
  25. <input type="text" class="gf-form-input max-width-9" ng-model='ctrl.annotation.textFormat' placeholder="instance"></input>
  26. </div>
  27. </div>
  28. </div>
  29. <h5 class="section-heading">Other options</h5>
  30. <div class="gf-form-inline">
  31. <div class="gf-form">
  32. <gf-form-switch class="gf-form" label="Series value as timestamp" label-class="width-14" checked="ctrl.annotation.useValueForTime"
  33. tooltip="The unit of timestamp is milliseconds. If the unit of the series value is seconds, multiply its range vector by 1000.">
  34. </gf-form-switch>
  35. </div>
  36. </div>
  37. </div>