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] Updated header icons #81717

Closed
smith opened this issue Oct 27, 2020 · 4 comments · Fixed by #84760
Closed

[APM] Updated header icons #81717

smith opened this issue Oct 27, 2020 · 4 comments · Fixed by #84760
Assignees
Labels
apm:service-overview Team:APM All issues that need APM UI Team support v7.11.0

Comments

@smith
Copy link
Contributor

smith commented Oct 27, 2020

(Part of the new APM service overview. See #81135 for more.)

The main header will be updated to make it consistent with the other Observability apps.

Header

Apart from the re-arrangements, we'll be adding new icons at the top to indicate the service agent, container, and cloud metadata.

🖼 View screens Screenshot 2020-10-20 at 11 53 00Screenshot 2020-10-20 at 11 53 06Screenshot 2020-10-20 at 11 53 11

Service

  • Service version
  • Runtime name & version
  • Framework name
  • Agent name & version

Container

  • OS
  • Containerized
  • Average number of instances
  • Orchestration

Cloud

  • Cloud provider
  • Availability zone(s)
  • Machine type(s)
  • Project ID

Handling unknown entities

In the case where either the agent name, container orchestration or cloud provider isn't on our "most common" list, we will show a fallback monotone icon instead so the information is still available.

Slice 1

  • Agent: node (same fallback as in Service Maps)
  • Container orchestration: storage
  • Cloud provider: cloudSunny
@smith smith added Team:APM All issues that need APM UI Team support apm:service-overview labels Oct 27, 2020
@elasticmachine
Copy link
Contributor

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

@formgeist
Copy link
Contributor

Added an example of fallbacks in the issue description for either entity in the header icons

@formgeist
Copy link
Contributor

Opened an issue to track the definitions for the container orchestration and cloud provider icons #84738

@formgeist
Copy link
Contributor

@cauemarcondes We arrived at a shortlist of container orchestration platforms and cloud providers, all of which we have logo SVGs for in our EUI icon set as per #84738 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:service-overview Team:APM All issues that need APM UI Team support v7.11.0
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants