feat: Make it possible to filter alerts based on state

tiithansen · Nov 10, 2024 · 3281252 · 3281252
1 parent e2df175
commit 3281252
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/src/common/variableHelpers.ts b/src/common/variableHelpers.ts
@@ -84,6 +84,25 @@ export function createNamespaceVariable() {
     })
 }
 
+export function createAlertStateVariable() {
+    return new QueryVariable({
+        name: 'alertState',
+        label: 'Alert State',
+        datasource: {
+            uid: '$datasource',
+            type: 'prometheus',
+        },
+        query: {
+            refId: 'alertState',
+            query: `label_values(ALERTS{cluster="$cluster"},alertstate)`,
+        },
+        defaultToAll: true,
+        allValue: '.*',
+        includeAll: true,
+        isMulti: true,
+    })
+}
+
 export function createTimeRange() {
     return new SceneTimeRange({
         from: 'now-1h',

diff --git a/src/components/AlertsTable/index.tsx b/src/components/AlertsTable/index.tsx
@@ -8,7 +8,7 @@ import {
     VariableValueSelectors,
     SceneVariables,
 } from '@grafana/scenes';
-import { createNamespaceVariable } from 'common/variableHelpers';
+import { createAlertStateVariable, createNamespaceVariable } from 'common/variableHelpers';
 import { SortingState } from 'common/sortingHelpers';
 import { AsyncTable, Column, ColumnSortingConfig, QueryBuilder } from 'components/AsyncTable';
 import { TextColor } from 'common/types';
@@ -137,13 +137,14 @@ class AlertsQueryBuilder implements QueryBuilder<TableRow> {
         const serializedFilters = this.labelFilters ? serializeLabelFilters(this.labelFilters) : '';
         const hasNamespaceVariable = variables.getByName('namespace') !== undefined;
         const hasSearchVariable = variables.getByName('alertSearch') !== undefined;
+        const hasAlertStateVariable = variables.getByName('alertState') !== undefined;
 
         const finalQuery = `
             ALERTS{
                 cluster="$cluster",
                 ${ hasSearchVariable ? `alertname=~"$alertSearch.*",`: '' }
                 ${ hasNamespaceVariable ? `namespace=~"$namespace",` : '' }
-                alertstate="firing",
+                ${ hasAlertStateVariable ? `alertstate=~"$alertState",` : '' }
                 ${serializedFilters}
             }
             * ignoring(alertstate) group_right(alertstate) ALERTS_FOR_STATE{
@@ -179,6 +180,7 @@ export function AlertsTable(labelFilters?: LabelFilters, showVariableControls =
     const variables = new SceneVariableSet({
         variables: shouldCreateVariables ? [
             createNamespaceVariable(),
+            createAlertStateVariable(),
             new TextBoxVariable({
                 name: 'alertSearch',
                 label: 'Search',