Alerting: Add alert instance picker (#67138)

* Add Preview template and payload editor to templates form * Add TemplatePreview test and update css * Preview errors for each template that is wrong * Enable preview templating only for Grafana Alert Manager * Use harcoded default payload instead of requesting it to the backend * Update error response in the api definition * Add spinner when loading result for preview * Update api request followind DD changes * Use pre instead of TextArea to render the preview * Fix tests * Add alert list editor * Add start and end time for alert generator * Add preview for data list added in the modal * Update copies and move submit button in alert generator to the bottom * Copy updates * Refactor * Use tab instead of button to preview * Move payload editor next to the content * Copy update * Refactor * Adress PR review comments * Fix wrong json format throwing an exception when adding more data * Use monaco editor for payload * Only show text 'Preview for...' when we have more than one define * Fix some errors * Update CollapseSection style * Add tooltip for the Payload info icon explaining the available list of alert data fields in preview * Set payload as invalid if it's not an array * Fix test * Update text in AlertTemplateDataTable * Add separators to distinguish lines that belong to the preview * Use harcoded default payload instead of requesting it to the backend * Add alert instance picker * Add rule search capability and cleanup * Display alert instance extra information on hover * Rebase and integrate with existing view * Display folder under rule name * Display unique labels for alert instances * Remove unneeded interface * Reset state after closing the modal * Refactor useEffect and useMemo * Move common code to variable * Refactor to avoid setting filtered rules as state * Disable instance selector button when there are errors in the payload * Validate payload on button click * Change warning text * Add support for state filters in alertmanager alerts request * Use RTK Query to fetch alert instances * Address review comments * Fix lint --------- Co-authored-by: Sonia Aguilar <[email protected]>
grafana · Apr 28, 2023 · 7338164 · 7338164
1 parent 8df54a6
commit 7338164
Show file tree

Hide file tree

Showing 5 changed files with 448 additions and 4 deletions.
diff --git a/public/app/features/alerting/unified/api/alertmanagerApi.ts b/public/app/features/alerting/unified/api/alertmanagerApi.ts
@@ -40,9 +40,23 @@ export const alertmanagerApi = alertingApi.injectEndpoints({
           ?.filter((matcher) => matcher.name && matcher.value)
           .map((matcher) => `${matcher.name}${matcherToOperator(matcher)}${matcher.value}`);
 
+        const { silenced, inhibited, unprocessed, active } = filter || {};
+
+        const stateParams = Object.fromEntries(
+          Object.entries({ silenced, active, inhibited, unprocessed }).filter(([_, value]) => value !== undefined)
+        );
+
+        const params: Record<string, unknown> | undefined = { filter: filterMatchers };
+
+        if (stateParams) {
+          Object.keys(stateParams).forEach((key: string) => {
+            params[key] = stateParams[key];
+          });
+        }
+
         return {
           url: `/api/alertmanager/${getDatasourceAPIUid(amSourceName)}/api/v2/alerts`,
-          params: { filter: filterMatchers },
+          params,
         };
       },
     }),