2025-04-01 10:38:02 +09:00

48 lines
1.3 KiB
TypeScript

import { ThresholdsMode } from '@grafana/data';
import { PanelBuilders, SceneFlexItem, SceneQueryRunner } from '@grafana/scenes';
import { DataSourceRef } from '@grafana/schema';
import { INSTANCE_ID, PANEL_STYLES } from '../../home/Insights';
import { InsightsMenuButton } from '../InsightsMenuButton';
export function getActiveGrafanaAlertsScene(datasource: DataSourceRef, panelTitle: string) {
const expr = INSTANCE_ID
? `sum by (state) (grafanacloud_grafana_instance_alerting_rule_group_rules{state="active", id="${INSTANCE_ID}"})`
: `sum by (state) (grafanacloud_grafana_instance_alerting_rule_group_rules{state="active"})`;
const query = new SceneQueryRunner({
datasource,
queries: [
{
refId: 'A',
instant: true,
expr,
},
],
});
return new SceneFlexItem({
...PANEL_STYLES,
body: PanelBuilders.stat()
.setTitle(panelTitle)
.setDescription('The number of currently active alert rules')
.setData(query)
.setThresholds({
mode: ThresholdsMode.Absolute,
steps: [
{
color: 'green',
value: 0,
},
{
color: 'green',
value: 80,
},
],
})
.setNoValue('0')
.setHeaderActions([new InsightsMenuButton({ panel: panelTitle })])
.build(),
});
}