vault/ui/lib/pki/addon/components/pki-key-usage.hbs
Angel Garbarino bfde310ec0
UI/vault 9268/pki component tests (#17609)
* wip

* work in progress

* pki-role-form-test

* clean up

* radio-select-ttl-or-string test

* clean up

* add yielded check

* 12 to 13

* add pki-key-usage test

* remove meep

* key-params test

* clean up

* clean up

* pr comments
2022-10-25 13:58:11 -06:00

78 lines
2.7 KiB
Handlebars

{{#let (camelize (concat "show" @group)) as |prop|}}
<ToggleButton
@isOpen={{get @model prop}}
@openLabel={{concat "Hide " @group}}
@closedLabel={{@group}}
@onClick={{fn (mut (get @model prop))}}
class="is-block"
data-test-toggle-group={{@group}}
/>
{{#if (get @model prop)}}
<div class="box is-tall is-marginless" data-test-surrounding-div={{@group}}>
<FormFieldLabel
for="keyUsageLabel"
@label="Key usage"
@subText="Specifies the default key usage constraint on the issued certificate. To specify no default key_usage constraints, uncheck every item in this list."
/>
<div class="is-grid is-grid-3-columns is-medium-height">
{{! KEY USAGE SECTION }}
{{#each-in this.keyUsageFields as |name attr|}}
<div class="field">
<div class="b-checkbox">
<input
type="checkbox"
id={{name}}
class="styled"
checked={{attr.value}}
onchange={{fn this.checkboxChange "keyUsage"}}
data-test-input={{name}}
/>
<label for={{name}} class="is-label">
{{attr.label}}
</label>
</div>
</div>
{{/each-in}}
</div>
<div class="has-top-margin-s">
<FormFieldLabel
for="ExtKeyUsageLabel"
@label="Extended key usage"
@subText="Specifies the default key usage constraint on the issued certificate. To specify no default ext_key_usage constraints, uncheck every item in this list."
/>
</div>
{{! EXT KEY USAGE SECTION }}
<div class="is-grid is-grid-3-columns is-medium-height">
{{#each-in this.extKeyUsageFields as |name attr|}}
<div class="field">
<div class="b-checkbox">
<input
type="checkbox"
id={{name}}
class="styled"
checked={{attr.value}}
onchange={{fn this.checkboxChange "extKeyUsage"}}
data-test-input={{name}}
/>
<label for={{name}} class="is-label">
{{attr.label}}
</label>
</div>
</div>
{{/each-in}}
</div>
<div class="has-top-margin-xxl">
<StringList
data-test-input="extKeyUsageOids"
@label="Extended key usage oids"
@inputValue={{get @model "extKeyUsageOids"}}
@onChange={{this.onStringListChange}}
@attrName="extKeyUsageOids"
@subText="A list of extended key usage oids. Add one item per row."
@showHelpText={{false}}
@hideFormSection={{true}}
/>
</div>
</div>
{{/if}}
{{/let}}