query.aggregation.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <div class="gf-form-inline">
  2. <div class="gf-form">
  3. <label class="gf-form-label query-keyword width-9">Aggregation</label>
  4. <metric-select
  5. onChange="ctrl.handleAggregationChange"
  6. value="ctrl.target.aggregation.crossSeriesReducer"
  7. options="ctrl.aggOptions"
  8. placeholder="'Select Aggregation'"
  9. className="'width-15'"
  10. variables="ctrl.templateSrv.variables"
  11. group-name="'Aggregations'"
  12. ></metric-select>
  13. </div>
  14. <div class="gf-form gf-form--grow">
  15. <label class="gf-form-label gf-form-label--grow">
  16. <a ng-click="ctrl.target.showAggregationOptions = !ctrl.target.showAggregationOptions">
  17. <i class="fa fa-caret-down" ng-show="ctrl.target.showAggregationOptions"></i>
  18. <i class="fa fa-caret-right" ng-hide="ctrl.target.showAggregationOptions"></i> Advanced Options
  19. </a>
  20. </label>
  21. </div>
  22. </div>
  23. <div class="gf-form-group" ng-if="ctrl.target.showAggregationOptions">
  24. <div class="gf-form offset-width-9">
  25. <label class="gf-form-label query-keyword width-15">Aligner</label>
  26. <metric-select
  27. onChange="ctrl.handleAlignmentChange"
  28. value="ctrl.target.aggregation.perSeriesAligner"
  29. options="ctrl.alignOptions"
  30. placeholder="'Select Alignment'"
  31. className="'width-15'"
  32. variables="ctrl.templateSrv.variables"
  33. group-name="'Alignment Options'"
  34. ></metric-select>
  35. <div class="gf-form gf-form--grow"><div class="gf-form-label gf-form-label--grow"></div></div>
  36. </div>
  37. </div>
  38. <div class="gf-form-inline">
  39. <div class="gf-form">
  40. <label class="gf-form-label query-keyword width-9">Alignment Period</label>
  41. <metric-select
  42. onChange="ctrl.handleAlignmentPeriodChange"
  43. value="ctrl.target.aggregation.alignmentPeriod"
  44. options="ctrl.alignmentPeriods"
  45. placeholder="'Select Alignment'"
  46. className="'width-15'"
  47. variables="ctrl.templateSrv.variables"
  48. group-name="'Alignment Periods'"
  49. ></metric-select>
  50. </div>
  51. <div class="gf-form gf-form--grow">
  52. <label ng-if="alignmentPeriod" class="gf-form-label gf-form-label--grow"> {{ ctrl.formatAlignmentText() }} </label>
  53. </div>
  54. </div>