-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Conversation
… selectedOptions length
There was a problem hiding this 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 => { |
There was a problem hiding this comment.
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 || |
There was a problem hiding this comment.
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}} |
There was a problem hiding this comment.
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?
There was a problem hiding this comment.
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.
* 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 <[email protected]> * 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 <[email protected]>
This PR addresses the following:
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.SearchSelect
component that allows you to: 1. pass in a default set of already selected options (needed for the edit view), and 2. set aselectLimit
which limits the number of items you can select. This is needed for templates because you can only select 1 template.#power-select-with-create
part of theSearchSelect
component when the limit is reached. This was how design wanted this to be disabled.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.