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>
|