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

[APM] Fix service map highlighted edge on node select #80791

Merged
merged 3 commits into from
Oct 19, 2020

Conversation

ogupte
Copy link
Contributor

@ogupte ogupte commented Oct 16, 2020

Closes #80633 by passing a reference to the core cytoscape options to correctly reset all edges in the map
Screen Shot 2020-10-15 at 5 59 57 PM

…ions to correctly reset all edges in the map
@ogupte ogupte added Team:APM All issues that need APM UI Team support release_note:skip Skip the PR/issue when compiling release notes v7.10.0 apm:test-plan-regression labels Oct 16, 2020
@ogupte ogupte requested a review from a team as a code owner October 16, 2020 01:02
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui (Team:apm)

@cauemarcondes
Copy link
Contributor

@ogupte if I hover over another node should the focused one lose the highlight?

The image below has opbeans-node highlighted and I hovered over opbeans-java, the java connections are bold, but nothing changed on the focused node.

Screenshot 2020-10-16 at 11 19 41

@@ -133,7 +133,7 @@ export function useCytoscapeEventHandlers({
};
const selectHandler: cytoscape.EventHandler = (event) => {
trackApmEvent({ metric: 'service_map_node_select' });
resetConnectedEdgeStyle(event.target);
resetConnectedEdgeStyle(event.cy, event.target);
Copy link
Member

Choose a reason for hiding this comment

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

Shouldn't typescript have caught this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It didn't catch it because event.target is defined as the type any (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/cytoscape/index.d.ts#L4446), and the second param of resetConnectedEdgeStyle is optional.

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

async chunks size

id before after diff
apm 3.3MB 3.3MB +9.0B

History

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

@ogupte
Copy link
Contributor Author

ogupte commented Oct 19, 2020

@ogupte if I hover over another node should the focused one lose the highlight?

@cauemarcondes this should behave like 7.9: the focused node connections don't go away from hovering on other nodes. They are only reset when other node is selected.

@ogupte ogupte merged commit caba25c into elastic:master Oct 19, 2020
ogupte added a commit to ogupte/kibana that referenced this pull request Oct 19, 2020
* Closes elastic#80633 by passing a reference to the core cytoscape options to correctly reset all edges in the map

* removed commented out debugger statement
ogupte added a commit to ogupte/kibana that referenced this pull request Oct 19, 2020
* Closes elastic#80633 by passing a reference to the core cytoscape options to correctly reset all edges in the map

* removed commented out debugger statement
jloleysens added a commit to jloleysens/kibana that referenced this pull request Oct 20, 2020
…lout-for-warm-and-cold-tier

* 'master' of github.com:elastic/kibana: (126 commits)
  Add cumulative sum expression function (elastic#80129)
  [APM] Fix link to trace (elastic#80993)
  Provide url rewritten in onPreRouting interceptor (elastic#80810)
  limit renovate to npm packages
  Fix bug in logs UI link (elastic#80943)
  [Monitoring] Fix bug with setup mode appearing on pages it shouldn't (elastic#80343)
  [Security Solution][Detection Engine] Fixes false positives caused by empty records in threat list
  docs test (elastic#81080)
  Fixed alerts ui test timeout issue, related to the multiple server calls for delete all alerts, by reducing the number of alerts to the two and increasing retry timeout. (elastic#81067)
  [APM] Fix service map highlighted edge on node select (elastic#80791)
  Fix typo in toast, slight copy adjustment. (elastic#80843)
  [Security Solution] reduce optimizer limits (elastic#80997)
  [maps] 7.10 documentation updates (elastic#79917)
  [Workplace Search] Fix Group Prioritization route and clean up design (elastic#80903)
  [Enterprise Search] Added reusable HiddenText component to Credentials (elastic#80033)
  Upgrade EUI to v29.5.0 (elastic#80753)
  [Maps] Fix layer-flash when changing style (elastic#80948)
  [Security Solution] [Detections] Disable edit button when user does not have actions privileges w/ rule + actions (elastic#80220)
  [Enterprise Search] Handle loading state on Credentials page (elastic#80035)
  [Monitoring] Fix cluster listing page in how it handles global state (elastic#78979)
  ...
ogupte added a commit that referenced this pull request Oct 20, 2020
* Closes #80633 by passing a reference to the core cytoscape options to correctly reset all edges in the map

* removed commented out debugger statement
ogupte added a commit that referenced this pull request Oct 20, 2020
* Closes #80633 by passing a reference to the core cytoscape options to correctly reset all edges in the map

* removed commented out debugger statement

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:test-plan-regression release_note:skip Skip the PR/issue when compiling release notes Team:APM All issues that need APM UI Team support v7.10.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[APM]test 3: when another node is selected, the focused node temporarily loses primary color & bold styles
5 participants