query.aggregation.html 2.2 KB

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