open-nomad/ui/app/components/secure-variable-form/input-group.hbs
Jai 48679fdf99 ui: make eye toggles only toggle on/off for their respective row (#13406)
* chore:  update tests to handle invidual toggle responsibility

* chore:  prettify secure-variable-form template

* ui:  extract input group markup into seperate component
2022-07-11 13:34:05 -04:00

23 lines
512 B
Handlebars

<label class="value-label">
<span>
Value
</span>
<Input
@type={{this.inputType}}
@value={{@entry.value}}
class="input value-input"
autocomplete="new-password"
{{! prevent auto-fill }}
/>
<button
class="show-hide-values button is-light"
type="button"
tabindex="-1"
{{on "click" this.toggleInputType}}
>
<FlightIcon
@name={{if this.isObscured "eye-off" "eye"}}
@title={{if this.isObscured "Show Values" "Hide Values"}}
/>
</button>
</label>