diff --git a/public/app/features/query/components/QueryEditorRow.tsx b/public/app/features/query/components/QueryEditorRow.tsx index 65837782948..6e228dd2f01 100644 --- a/public/app/features/query/components/QueryEditorRow.tsx +++ b/public/app/features/query/components/QueryEditorRow.tsx @@ -72,9 +72,9 @@ export class QueryEditorRow extends PureComponent { } getAngularQueryComponentScope(): AngularQueryComponentScope { - const { query, onChange } = this.props; + const { query, onChange, onRunQuery, queries } = this.props; const { datasource } = this.state; - const panel = new PanelModel({}); + const panel = new PanelModel({ targets: queries }); const dashboard = {} as DashboardModel; return { @@ -85,6 +85,7 @@ export class QueryEditorRow extends PureComponent { refresh: () => { // Old angular editors modify the query model and just call refresh onChange(query); + onRunQuery(); }, render: () => () => console.log('legacy render function called, it does nothing'), events: panel.events, @@ -170,12 +171,8 @@ export class QueryEditorRow extends PureComponent { this.renderAngularQueryEditor(); }; - onRunQuery = () => { - this.props.onRunQuery(); - }; - renderPluginEditor = () => { - const { query, onChange, queries } = this.props; + const { query, onChange, queries, onRunQuery } = this.props; const { datasource, data } = this.state; if (datasource?.components?.QueryCtrl) { @@ -191,7 +188,7 @@ export class QueryEditorRow extends PureComponent { query={query} datasource={datasource} onChange={onChange} - onRunQuery={this.onRunQuery} + onRunQuery={onRunQuery} data={data} range={getTimeSrv().timeRange()} queries={queries} @@ -224,7 +221,7 @@ export class QueryEditorRow extends PureComponent { onDisableQuery = () => { this.props.query.hide = !this.props.query.hide; - this.onRunQuery(); + this.props.onRunQuery(); this.forceUpdate(); };