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

Sidebranch: UI transform create and edit clean up #9778

Merged
merged 9 commits into from
Aug 19, 2020

Conversation

Monkeychip
Copy link
Contributor

This PR addresses the following:

  • Removes/addresses the TODOs that can be addressed. Some still remain due to potential API changes.
  • Sets up readOnly attributes and styling when editing the transformation. This will be the same pattern for roles and alphabets. You cannot edit the name or the template it is using once created.
  • Adds new properties to the SearchSelect component that allows you to: 1. pass in a default set of already selected options (needed for the edit view), and 2. set a selectLimit which limits the number of items you can select. This is needed for templates because you can only select 1 template.
  • Hides the #power-select-with-create part of the SearchSelect component when the limit is reached. This was how design wanted this to be disabled.
  • hides the templates model property from edit and create views (This property is needed because of the whole templates vs template return property from the API).

Here is a gif of the changes.
changes

@Monkeychip Monkeychip added the ui label Aug 19, 2020
@Monkeychip Monkeychip added this to the 1.6 milestone Aug 19, 2020
Copy link
Contributor

@chelshaw chelshaw left a comment

Choose a reason for hiding this comment

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

Very nice! Just a couple things, mostly simplification/cleanup


return allSettled([queryAjax, zeroAddressAjax]).then(results => {
return allSettled([queryAjax]).then(results => {
Copy link
Contributor

Choose a reason for hiding this comment

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

Since we're not waiting on two promises this can probably be simplified to returning the single promise above (this.ajax)

@@ -126,6 +131,14 @@ export default Component.extend({
this.handleChange();
},
selectOption(option) {
if (this.selectLimit) {
if (
this.selectLimit === this.selectedOptions.length ||
Copy link
Contributor

Choose a reason for hiding this comment

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

This can be simplified to if (this.selectLimit <= this.selectedOptions.length) ...

@@ -71,7 +71,10 @@
@onChange={{action (action "setAndBroadcast" valuePath)}} @inputValue={{get model valuePath}}
@helpText={{attr.options.helpText}} @subText={{attr.options.subText}} @label={{labelString}}
@subLabel={{attr.options.subLabel}}
@fallbackComponent={{attr.options.fallbackComponent}} />
@fallbackComponent={{attr.options.fallbackComponent}}
@initialSelected={{initialSelected}}
Copy link
Contributor

Choose a reason for hiding this comment

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

I wonder if we should pass the initialSelected and selectLimit on the attr so it follows convention for how this component is used. Thoughts?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The problem with that is initialSelected isn't known on the model (which is where attr.options comes from). SelectLimit can be though.

@Monkeychip Monkeychip merged commit 716e9a4 into ui/transform-sidebranch Aug 19, 2020
@Monkeychip Monkeychip deleted the ui/transform-cleanup branch August 19, 2020 17:14
chelshaw added a commit that referenced this pull request Aug 26, 2020
* Ui/transform enable (#9647)

* Show Transform on engines list if enterprise

* Add box-radio component

* Add is-disabled styling for box-radio and fix tooltip styling when position: above

* Add KMIP and Transform to possible features on has feature helper

* Sidebranch: Transform Secret Engine Initial setup (#9625)

* WIP // list transforms, console.logs and all

* setup LIST transformations ajax request and draft out options-for-backend options

* change from plural to singluar and add transform to secret-edit

* create two transform edit components

* modify transform model with new attrs

* add adapterFor to connect transform adapter to transform-edit-form component

* setup Allowed roles searchSelect component to search over new transform/role adapter and model.

* clean up for PR

* clean up linting errors

* restructure adapter call, now it works.

* remove console

* setup template model for SearchSelect component

* add props to form field and search select for styling

Co-authored-by: Chelsea Shaw <chelshaw.dev@gmail.com>

* Ui/transform language fixes (#9666)

* Update casing and wording on Transform list route. Use generic list item for transformations

* Add back js file for transformation-edit

* Set up transform for tabs

* Ui/create edit transformation fixes (#9668)

* add conditional for masking vs tweak source based on type, and update text for create transformation

* change order

* fix error with stringArray

* setup the edit/delete transformation view

* clean up toolbar links

* setup serializer to change response of mask character from keycode to character

* change styling of label and sub-text size, confirmed with design

* temp fix on templates vs template

* add clickable list item

* add space between template list

* setup styling and structure for the rest of the show transformation.  TODO: turn into components.

* create transform-show-transformation component

* add attachCapabilities to transform model and update transform-transformation-itme list accordingly

* clean up liniting errors

* address pr comments

* remove leftover

* clean up

* Sidebranch: UI transform create and edit clean up (#9778)

* clean up some of the TODOs

* setup edit view with read only attributes for name and template

* setup initial selected for search select component

* fixes

* hide templates form field for now

* set selectLimit for search select component

* hide power select if the select limit is greater than or equal to the selectedOptions length

* clean up failing linting

* address pr comments

* Ui/fix list roles transformation (#9788)

* Update search-select to pass backend to query if exists

* Update role and template adapters

* cleanup

* Fix replace with static string

* Ui/transform cleanup 2 (#9789)

* amend encode/decode commands for now until design gets back with more details

* restrict character count on masking input field

* clean up selectLimit

* show backend instead of transform in cli copy command

* Show KMIP un-selectable if enterprise but no ADP module (#9780)

* New component transform-edit-base

* Duplicate RoleEdit as TransformEditBase and swap in all transform components

* Roll back role-edit changes

* Update to transform edit base

* Remove extraeneous set backend type on transform components

* formatting

* Revert search-select changes

* Update template/templates data on transformation (#9838)

Co-authored-by: Angel Garbarino <Monkeychip@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants