Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix Explore button, fixes #1240

Browse Source 
Also pass dashboard time range to the explore view.
This commit is contained in:
Alexander Zobnin
2021-08-09 17:55:37 +03:00
parent 07721706f4
commit 8499d726b2
5 changed files with 155 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/ExploreButton/ExploreButton.tsx
View File

@@ -1,25 +1,26 @@
import React, { FC } from 'react';
import { getLocationSrv } from '@grafana/runtime';
import { MODE_METRICS, MODE_ITEMID } from '../../datasource-zabbix/constants';
import { renderUrl } from '../../panel-triggers/utils';
import { locationService } from '@grafana/runtime';
import { ExploreUrlState, TimeRange, urlUtil } from "@grafana/data";
import { MODE_ITEMID, MODE_METRICS } from '../../datasource-zabbix/constants';
import { ActionButton } from '../ActionButton/ActionButton';
import { expandItemName } from '../../datasource-zabbix/utils';
import { ProblemDTO } from '../../datasource-zabbix/types';
import { ActionButton } from '../ActionButton/ActionButton';
interface Props {
problem: ProblemDTO;
range: TimeRange;
panelId: number;
}
export const ExploreButton: FC<Props> = ({ problem, panelId }) => {
export const ExploreButton: FC<Props> = ({ problem, panelId, range }) => {
return (
<ActionButton icon="compass" width={6} onClick={() => openInExplore(problem, panelId)}>
<ActionButton icon="compass" width={6} onClick={() => openInExplore(problem, panelId, range)}>
Explore
</ActionButton>
);
};
const openInExplore = (problem: ProblemDTO, panelId: number) => {
const openInExplore = (problem: ProblemDTO, panelId: number, range: TimeRange) => {
let query: any = {};
if (problem.items?.length === 1 && problem.hosts?.length === 1) {
@@ -41,14 +42,16 @@ const openInExplore = (problem: ProblemDTO, panelId: number) => {
};
}
const state: any = {
const state: ExploreUrlState = {
datasource: problem.datasource,
context: 'explore',
originPanelId: panelId,
range: range.raw,
queries: [query],
};
const exploreState = JSON.stringify(state);
const url = renderUrl('/explore', { left: exploreState });
getLocationSrv().update({ path: url, query: {} });
const url = urlUtil.renderUrl('/explore', { left: exploreState });
locationService.push(url);
};