IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-29 20:24:18 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux: metrics tab add query feature

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-06-13 18:31:43 -04:00
parent 9ff4ab1236
commit c771dd4bd2
2 changed files with 32 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/features/panel/metrics_tab.ts
View File

@ -62,11 +62,17 @@ export class MetricsTabCtrl {
mixedDatasourceChanged() {
var target: any = {isNew: true};
var ds = _.find(this.datasources, {name: this.mixedDsSegment.value});
if (ds) {
target.datasource = ds.name;
this.panelCtrl.addDataQuery(target);
this.mixedDsSegment.value = '';
this.panelCtrl.addQuery(target);
}
// metric segments are really bad, requires hacks to update
const segment = this.uiSegmentSrv.newSegment({value: 'Add Query', selectMode: true, fake: true});
this.mixedDsSegment.value = segment.value;
this.mixedDsSegment.html = segment.html;
this.mixedDsSegment.text = segment.text;
}
addQuery() {

13
public/app/features/panel/partials/metrics_tab.html
View File

@ -14,7 +14,7 @@
</span>
<span class="gf-form-query-letter-cell-letter">{{ctrl.panelCtrl.nextRefId}}</span>
</label>
<button class="btn btn-inverse gf-form-btn" ng-click="ctrl.addQuery()" ng-hide="ctrl.current.meta.mixed">
<button class="btn btn-secondary gf-form-btn" ng-click="ctrl.addQuery()" ng-hide="ctrl.current.meta.mixed">
Add Query
</button>
@ -25,10 +25,7 @@
</div>
</div>
<query-troubleshooter panel-ctrl="ctrl.panelCtrl"></query-troubleshooter>
<collapse-box title="Data Source: {{ctrl.dsSegment.value}}">
<collapse-box-body>
<!-- <query&#45;troubleshooter panel&#45;ctrl="ctrl.panelCtrl"></query&#45;troubleshooter> -->
<div class="gf-form-group">
<div class="gf-form-inline">
@ -45,8 +42,4 @@
<plugin-component type="query-options-ctrl">
</plugin-component>
</rebuild-on-change>
</collapse-box-body>
</collapse-box>
<div class="clearfix"></div>
</div>