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] Add kuery to apm ui #19469

Merged
merged 28 commits into from
Jul 10, 2018
Merged

[APM] Add kuery to apm ui #19469

merged 28 commits into from
Jul 10, 2018

Conversation

sorenlouv
Copy link
Member

@sorenlouv sorenlouv commented May 28, 2018

@sorenlouv sorenlouv force-pushed the add-kuery-to-apm-ui branch 2 times, most recently from b928b0d to 53c66c8 Compare May 28, 2018 09:31
@sorenlouv sorenlouv added the Team:APM All issues that need APM UI Team support label May 28, 2018
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@sorenlouv sorenlouv force-pushed the add-kuery-to-apm-ui branch from 53c66c8 to 23b8631 Compare May 28, 2018 16:14
@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@sorenlouv sorenlouv force-pushed the add-kuery-to-apm-ui branch from a393da9 to e529183 Compare May 29, 2018 08:50
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@formgeist
Copy link
Contributor

@sqren Added another todo; to add a search submit button like on Discover

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💔 Build Failed

@sorenlouv sorenlouv force-pushed the add-kuery-to-apm-ui branch from e1d6664 to 94d9376 Compare June 6, 2018 00:09
@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@sorenlouv sorenlouv force-pushed the add-kuery-to-apm-ui branch from e24d6da to 789d6cb Compare June 6, 2018 11:19
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@formgeist
Copy link
Contributor

Since localtesting master is still broken for me, I've been testing it on the Cloud version you have running. I think it looks great. There's a few minor style tweaks we can make to the positioning and margins around the input.

One thing that stuck with me was that there's no immediate way to clear the input entered. There's a solution available in the Eui forms, but obv that's not available here, but perhaps we can mimic the functionality. Basically, if there's text input in the field have a clear option on the far right with a clear icon both when your cursor is active in the input field, but also when hovering on the input if it's not active.

Would that be reasonable to get in this version too, or what do you think @sqren?

@sorenlouv
Copy link
Member Author

@formgeist I think the EUI component just uses the standard type=search input. I can change the input type, and it should just work.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search

@sorenlouv sorenlouv force-pushed the add-kuery-to-apm-ui branch from d152c04 to 3f0e2bc Compare July 8, 2018 21:15
@elasticmachine
Copy link
Contributor

💔 Build Failed

@sorenlouv
Copy link
Member Author

retest

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@sorenlouv sorenlouv merged commit bf3aa08 into master Jul 10, 2018
@sorenlouv sorenlouv deleted the add-kuery-to-apm-ui branch July 10, 2018 19:01
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

sorenlouv added a commit to sorenlouv/kibana that referenced this pull request Jul 11, 2018
* Add Kuery to APM UI

* Format bool queries

* Fix test

* Add min-height

* Updated css to vars

* Added loading indicators

* Update breadcrumbs

* Update Discover links

* Add search button

* Fix readcrumb test

* Remove debounce

* Fix “undefined” kuery

* Handle missing index pattern

* Fix race condition in data fetching

* Fix legacy url encoding

* Filter out field-suggestions starting with "span*"

* Convert KuiTable to EuiTable for service overview

* Convert KuiTable to EuiTable for transaction overview

* Convert KuiTable to EuiTable for error overview

* Updated empty state messages

* Bump CI jo

* updated snapshots

* Add beta tooltip and update to EuiSearch

* Fixed issue with focus

* Submit when clicking search button

* Submit when clearing input

* Handle missing index pattern

* Remove query from spans

# Conflicts:
#	yarn.lock
sorenlouv added a commit that referenced this pull request Jul 11, 2018
* Add Kuery to APM UI

* Format bool queries

* Fix test

* Add min-height

* Updated css to vars

* Added loading indicators

* Update breadcrumbs

* Update Discover links

* Add search button

* Fix readcrumb test

* Remove debounce

* Fix “undefined” kuery

* Handle missing index pattern

* Fix race condition in data fetching

* Fix legacy url encoding

* Filter out field-suggestions starting with "span*"

* Convert KuiTable to EuiTable for service overview

* Convert KuiTable to EuiTable for transaction overview

* Convert KuiTable to EuiTable for error overview

* Updated empty state messages

* Bump CI jo

* updated snapshots

* Add beta tooltip and update to EuiSearch

* Fixed issue with focus

* Submit when clicking search button

* Submit when clearing input

* Handle missing index pattern

* Remove query from spans

# Conflicts:
#	yarn.lock
@sorenlouv sorenlouv mentioned this pull request Jul 17, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Team:APM All issues that need APM UI Team support
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants