vault/ui/lib/pki/addon/components/pki-key-usage.hbs
Angel Garbarino 8188328700
PKI role non-default options (#17393)
* dynamically render the secretlistheader in the parent route.

* start getting form setup even without openAPi working

* add in create and cancel

* making openAPI work

* add default openAPI params

* wip for new component with two radio options a ttl and input

* handle createRecord on pki-roles-form

* remove tooltips and cleanup

* move formfieldgroupsloop back to non addon

* cleanup

* move secretListHeader

* broadcast from radioSelectTtlOrString to parent

* cleanup

* hide tooltips

* pass through sub text to stringArray

* Add conditional for keybits and keyType

* set defaults for keyBits ... 🤮

* fix some small issues

* more info form field typ

* show only label and subText

* wip context switch 🤮

* fix dontShowLabel

* getting css grid setup

* more on flex groups

* adding the second chunk to key usage

* serialize the post for key_usage

* finish for ext_key_usage

* clean up

* fix snack_case issue

* commit for working state, next trying to remove form-field-group-loops because it's causing issues.

* remove usage of formfieldgroupsloop because of issues with css grid and conditionals

* clean up

* remove string-list helpText changes for tooltip removal because that should be it's own pr.

* clarification from design and backend.

* small cleanup

* pull key_usage and ext_key_usage out of the model and into a component

* clean up

* clean up

* restructure css grid:

* clean up

* broke some things

* fix error when roles list returned 404

* claires feedback

* cleanup

* clean up
2022-10-12 12:56:05 -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">
<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}}