query.aggregation.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <div class="gf-form-inline">
  2. <div class="gf-form">
  3. <label class="gf-form-label query-keyword width-9">Aggregation</label>
  4. <div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
  5. <select class="gf-form-input width-12" ng-model="target.aggregation.crossSeriesReducer" ng-options="f.value as f.text for f in aggOptions"
  6. ng-change="onAggregationChange(target.aggregation.crossSeriesReducer)"></select>
  7. </div>
  8. </div>
  9. <div class="gf-form gf-form--grow">
  10. <label class="gf-form-label gf-form-label--grow">
  11. <a ng-click="target.showAggregationOptions = !target.showAggregationOptions">
  12. <i class="fa fa-caret-down" ng-show="target.showAggregationOptions"></i>
  13. <i class="fa fa-caret-right" ng-hide="target.showAggregationOptions"></i>
  14. Advanced Options
  15. </a>
  16. </label>
  17. </div>
  18. </div>
  19. <div class="gf-form-group" ng-if="target.showAggregationOptions">
  20. <div class="gf-form offset-width-9">
  21. <label class="gf-form-label query-keyword width-12">Aligner</label>
  22. <div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
  23. <select class="gf-form-input width-14" ng-model="target.aggregation.perSeriesAligner" ng-options="f.value as f.text for f in alignOptions"
  24. ng-change="onAlignmentChange(target.aggregation.perSeriesAligner)"></select>
  25. </div>
  26. <div class="gf-form gf-form--grow">
  27. <div class="gf-form-label gf-form-label--grow"></div>
  28. </div>
  29. </div>
  30. <div class="gf-form offset-width-9">
  31. <label class="gf-form-label query-keyword width-12">Alignment Period</label>
  32. <div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
  33. <select class="gf-form-input width-14" ng-model="target.aggregation.alignmentPeriod" ng-options="f.value as f.text for f in alignmentPeriods"
  34. ng-change="refresh()"></select>
  35. </div>
  36. <div class="gf-form gf-form--grow">
  37. <div class="gf-form-label gf-form-label--grow"></div>
  38. </div>
  39. </div>
  40. </div>