IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-10 23:55:47 -06:00
Code Issues Packages Projects Releases Wiki Activity

Solo Panel: Configurable timezone (#59153)

Browse Source 
* Allow to set timezone in query

* Use optional timestamp

* Update timeZone
This commit is contained in:
Selene 2022-11-23 12:14:35 +01:00 committed by GitHub
parent d7a652ff7f
commit a0334a92f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/features/dashboard/containers/SoloPanelPage.tsx
View File

@ -26,7 +26,7 @@ const mapDispatchToProps = {
const connector = connect(mapStateToProps, mapDispatchToProps);
export type Props = GrafanaRouteComponentProps<DashboardPageRouteParams, { panelId: string }> &
export type Props = GrafanaRouteComponentProps<DashboardPageRouteParams, { panelId: string; timezone?: string }> &
ConnectedProps<typeof connector>;
export interface State {
@ -87,6 +87,7 @@ export class SoloPanelPage extends Component<Props, State> {
notFound={this.state.notFound}
panel={this.state.panel}
panelId={this.getPanelId()}
timezone={this.props.queryParams.timezone}
/>
);
}
@ -95,9 +96,10 @@ export class SoloPanelPage extends Component<Props, State> {
export interface SoloPanelProps extends State {
dashboard: DashboardModel | null;
panelId: number;
timezone?: string;
}
export const SoloPanel = ({ dashboard, notFound, panel, panelId }: SoloPanelProps) => {
export const SoloPanel = ({ dashboard, notFound, panel, panelId, timezone }: SoloPanelProps) => {
if (notFound) {
return <div className="alert alert-error">Panel with id {panelId} not found</div>;
}
@ -123,6 +125,7 @@ export const SoloPanel = ({ dashboard, notFound, panel, panelId }: SoloPanelProp
isEditing={false}
isViewing={false}
lazy={false}
timezone={timezone}
/>
);
}}

4
public/app/features/dashboard/dashgrid/DashboardPanel.tsx
View File

@ -20,6 +20,7 @@ export interface OwnProps {
width: number;
height: number;
lazy?: boolean;
timezone?: string;
}
const mapStateToProps = (state: StoreState, props: OwnProps) => {
@ -70,7 +71,7 @@ export class DashboardPanelUnconnected extends PureComponent<Props> {
};
renderPanel = (isInView: boolean) => {
const { dashboard, panel, isViewing, isEditing, width, height, plugin } = this.props;
const { dashboard, panel, isViewing, isEditing, width, height, plugin, timezone } = this.props;
if (!plugin) {
return null;
@ -102,6 +103,7 @@ export class DashboardPanelUnconnected extends PureComponent<Props> {
width={width}
height={height}
onInstanceStateChange={this.onInstanceStateChange}
timezone={timezone}
/>
);
};

5
public/app/features/dashboard/dashgrid/PanelStateWrapper.tsx
View File

@ -61,6 +61,7 @@ export interface Props {
width: number;
height: number;
onInstanceStateChange: (value: any) => void;
timezone?: string;
}
export interface State {
@ -521,6 +522,8 @@ export class PanelStateWrapper extends PureComponent<Props, State> {
// Yes this is called ever render for a function that is triggered on every mouse move
this.eventFilter.onlyLocal = dashboard.graphTooltip === 0;
const timeZone = this.props.timezone || this.props.dashboard.getTimezone();
return (
<>
<div className={panelContentClassNames}>
@ -531,7 +534,7 @@ export class PanelStateWrapper extends PureComponent<Props, State> {
data={data}
title={panel.title}
timeRange={timeRange}
timeZone={this.props.dashboard.getTimezone()}
timeZone={timeZone}
options={panelOptions}
fieldConfig={panel.fieldConfig}
transparent={panel.transparent}