mirror of https://github.com/grafana/grafana
Torkel Ödegaard
9 years ago
parent
5e6485c210
commit
206cb51219
@ -1,80 +1,54 @@ |
||||
<query-editor-row ctrl="ctrl"> |
||||
<li class="tight-form-item" style="width: 94px"> |
||||
Query |
||||
</li> |
||||
<li> |
||||
<input type="text" |
||||
class="input-xxlarge tight-form-input" |
||||
ng-model="ctrl.target.expr" |
||||
spellcheck='false' |
||||
placeholder="query expression" |
||||
data-min-length=0 data-items=100 |
||||
ng-model-onblur |
||||
ng-change="ctrl.refreshMetricData()"> |
||||
</li> |
||||
<li class="tight-form-item"> |
||||
Metric |
||||
</li> |
||||
<li> |
||||
<input type="text" |
||||
class="input-medium tight-form-input" |
||||
ng-model="ctrl.target.metric" |
||||
spellcheck='false' |
||||
bs-typeahead="ctrl.suggestMetrics" |
||||
placeholder="metric name" |
||||
data-min-length=0 data-items=100> |
||||
</li> |
||||
</query-editor-row> |
||||
<query-editor-row query-ctrl="ctrl" can-collapse="false"> |
||||
<div class="gf-form-inline"> |
||||
<div class="gf-form gf-form--grow"> |
||||
<label class="gf-form-label width-8">Query</label> |
||||
<input type="text" class="gf-form-input" ng-model="ctrl.target.expr" spellcheck='false' placeholder="query expression" data-min-length=0 data-items=100 ng-model-onblur ng-change="ctrl.refreshMetricData()"> |
||||
</div> |
||||
<div class="gf-form max-width-22"> |
||||
<label class="gf-form-label">Metric lookup</label> |
||||
<input type="text" class="gf-form-input" ng-model="ctrl.target.metric" spellcheck='false' bs-typeahead="ctrl.suggestMetrics" placeholder="metric name" data-min-length=0 data-items=100> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="tight-form"> |
||||
<ul class="tight-form-list" role="menu"> |
||||
<li class="tight-form-item tight-form-align" style="width: 94px"> |
||||
Legend format |
||||
</li> |
||||
<li> |
||||
<input type="text" class="tight-form-input input-xxlarge" ng-model="ctrl.target.legendFormat" |
||||
<div class="gf-form-inline"> |
||||
<div class="gf-form max-width-26"> |
||||
<label class="gf-form-label width-8">Legend format</label> |
||||
<input type="text" class="gf-form-input" ng-model="ctrl.target.legendFormat" |
||||
spellcheck='false' placeholder="legend format" data-min-length=0 data-items=1000 |
||||
ng-model-onblur ng-change="ctrl.refreshMetricData()"> |
||||
</input> |
||||
</li> |
||||
</ul> |
||||
|
||||
<div class="clearfix"></div> |
||||
</div> |
||||
</div> |
||||
<div class="gf-form"> |
||||
<label class="gf-form-label width-5">Step</label> |
||||
<input type="text" class="gf-form-input max-width-5" ng-model="ctrl.target.interval" |
||||
data-placement="right" |
||||
spellcheck='false' |
||||
placeholder="{{ctrl.panelCtrl.interval}}" |
||||
data-min-length=0 data-items=100 |
||||
ng-model-onblur |
||||
ng-change="ctrl.refreshMetricData()"/> |
||||
<info-popover mode="right-absolute"> |
||||
Leave blank for auto handling based on time range and panel width |
||||
</info-popover> |
||||
</div> |
||||
<div class="gf-form"> |
||||
<label class="gf-form-label">Resolution</label> |
||||
<div class="gf-form-select-wrapper max-width-15"> |
||||
<select ng-model="ctrl.target.intervalFactor" class="gf-form-input" |
||||
ng-options="r.factor as r.label for r in ctrl.resolutions" |
||||
ng-change="ctrl.refreshMetricData()"> |
||||
</select> |
||||
</div> |
||||
<label class="gf-form-label"> |
||||
<a href="{{ctrl.linkToPrometheus}}" target="_blank" bs-tooltip="'Link to Graph in Prometheus'"> |
||||
<i class="fa fa-share-square-o"></i> |
||||
</a> |
||||
</label> |
||||
</div> |
||||
|
||||
<div class="tight-form"> |
||||
<ul class="tight-form-list" role="menu"> |
||||
<li class="tight-form-item tight-form-align" style="width: 94px"> |
||||
Step |
||||
</li> |
||||
<li> |
||||
<input type="text" class="input-mini tight-form-input" ng-model="ctrl.target.interval" |
||||
bs-tooltip="'Leave blank for auto handling based on time range and panel width'" |
||||
data-placement="right" |
||||
spellcheck='false' |
||||
placeholder="{{ctrl.panelCtrl.interval}}" |
||||
data-min-length=0 data-items=100 |
||||
ng-model-onblur |
||||
ng-change="ctrl.refreshMetricData()" |
||||
/> |
||||
</input> |
||||
</li> |
||||
<div class="gf-form gf-form--grow"> |
||||
<div class="gf-form-label gf-form-label--grow"></div> |
||||
</div> |
||||
</div> |
||||
|
||||
<li class="tight-form-item"> |
||||
Resolution |
||||
</li> |
||||
<li> |
||||
<select ng-model="ctrl.target.intervalFactor" class="tight-form-input input-mini" |
||||
ng-options="r.factor as r.label for r in ctrl.resolutions" |
||||
ng-change="ctrl.refreshMetricData()"> |
||||
</select> |
||||
</li> |
||||
<li class="tight-form-item"> |
||||
<a href="{{ctrl.linkToPrometheus}}" target="_blank" bs-tooltip="'Link to Graph in Prometheus'"> |
||||
<i class="fa fa-share-square-o"></i> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
|
||||
<div class="clearfix"></div> |
||||
</div> |
||||
</query-editor-row> |
||||
|
||||
Loading…
Reference in new issue