open-vault/ui/lib/pki/addon/components/pki-configure-form.hbs

47 lines
1.6 KiB
Handlebars
Raw Normal View History

2022-12-14 17:57:03 +00:00
<div class="box is-bottomless is-fullwidth is-marginless">
<div class="columns">
{{#each this.configTypes as |option|}}
<div class="column is-flex">
<label for={{option.key}} class="box-label is-column {{if (eq this.configType option.key) 'is-selected'}}">
<div>
<h3 class="box-label-header title is-6">
<Icon @size="24" @name={{option.icon}} />
{{option.label}}
</h3>
<p class="help has-text-grey-dark">
{{option.description}}
</p>
</div>
<div>
<RadioButton
id={{option.key}}
name="pki-config-type"
@value={{this.configType}}
@groupValue={{this.replicationMode}}
@onChange={{fn (mut this.configType) option.key}}
data-test-pki-config-option={{option.key}}
/>
<label for={{option.key}}></label>
</div>
</label>
</div>
{{/each}}
</div>
2023-01-04 18:18:55 +00:00
{{#if (eq this.configType "import")}}
<PkiConfig::Import />
{{else if this.configType}}
2022-12-14 17:57:03 +00:00
{{! TODO: Forms }}
{{else}}
<EmptyState @title="Choose an option" @message="To see configuration options, choose your desired output above." />
<div class="field is-grouped box is-fullwidth is-bottomless">
<div class="control">
<button type="button" class="button is-primary" disabled={{true}} data-test-pki-config-save>
Done
</button>
<LinkTo @route="overview" class="button has-left-margin-s" data-test-pki-config-cancel>
Cancel
</LinkTo>
</div>
</div>
{{/if}}
</div>