Skip to content

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

Merged
ogupte merged 3 commits intoelastic:masterfrom
ogupte:apm-80633-fix-highlighted-node-edges
Oct 19, 2020
Merged

[APM] Fix service map highlighted edge on node select#80791
ogupte merged 3 commits intoelastic:masterfrom
ogupte:apm-80633-fix-highlighted-node-edges

Conversation

@ogupte
Copy link
Copy Markdown
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 - DEPRECATED Use Team:obs-ux-infra_services. 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 October 16, 2020 01:02
@elasticmachine
Copy link
Copy Markdown
Contributor

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

@cauemarcondes
Copy link
Copy Markdown
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

const selectHandler: cytoscape.EventHandler = (event) => {
trackApmEvent({ metric: 'service_map_node_select' });
resetConnectedEdgeStyle(event.target);
resetConnectedEdgeStyle(event.cy, event.target);
Copy link
Copy Markdown
Contributor

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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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 - DEPRECATED Use Team:obs-ux-infra_services. 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