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

[Ingest Manager] Convert select agent config step to use combo box #73172

Merged
merged 10 commits into from
Jul 28, 2020

Conversation

jen-huang
Copy link
Contributor

@jen-huang jen-huang commented Jul 23, 2020

Summary

Resolves #72865. This PR implements changes to Add integration > Select agent config step based on design spec.

Screenshots

Fleet enabled, initial view (Default config selected already, step 2 loads automatically):
image

Fleet enabled, dropdown list view:
image

Fleet no enabled/setup, no agents enrolled messaging:
image

Default config already has Endpoint integration, no agent config selected by default:
image

@jen-huang jen-huang added v8.0.0 release_note:skip Skip the PR/issue when compiling release notes v7.10.0 Team:Fleet Team label for Observability Data Collection Fleet team labels Jul 23, 2020
@jen-huang jen-huang requested a review from a team July 23, 2020 23:52
@jen-huang jen-huang self-assigned this Jul 23, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/ingest-management (Team:Ingest Management)

`;

const AgentConfigNameColumn = styled(EuiFlexItem)`
max-width: ${(props) => `${((props.grow as number) / 9) * 100}%`};
Copy link
Contributor

Choose a reason for hiding this comment

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

Why is this additional calculation needed? Would it make sense to add a comment about it?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

  1. the max-width property is added to prevent long config names/descriptions from overflowing the flex items
  2. we build it from the grow property on the flex items because that property changes based on if Fleet is enabled/setup or not (when Fleet is not available, the "agents enrolled" column is not displayed)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

pushed up a change with comments added

`;

const AgentConfigDescriptionColumn = styled(EuiFlexItem)`
max-width: ${(props) => `${((props.grow as number) / 9) * 100}%`};
Copy link
Contributor

Choose a reason for hiding this comment

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

Same as above.

@skh
Copy link
Contributor

skh commented Jul 27, 2020

I'm not sure I'm testing this correctly and if I'm seeing the correct behavior:

  • have a fresh install (from yarn es snapshot)
  • create two more agent configurations. In one of them (called "No description" in the screenshots below), deselect system monitoring so it has no integration at all. The other two configurations have system-1 assigned to them:
    image
    image
  • Go to the system integration and click Add system. The "Default config" config is preselected, even though it already has system-1 assigned to it:
    image
    image

From the description in the inital comment, I would have expected that no agent configuration is selected at all.

@jen-huang
Copy link
Contributor Author

@skh Sorry, I didn't clarify this. "No config selected" is a case that only applies to integrations which are only allowed to be saved once on a config. Currently the only integration with this limitation is Endpoint. For all other integrations, default config should be preselected.

@jen-huang
Copy link
Contributor Author

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Build metrics

async chunks size

id value diff baseline
ingestManager 1.1MB +2.4KB 1.1MB

History

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

@jen-huang jen-huang merged commit 82d7e7d into elastic:master Jul 28, 2020
@jen-huang jen-huang deleted the ingest/72865 branch July 28, 2020 02:21
jen-huang added a commit to jen-huang/kibana that referenced this pull request Jul 28, 2020
…lastic#73172)

* Initial pass at using combo box instead of selectable for agent configs

* Hide agent count messaging if fleet isn't set up

* Fix types

* Fix i18n

* Fix i18n again

* Add comment explaining styling

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
jen-huang added a commit that referenced this pull request Jul 28, 2020
…73172) (#73394)

* Initial pass at using combo box instead of selectable for agent configs

* Hide agent count messaging if fleet isn't set up

* Fix types

* Fix i18n

* Fix i18n again

* Add comment explaining styling

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
gmmorris added a commit to gmmorris/kibana that referenced this pull request Jul 28, 2020
* master: (44 commits)
  [Search] add server logs (elastic#72454)
  [SIEM][Timelines] Updates timeline template callout text (elastic#73334)
  Fix App status  flaky test (elastic#72853)
  [Functional Tests] Increase the timeout when locating the tableview] (elastic#73243)
  Use "Apply_filter_trigger" in dashboard drilldown (elastic#71468)
  fix dashboard index pattern race condition (elastic#72899)
  [Functional Tests] Increase waitTime for timelion to fetch the results (elastic#73255)
  [Functional Tests] Fix flakiness on TSVB chart on switching index patterns test (elastic#73238)
  updates cypress to v4.11.0 (elastic#73327)
  [Metrics UI] Saved views bugs (elastic#72518)
  [Ingest Manager] Convert select agent config step to use combo box (elastic#73172)
  Exclude `version` from package config attributes that are copied, add safeguard to package config bulk create (elastic#73128)
  [Security Solution][ML] Updates siem group name to security (elastic#73218)
  [Security Solution] Show proper icon for termination status of all processes (elastic#73235)
  [Security Solution][Resolver] Show origin node details in panel on load (elastic#73313)
  [Security solution] Threat hunting test coverage improvements (elastic#73276)
  [Security Solution][Exceptions] - Update exception item comments to include id (elastic#73129)
  [Enterprise Search] Error state UI tweaks to account for current Cloud SSO behavior (elastic#73324)
  [dev/build/docker_generator] convert to typescript (elastic#73339)
  [APM] Fix focus map link on service map (elastic#73338)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release_note:skip Skip the PR/issue when compiling release notes Team:Fleet Team label for Observability Data Collection Fleet team v7.10.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Ingest Manager] Reduce height of Agent configuration selection box
5 participants