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

panel-header: Display description in modal

Browse Source
This commit is contained in:
Johannes Schill 2018-11-14 08:07:16 +01:00
parent 330a5c6496
commit e20eea978a
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
View File

@ -2,6 +2,7 @@ import React, { PureComponent } from 'react';
import classNames from 'classnames';
import { PanelHeaderMenu } from './PanelHeaderMenu';
import Tooltip from 'app/core/components/Tooltip/Tooltip';
import { DashboardModel } from 'app/features/dashboard/dashboard_model';
import { PanelModel } from 'app/features/dashboard/panel_model';
@ -41,14 +42,15 @@ export class PanelHeader extends PureComponent<Props, State> {
const isLoading = false;
const panelHeaderClass = classNames({ 'panel-header': true, 'grid-drag-handle': !isFullscreen });
const { panel, dashboard, timeInfo } = this.props;
const cornerCssClass = panel.description ? 'panel-info-corner--info' : '';
return (
<div className={panelHeaderClass}>
<span className="panel-info-corner">
<i className="fa" />
<span className="panel-info-corner-inner" />
</span>
<Tooltip content="hello world">
<span className={`panel-info-corner ${cornerCssClass}`}>
<i className="fa" />
<span className="panel-info-corner-inner" />
</span>
</Tooltip>
{isLoading && (
<span className="panel-loading">
<i className="fa fa-spinner fa-spin" />

1
public/app/features/dashboard/panel_model.ts
View File

@ -49,6 +49,7 @@ export class PanelModel {
maxDataPoints?: number;
interval?: string;
description?: string;
// non persisted
fullscreen: boolean;