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

[Logs UI] View log details for anomaly log examples #75425

Merged
merged 7 commits into from
Aug 26, 2020

Conversation

afgomez
Copy link
Contributor

@afgomez afgomez commented Aug 19, 2020

Summary

Closes #68443.

Add a "View detail" link to the log line examples that opens a LogEntryFlyout.

The interface for LogEntryFlyout was simplified a bit. We were using two callbacks when the user clicked in the filter icons, each one being responsible to set a different bit of state. I simplified it to only one callback to make it easy to link to the log stream from outside.

Screenshot 2020-08-19 at 14 58 23

Screenshot 2020-08-19 at 14 58 31

Previously, when the user clicked a filter in the `LogEntryFlyout` two
callbacks where fired: `setFilter` and `setTarget`. The purpose of the
first was to add a filter based on the field where the user clicked. The
second was to center the log stream in the line item that corresponded
to the item shown in the flyout.

Having these two callbacks gave too much knowledge to the
`LogEntryFlyout` about what its consumer was doing. It also required the
consumer to handle separatedly two events that happened at the same
time.

This commit removes `setTarget` and modifies `setFilter` to take as
arguments the flyoutItemId and its timeKey. Consumers now only need to
handle one callback instead of two.

In the context of elastic#68433, it also enable the log analysis UI to link to
the log stream with both a filter and a position, without needing to
build the link from the result of calling the two callbacks.
@afgomez afgomez added v8.0.0 Feature:Logs UI Logs UI feature Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services release_note:skip Skip the PR/issue when compiling release notes v7.10.0 labels Aug 19, 2020
@afgomez afgomez added this to the Logs UI 7.10 milestone Aug 19, 2020
@afgomez afgomez requested a review from a team as a code owner August 19, 2020 13:04
@elasticmachine
Copy link
Contributor

Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui)

@Kerry350 Kerry350 self-requested a review August 24, 2020 11:52
@afgomez
Copy link
Contributor Author

afgomez commented Aug 25, 2020

@elasticmachine merge upstream

Copy link
Contributor

@Kerry350 Kerry350 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Functionality works well, good job 👍

I've left a couple of code comments.

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Build metrics

async chunks size

id value diff baseline
infra 3.5MB +2.2KB 3.5MB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

Copy link
Contributor

@Kerry350 Kerry350 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙌🙌🙌

@afgomez afgomez merged commit 686cde8 into elastic:master Aug 26, 2020
@afgomez afgomez deleted the 68443-log-example-details branch August 26, 2020 08:38
afgomez pushed a commit that referenced this pull request Aug 27, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Logs UI Logs UI feature release_note:skip Skip the PR/issue when compiling release notes Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v7.10.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Logs UI] Add log details flyout to categories page, opens for examples
4 participants