root
/
grafana
mirror of https://github.com/grafana/grafana.git
1
0
Fork 0
Code Issues Actions 80 Packages Projects Releases Wiki Activity

stackdriver: handle default state

This commit is contained in:
Erik Sundell 2018-10-31 11:26:56 +01:00
parent 3c5f8325f5
commit 1791e7329c
1 changed files with 15 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
public/app/plugins/datasource/stackdriver/components/TemplateQueryComponent.tsx
View File

@ -49,7 +49,13 @@ export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQue
name: m.displayName, name: m.displayName,
})); }));
const metricType = this.state.metricType || metricTypes[0].value; const metricType = this.state.metricType || metricTypes[0].value;
this.setState({ services, service, metricTypes, metricType, metricDescriptors }); let state: any = { services, service, metricTypes, metricType, metricDescriptors };
if (this.isLabelQuery(this.state.queryType)) {
const labels = await this.getLabelKeys(this.state.metricType);
const labelKey = labels.indexOf(this.state.labelKey) !== -1 ? this.state.labelKey : labels[0];
state = { ...state, labels, labelKey };
}
this.setState(state);
} }
async handleQueryTypeChange(event) { async handleQueryTypeChange(event) {
@ -107,31 +113,6 @@ export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQue
return [MetricFindQueryTypes.MetricLabels, MetricFindQueryTypes.ResourceLabels].indexOf(queryType) !== -1; return [MetricFindQueryTypes.MetricLabels, MetricFindQueryTypes.ResourceLabels].indexOf(queryType) !== -1;
} }
getLabelType(queryType) {
switch (queryType) {
case MetricFindQueryTypes.ResourceLabels:
return (
<SimpleDropdown
value={this.state.labelKey}
options={this.state.labels.map(l => ({ value: l, name: l }))}
onValueChange={this.onLabelKeyChange}
label="Resource Labels"
/>
);
case MetricFindQueryTypes.MetricLabels:
return (
<SimpleDropdown
value={this.state.labelKey}
options={this.state.labels.map(l => ({ value: l, name: l }))}
onValueChange={this.onLabelKeyChange}
label="Metric Labels"
/>
);
default:
return '';
}
}
renderQueryTypeSwitch(queryType) { renderQueryTypeSwitch(queryType) {
switch (queryType) { switch (queryType) {
case MetricFindQueryTypes.MetricTypes: case MetricFindQueryTypes.MetricTypes:
@ -146,10 +127,8 @@ export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQue
case MetricFindQueryTypes.MetricLabels: case MetricFindQueryTypes.MetricLabels:
case MetricFindQueryTypes.ResourceLabels: case MetricFindQueryTypes.ResourceLabels:
case MetricFindQueryTypes.ResourceTypes: case MetricFindQueryTypes.ResourceTypes:
const labelSelect = this.getLabelType(queryType);
return ( return (
<React.Fragment> <React.Fragment>
{this.state.labels.join(',')}
<SimpleDropdown <SimpleDropdown
value={this.state.service} value={this.state.service}
options={this.state.services} options={this.state.services}
@ -162,7 +141,14 @@ export class StackdriverTemplateQueryComponent extends PureComponent<TemplateQue
onValueChange={this.onMetricTypeChange} onValueChange={this.onMetricTypeChange}
label="Metric Types" label="Metric Types"
/> />
{labelSelect} <SimpleDropdown
value={this.state.labelKey}
options={this.state.labels.map(l => ({ value: l, name: l }))}
onValueChange={this.onLabelKeyChange}
label={
this.state.type === MetricFindQueryTypes.ResourceLabels ? 'Resource Label Key' : 'Metric Label Key'
}
/>
</React.Fragment> </React.Fragment>
); );
case MetricFindQueryTypes.Alignerns: case MetricFindQueryTypes.Alignerns: