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

Empty prompt and loading spinner for service map #78382

Merged
merged 5 commits into from
Sep 28, 2020

Conversation

smith
Copy link
Contributor

@smith smith commented Sep 24, 2020

Empty state to be shown when fetching returns no elements. Match the style of the license prompt:

image

Loading spinner on initial load:

image

Fixes #64261.
Fixes #77886.

To be shown when fetching returns no elements. Match the style of the license prompt.
@smith smith requested a review from a team as a code owner September 24, 2020 04:17
@botelastic botelastic bot added the Team:APM All issues that need APM UI Team support label Sep 24, 2020
@elasticmachine
Copy link
Contributor

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

@smith
Copy link
Contributor Author

smith commented Sep 28, 2020

@elasticmachine merge upstream

@smith smith changed the title Empty prompt for service map Empty prompt and loading spinner for service map Sep 28, 2020
@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

@kbn/optimizer bundle module count

id value diff baseline
apm 1258 +1 1257

async chunks size

id value diff baseline
apm 4.1MB +3.1KB 4.1MB

History

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

@smith smith merged commit a740f7d into elastic:master Sep 28, 2020
@smith smith deleted the nls/empty-map branch September 28, 2020 22:09
phillipb added a commit to phillipb/kibana that referenced this pull request Sep 29, 2020
…a into add-anomalies-to-timeline

* 'add-anomalies-to-timeline' of github.com:phillipb/kibana: (89 commits)
  Aligns several module versions across the repository (elastic#78327)
  Empty prompt and loading spinner for service map (elastic#78382)
  Change progress bar to spinner (elastic#78460)
  [QA][Code Coverage] Coverage teams lookup w/o Additional Config (elastic#77111)
  Slim down core bundle (elastic#75912)
  [Alerting] retry internal OCC calls within alertsClient (elastic#77838)
  [kbn/optimizer] only build xpack examples when building xpack plugins (elastic#78656)
  [Ingest Manager] Ingest setup upgrade (elastic#78081)
  [Ingest Manager] Surface saved object client 10,000 limitation to bulk actions UI (elastic#78520)
  fix name without a category or if field end with .text (elastic#78655)
  [Security Solution] [Detections] Log message enhancements (elastic#78429)
  [ML]DF Analytics exploration: default filter of results page by `defaultIsTraining` value in url (elastic#78303)
  [Enterprise Search] Remove all instances of KibanaContext to Kea store (elastic#78513)
  [ML] DF Analytics creation: ensure job did not fail to start before showing results link (elastic#78200)
  fix createAppNavigationHandler to use `navigateToUrl` (elastic#78583)
  Fixing a11y test failure on discover app (elastic#59975) (elastic#77614)
  [Security Solution] Initiate endpoint package upgrade from security app (elastic#77498)
  [kbn/es] use a basic build process (elastic#78090)
  [kbn/optimizer] fix .json extension handling (elastic#78524)
  Fix APM lodash imports (elastic#78438)
  ...
gmmorris added a commit to gmmorris/kibana that referenced this pull request Sep 29, 2020
* master: (365 commits)
  making expression debug info serializable (elastic#78727)
  fix lodahs imports in app-arch code (elastic#78582)
  Make Field a React.lazy export (elastic#78483)
  [Security Solution] Improves detections tests (elastic#77295)
  [TSVB] Different field format on different series is ignored (elastic#78138)
  RFC: Improve saved object migrations (elastic#66056)
  [Security Solution] Fixes url timeline flaky test (elastic#78556)
  adds retryability feature (elastic#78611)
  Aligns several module versions across the repository (elastic#78327)
  Empty prompt and loading spinner for service map (elastic#78382)
  Change progress bar to spinner (elastic#78460)
  [QA][Code Coverage] Coverage teams lookup w/o Additional Config (elastic#77111)
  Slim down core bundle (elastic#75912)
  [Alerting] retry internal OCC calls within alertsClient (elastic#77838)
  [kbn/optimizer] only build xpack examples when building xpack plugins (elastic#78656)
  [Ingest Manager] Ingest setup upgrade (elastic#78081)
  [Ingest Manager] Surface saved object client 10,000 limitation to bulk actions UI (elastic#78520)
  fix name without a category or if field end with .text (elastic#78655)
  [Security Solution] [Detections] Log message enhancements (elastic#78429)
  [ML]DF Analytics exploration: default filter of results page by `defaultIsTraining` value in url (elastic#78303)
  ...
smith added a commit to smith/kibana that referenced this pull request Sep 29, 2020
* Empty prompt for service map

To be shown when fetching returns no elements. Match the style of the license prompt.

* Add loading spinner
smith added a commit that referenced this pull request Sep 29, 2020
* Empty prompt for service map

To be shown when fetching returns no elements. Match the style of the license prompt.

* Add loading spinner
@sorenlouv sorenlouv self-assigned this Oct 12, 2020
@sorenlouv
Copy link
Member

Tested with apm_read_user:
✅ Chrome
✅ Firefox

Loading state:
image

Empty state:
image

Minor nit: when clicking refresh after the empty prompt is displayed the loading indicator is displayed at the very top instead of centered vertically:

service-map

cc @smith

@sorenlouv sorenlouv added the apm:test-plan-done Pull request that was successfully tested during the test plan label Oct 12, 2020
@smith
Copy link
Contributor Author

smith commented Oct 13, 2020

Minor nit: when clicking refresh after the empty prompt is displayed the loading indicator is displayed at the very top instead of centered vertically:

@sqren this is what happens. I checked it out and tried a few things, but wasn't in a short time able to get it to look quite right without breaking other scenarios. Since it only happens on a refresh when there are no elements, and not when there's anything on the map, I think it's ok to leave it as-is for now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:test-plan-done Pull request that was successfully tested during the test plan release_note:enhancement Team:APM All issues that need APM UI Team support v7.10.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[APM] Service map: Add empty state Loading indicator for APM service map
4 participants