Grafana 10 - Percona templated alert

Description

As a user I want to have a simple option to create alert rules from templates.

Acceptance Criteria

  • Alert rule creation from templates should have it’s own page

  • A button should be visible when there are no alert rules configured that will open a new page with the alert rule from templates page

  • Similarity, if there are alert rules configured add a button (blue color) left of the “Create alert rule” (change to gray) button

  • On “Alert rule templates” page change the “+ Add” button on the top right to text button with content “Add template” without the plus button

  • On “Alert rule templates” change the “+” button in each of the rows to “Create alert rule” (blue) with the plus button

  • For built in templates, hide the edit and delete buttons as they cannot be edited/removed

UI Design

Wording not final, design are just to illustrate solution.

(this one below is outdated - the button are at the top right)

 

In grafana 10 the UI for the alert rule creation changed (Rule type was moved to define query step). We need to update the workflow for percona templated alert rules. There may be other changes but I haven't investigated that yet.

Create alert rule UI

Grafana 10

Grafana 9.2 (current PMM)

How to test

FB: https://github.com/Percona-Lab/pmm-submodules/pull/3572#issuecomment-2022497688

There are two different views on the alert rules list - empty (add alert rule from template button is shown as a card) and non empty (the add templates button is at the top).

Note:
Will break auto tests


How to document

Change of screenshots

Attachments

7
  • 13 Feb 2024, 12:00 PM
  • 13 Feb 2024, 11:57 AM
  • 13 Feb 2024, 11:57 AM
  • 24 Jan 2024, 02:30 PM
  • 24 Jan 2024, 02:30 PM
  • 29 Nov 2023, 09:05 AM
  • 29 Nov 2023, 09:05 AM

Smart Checklist

hide

Activity

Show:

Matej Kubinec January 24, 2024 at 2:30 PM

One option here is to add the templated alert rule type to the current list and move to the top of the step. Then have the template info as an additional step.

Done

Details

Assignee

Reporter

Priority

Labels

Needs QA

Yes

Needs Doc

Yes

Planned Version/s

Fix versions

Story Points

Smart Checklist Progress

Smart Checklist

Created November 29, 2023 at 9:03 AM
Updated November 13, 2024 at 9:50 AM
Resolved May 16, 2024 at 1:00 PM