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

Metriktank: Linage UI updates (#23848)

Browse Source
This commit is contained in:
Torkel Ödegaard 2020-04-24 11:52:02 +02:00 committed by GitHub
parent 58de0dabd4
commit cf77c3a50b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/features/dashboard/components/PanelEditor/state/selectors.ts
View File

@ -43,7 +43,7 @@ export const getPanelEditorTabs = memoizeOne((location: LocationState, plugin?:
});
}
const activeTab = tabs.find(item => item.id === (location.query.tab || defaultTab));
const activeTab = tabs.find(item => item.id === location.query.tab || defaultTab) ?? tabs[0];
activeTab.active = true;
return tabs;

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

@ -101,7 +101,7 @@ export class PanelHeader extends Component<Props, State> {
e.stopPropagation();
updateLocation({
query: { inspect: panel.id, tab },
query: { inspect: panel.id, inspectTab: tab },
partial: true,
});
};
@ -110,7 +110,7 @@ export class PanelHeader extends Component<Props, State> {
return (
<Tooltip content={notice.text} key={notice.severity}>
{notice.inspect ? (
<div className="panel-info-notice" onClick={e => this.openInspect(e, notice.inspect!)}>
<div className="panel-info-notice pointer" onClick={e => this.openInspect(e, notice.inspect!)}>
<Icon name="info-circle" style={{ marginRight: '8px' }} />
</div>
) : (

14
public/app/plugins/datasource/graphite/MetricTankMetaInspector.tsx
View File

@ -30,7 +30,10 @@ export class MetricTankMetaInspector extends PureComponent<Props, State> {
return (
<div className={styles.metaItem} key={key}>
<div className={styles.metaItemHeader}>Schema: {meta['schema-name']}</div>
<div className={styles.metaItemHeader}>
Schema: {meta['schema-name']}
<div className="small muted">Series count: {meta.count}</div>
</div>
<div className={styles.metaItemBody}>
<div className={styles.step}>
<div className={styles.stepHeading}>Step 1: Fetch</div>
@ -97,10 +100,15 @@ export class MetricTankMetaInspector extends PureComponent<Props, State> {
for (const metaItem of series.meta.custom.seriesMetaList as MetricTankSeriesMeta[]) {
// key is to dedupe as many series will have identitical meta
const key = `${metaItem['schema-name']}-${metaItem['archive-read']}`;
if (seriesMetas[key]) {
seriesMetas[key].count += metaItem.count;
} else {
seriesMetas[key] = metaItem;
}
}
}
}
if (Object.keys(seriesMetas).length === 0) {
return <div>No response meta data</div>;
@ -108,7 +116,7 @@ export class MetricTankMetaInspector extends PureComponent<Props, State> {
return (
<div>
<h2 className="page-heading">Aggregation & rollup</h2>
<h2 className="page-heading">Metrictank Lineage</h2>
{Object.keys(seriesMetas).map(key => this.renderMeta(seriesMetas[key], key))}
</div>
);
@ -131,6 +139,8 @@ const getStyles = stylesFactory(() => {
background: ${headerBg};
padding: ${theme.spacing.xs} ${theme.spacing.md};
font-size: ${theme.typography.size.md};
display: flex;
justify-content: space-between;
`,
metaItemBody: css`
padding: ${theme.spacing.md};