opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-02 08:12:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

add alignment periods component

Browse Source
This commit is contained in:
Erik Sundell
2018-12-20 13:36:10 +01:00
parent 7a31076f09
commit 861f911cda
2 changed files with 57 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/app/plugins/datasource/stackdriver/components/QueryEditor.tsx
View File

@ -5,6 +5,7 @@ import { Metrics } from './Metrics';
import { Filter } from './Filter';
import { Aggregations } from './Aggregations';
import { Alignments } from './Alignments';
import { AlignmentPeriods } from './AlignmentPeriods';
import { Target } from '../types';
import { getAlignmentPickerData } from '../functions';
@ -109,13 +110,23 @@ export class QueryEditor extends React.Component<Props, State> {
});
}
// componentDidUpdate(prevProps: Props, prevState: Target) {
// this.props.onQueryChange(this.state);
// }
handleAlignmentPeriodChange(value) {
this.setState({ alignmentPeriod: value }, () => {
this.props.onQueryChange(this.state);
this.props.onExecuteQuery();
});
}
render() {
const { defaultProject, metricType, crossSeriesReducer, groupBys, perSeriesAligner, alignOptions } = this.state;
const {
defaultProject,
metricType,
crossSeriesReducer,
groupBys,
perSeriesAligner,
alignOptions,
alignmentPeriod,
} = this.state;
const { templateSrv, datasource, uiSegmentSrv } = this.props;
return (
@ -157,6 +168,11 @@ export class QueryEditor extends React.Component<Props, State> {
)
}
</Aggregations>
<AlignmentPeriods
templateSrv={templateSrv}
alignmentPeriod={alignmentPeriod}
onChange={value => this.handleAlignmentPeriodChange(value)}
/>
</React.Fragment>
)}
</Metrics>