open-vault/ui/app/templates/components/get-credentials-card.hbs
claire bontempo 9cc2f52bc1
UI: Glimmerize search select component (#17276)
* initial commit for glimmerizing search-select

* fix credentials card tests

* WIP/fixing manually passed in options

* note for small change made in other PR

* still a work in progress, but maybe fixed some tests...maybe

* fix path filter config tests

* remove comments

* clean up merge conflicts

* remove redundant subLabel

* remove subLabel, change default label to form field size

* split up format method

* cleanup, try to keep types consistent

* change logic for ss lable

* remove comment

* cleanup naming

* fix incorrect glimmer change

* refactor to allow for parent handling selected options

* update jsdoc and reogranize functions

* add test to path filter config

* address comments, small cleanup

* add test for path filter config ss

* rearrange functions so git diff is easier to compare

* change isNotSectionHeader to isSectionHeader

* add more explicit test coverage, tidying for search select

* small doc tidy

* add comments, one more test! last cleanup!

* fix search select tests
2022-10-03 11:01:34 -07:00

37 lines
1 KiB
Handlebars

<form class="selectable-card is-rounded no-flex data-test-get-credentials-card">
<div class="is-flex-between is-fullwidth card-details">
<h3 class="title is-5">{{@title}}</h3>
</div>
<div class="has-top-bottom-margin">
<p class="is-label search-label">{{@searchLabel}}</p>
</div>
<p class="sub-text">{{@subText}}</p>
{{#if @renderInputSearch}}
<InputSearch
@id="search-input-{{@type}}"
@onChange={{this.handleInput}}
@placeholder={{@placeholder}}
data-test-search-roles
/>
{{else}}
<SearchSelect
@id="search-input-{{@type}}"
@models={{@models}}
@selectLimit="1"
@backend={{@backend}}
@fallbackComponent="input-search"
@onChange={{this.handleInput}}
@placeholder={{@placeholder}}
data-test-search-roles
/>
{{/if}}
<button
type="button"
class="button is-secondary"
disabled={{this.buttonDisabled}}
{{on "click" this.transitionToCredential}}
data-test-get-credentials
>
{{@title}}
</button>
</form>