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 Inspect: Add JSON Model Tab (#23131)

Browse Source 
* add tab

* add process measurement

* add json model tab

* render tab

* removed duplicated code and added keys to stats rows
This commit is contained in:
Peter Holmberg 2020-04-02 16:12:53 +02:00 committed by GitHub
parent c993e1c988
commit 97769188f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/app/features/dashboard/components/Inspector/PanelInspector.tsx
View File

@ -45,6 +45,7 @@ export enum InspectTab {
Meta = 'meta', // When result metadata exists
Error = 'error',
Stats = 'stats',
PanelJson = 'paneljson',
}
interface State {
@ -239,7 +240,15 @@ export class PanelInspector extends PureComponent<Props, State> {
}
renderRequestTab() {
return <JSONFormatter json={this.state.last} open={3} />;
return (
<CustomScrollbar>
<JSONFormatter json={this.state.last} open={2} />
</CustomScrollbar>
);
}
renderJsonModelTab() {
return <JSONFormatter json={this.props.panel.getSaveModel()} open={2} />;
}
renderStatsTab() {
@ -287,9 +296,9 @@ export class PanelInspector extends PureComponent<Props, State> {
<div className="section-heading">{name}</div>
<table className="filter-table width-30">
<tbody>
{stats.map(stat => {
{stats.map((stat, index) => {
return (
<tr>
<tr key={`${stat.title}-${index}`}>
<td>{stat.title}</td>
<td style={{ textAlign: 'right' }}>{formatStat(stat.value, stat.unit)}</td>
</tr>
@ -312,6 +321,7 @@ export class PanelInspector extends PureComponent<Props, State> {
tabs.push({ label: 'Stats', value: InspectTab.Stats });
tabs.push({ label: 'Request', value: InspectTab.Request });
tabs.push({ label: 'Panel JSON', value: InspectTab.PanelJson });
if (this.state.metaDS) {
tabs.push({ label: 'Meta Data', value: InspectTab.Meta });
@ -349,6 +359,7 @@ export class PanelInspector extends PureComponent<Props, State> {
{tab === InspectTab.Request && this.renderRequestTab()}
{tab === InspectTab.Error && this.renderErrorTab(error)}
{tab === InspectTab.Stats && this.renderStatsTab()}
{tab === InspectTab.PanelJson && this.renderJsonModelTab()}
</CustomScrollbar>
</TabContent>
</Drawer>