Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[UX] Associate alerting monitor with a visualization on Dashboards #501

Closed
Tracked by #66
xeniatup opened this issue Mar 12, 2023 · 1 comment
Closed
Tracked by #66

Comments

@xeniatup
Copy link

xeniatup commented Mar 12, 2023

As a user who has found a problem area that they want to monitor (e.g. setting up a new service), I want to setup an alert from the visualization that I’m looking at, so I don’t have to go to the alerts plugin to setup an alert.
Meta-issue

Describe the solution you'd like
#458
#457

See also Create alerting monitor from visualizations

User story:
User associates existing monitor to a time series visualization to receive alerts on a dashboard.

Screenshot 2023-02-14 at 10 21 56 AM

Associate existing monitor to a visualization:

User wants to create an association between a time series visualization and an existing monitor (which could look at the same data source or another one) in order to overlay the events from the monitor on a visualization's timeline.

associate-alerting-monitor.mp4

Screen 1: User selects a visualization on a dashboard and selects "Alerting" from the visualization context menu OuiContextMenu:

Screenshot 2023-03-11 at 1 18 29 PM

Screen 2: User selects "Add alerting monitor" from the context menu:

Screenshot 2023-03-11 at 1 19 21 PM

Screen 3a: "Add alerting monitor" opens a flyout OuiFlyout with "Create alerting monitor" option prefilled with the information from the visualization (including data source information and suggested monitor name):
Screenshot 2023-04-04 at 12 14 59 PM

Screen 4: User selects "Associate existing monitor" (OuiCheckableCard, OuiRadio)

Screenshot 2023-04-04 at 12 15 12 PM

Screen 5: An alternative path to open "Associate existing monitor" flyout is to select Alerting -> Associated monitors -> Associated monitors flyout -> click on "Associate monitor" button.
Note on the flyouts behavior - in order to open a new flyout ("Associate monitor"), the previous one should be closed ("Associated monitors")

Screenshot 2023-04-04 at 12 16 28 PM

Screen 6: User selects a monitor from the list (Single item OuiComboBox):

Screenshot 2023-03-23 at 5 48 14 PM

Screen 7: After selecting a monitor user sees a summary of monitor's details to review the choice.

Screenshot 2023-04-04 at 12 18 10 PM

Screen 8: After selecting alerting monitor user clicks on "Create monitor" button. The flyout closes, user returns to the dashboard.

Screenshot 2023-04-04 at 12 18 31 PM

@xeniatup xeniatup changed the title Associate alerting monitor and a visualization on Dashboards [UX] Associate alerting monitor with a visualization on Dashboards Mar 13, 2023
@lezzago lezzago removed the untriaged label Apr 6, 2023
@xeniatup
Copy link
Author

Done

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants