mirror of
https://github.com/grafana/grafana.git
synced 2026-08-09 12:48:18 -05:00
67 lines
2.9 KiB
HTML
Executable File
67 lines
2.9 KiB
HTML
Executable File
<query-editor-row query-ctrl="ctrl" has-text-edit-mode="true">
|
|
<div class="gf-form-inline">
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-9">Metric Type</span>
|
|
<gf-form-dropdown model="ctrl.target.metricType" get-options="ctrl.getMetricTypes($query)" class="min-width-20"
|
|
disabled type="text" allow-custom="true" lookup-text="true" css-class="min-width-12" on-change="ctrl.refresh()"></gf-form-dropdown>
|
|
</div>
|
|
<div class="gf-form gf-form--grow">
|
|
<div class="gf-form-label gf-form-label--grow"></div>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form-inline">
|
|
<div class="gf-form">
|
|
<label class="gf-form-label query-keyword width-9">Aggregation</label>
|
|
<div class="gf-form-select-wrapper gf-form-select-wrapper--caret-indent">
|
|
<select class="gf-form-input width-11" ng-model="ctrl.target.aggregation.crossSeriesReducer" ng-options="f.value as f.text for f in ctrl.aggOptions"
|
|
ng-change="ctrl.refresh()"></select>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form">
|
|
<span class="gf-form-label query-keyword width-9">Group By</span>
|
|
<div class="gf-form" ng-repeat="segment in ctrl.groupBySegments">
|
|
<metric-segment segment="segment" get-options="ctrl.getGroupBys(segment, $index)" on-change="ctrl.groupByChanged(segment, $index)"></metric-segment>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form gf-form--grow">
|
|
<div class="gf-form-label gf-form-label--grow"></div>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form-inline">
|
|
<div class="gf-form">
|
|
<span class="gf-form-label width-9">Project</span>
|
|
<input class="gf-form-input" disabled type="text" ng-model='ctrl.target.project.name' get-options="ctrl.getProjects()"
|
|
css-class="min-width-12" />
|
|
</div>
|
|
<div class="gf-form">
|
|
<label class="gf-form-label query-keyword" ng-click="ctrl.showHelp = !ctrl.showHelp">
|
|
Show Help
|
|
<i class="fa fa-caret-down" ng-show="ctrl.showHelp"></i>
|
|
<i class="fa fa-caret-right" ng-hide="ctrl.showHelp"></i>
|
|
</label>
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.lastQueryMeta">
|
|
<label class="gf-form-label query-keyword" ng-click="ctrl.showLastQuery = !ctrl.showLastQuery">
|
|
Raw Query
|
|
<i class="fa fa-caret-down" ng-show="ctrl.showLastQuery"></i>
|
|
<i class="fa fa-caret-right" ng-hide="ctrl.showLastQuery"></i>
|
|
</label>
|
|
</div>
|
|
<div class="gf-form gf-form--grow">
|
|
<div class="gf-form-label gf-form-label--grow"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gf-form" ng-show="ctrl.showLastQuery">
|
|
<pre class="gf-form-pre">{{ctrl.lastQueryMeta.rawQueryString}}</pre>
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.showHelp">
|
|
<pre class="gf-form-pre alert alert-info">
|
|
Help text for aliasing
|
|
</pre>
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.lastQueryError">
|
|
<pre class="gf-form-pre alert alert-error">{{ctrl.lastQueryError}}</pre>
|
|
</div>
|
|
</query-editor-row>
|