2017-08-11 12:33:40 +02:00
< query-editor-row query-ctrl = "ctrl" can-collapse = "true" has-text-edit-mode = "false" >
2017-08-08 18:42:26 +03:00
< div class = "gf-form-inline" >
< div class = "gf-form gf-form--grow" >
2017-08-09 10:58:00 +03:00
< code-editor content = "ctrl.target.expr" on-change = "ctrl.refreshMetricData()"
2017-08-10 09:33:17 +02:00
get-completer="ctrl.getCompleter()" data-mode="prometheus">
2017-08-09 10:58:00 +03:00
< / code-editor >
2017-08-08 18:42:26 +03:00
< / div >
< / div >
2016-04-27 10:50:29 +02:00
< 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"
2016-02-02 16:32:36 +01:00
spellcheck='false' placeholder="legend format" data-min-length=0 data-items=1000
ng-model-onblur ng-change="ctrl.refreshMetricData()">
< / input >
2016-04-27 10:50:29 +02:00
< / div >
2017-05-03 15:50:38 +02:00
2016-04-27 10:50:29 +02:00
< div class = "gf-form" >
2017-05-03 15:50:38 +02:00
< label class = "gf-form-label width-6" > Min step< / label >
< input type = "text" class = "gf-form-input width-8" ng-model = "ctrl.target.interval"
2016-04-27 10:50:29 +02:00
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 >
2017-05-03 15:50:38 +02:00
2016-04-27 10:50:29 +02:00
< 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 >
2017-03-08 21:30:20 +02:00
< / div >
< div class = "gf-form" >
2017-05-03 15:50:38 +02:00
< label class = "gf-form-label width-6" > Format as< / label >
< div class = "gf-form-select-wrapper width-8" >
2017-04-25 12:57:23 +02:00
< select class = "gf-form-input gf-size-auto" ng-model = "ctrl.target.format" ng-options = "f.value as f.text for f in ctrl.formats" ng-change = "ctrl.refresh()" > < / select >
2016-09-28 21:31:26 +09:00
< / div >
2017-09-07 18:34:46 +09:00
< gf-form-switch class = "gf-form" label = "Instant" label-class = "width-5" checked = "ctrl.target.instant" on-change = "ctrl.refresh()" >
< / gf-form-switch >
2016-04-27 10:50:29 +02:00
< 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 >
2015-09-28 13:32:53 +01:00
2016-04-27 10:50:29 +02:00
< div class = "gf-form gf-form--grow" >
< div class = "gf-form-label gf-form-label--grow" > < / div >
< / div >
< / div >
2015-09-28 13:32:53 +01:00
2017-08-09 11:43:02 +02:00
2016-04-27 10:50:29 +02:00
< / query-editor-row >