annotations.editor.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <div class="gf-form-group">
  2. <div class="gf-form-inline">
  3. <div class="gf-form">
  4. <span class="gf-form-label width-9">
  5. Filter by
  6. <info-popover mode="right-normal">
  7. <ul>
  8. <li>Dashboard: This will fetch annotation and alert state changes for whole dashboard and show them only on the event's originating panel.</li>
  9. <li>All: This will fetch any annotation events that match the tags filter.</li>
  10. </ul>
  11. </info-popover>
  12. </span>
  13. <div class="gf-form-select-wrapper width-8">
  14. <select class="gf-form-input" ng-model="ctrl.annotation.type" ng-options="f.value as f.text for f in ctrl.types">
  15. </select>
  16. </div>
  17. </div>
  18. <div class="gf-form">
  19. <span class="gf-form-label">Max limit</span>
  20. <div class="gf-form-select-wrapper">
  21. <select class="gf-form-input" ng-model="ctrl.annotation.limit" ng-options="f for f in [10,50,100,200,300,500,1000,2000]">
  22. </select>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="gf-form-inline">
  27. <div class="gf-form" ng-if="ctrl.annotation.type === 'tags'">
  28. <gf-form-switch
  29. class="gf-form"
  30. label="Partial match"
  31. label-class="width-9"
  32. checked="ctrl.annotation.partialMatch"
  33. on-change="ctrl.refresh()"
  34. tooltip="By default Grafana will only show annotation that matches all tags in the query. Enabling this will make Grafana return any annotation with the tags you specify."></gf-form-switch>
  35. </div>
  36. <div class="gf-form" ng-if="ctrl.annotation.type === 'tags'">
  37. <span class="gf-form-label">Tags</span>
  38. <bootstrap-tagsinput ng-model="ctrl.annotation.tags" tagclass="label label-tag" placeholder="add tags">
  39. </bootstrap-tagsinput>
  40. </div>
  41. </div>
  42. </div>