353a2bdb58
* add size prop to icon component * use size instead of css classes to adjust Icons * add knobs for icon stories
124 lines
3.5 KiB
Handlebars
124 lines
3.5 KiB
Handlebars
<PageHeader as |p|>
|
|
<p.levelLeft>
|
|
<h1 class="title is-3" data-test-mount-form-header="true">
|
|
{{#if showEnable}}
|
|
{{#with (find-by "type" mountModel.type mountTypes) as |typeInfo|}}
|
|
<Icon
|
|
@glyph={{or typeInfo.glyph typeInfo.type}}
|
|
@size="l"
|
|
class="has-text-grey-light"
|
|
/>
|
|
|
|
{{#if (eq mountType "auth")}}
|
|
{{concat "Enable " typeInfo.displayName " Authentication Method"}}
|
|
{{else}}
|
|
{{concat "Enable " typeInfo.displayName " Secrets Engine"}}
|
|
{{/if}}
|
|
{{/with}}
|
|
{{else if (eq mountType "auth")}}
|
|
Enable an Authentication Method
|
|
{{else}}
|
|
Enable a Secrets Engine
|
|
{{/if}}
|
|
</h1>
|
|
</p.levelLeft>
|
|
</PageHeader>
|
|
<form {{action (perform mountBackend) on="submit"}}>
|
|
<div class="box is-sideless is-fullwidth is-marginless">
|
|
<NamespaceReminder
|
|
@mode="enable"
|
|
@noun={{if (eq mountType "auth") "Auth Method" "Secret Engine"}}
|
|
/>
|
|
|
|
{{message-error model=mountModel}}
|
|
{{#if showEnable}}
|
|
{{form-field-groups
|
|
model=mountModel
|
|
onChange=(action "onTypeChange")
|
|
renderGroup="default"
|
|
}}
|
|
{{form-field-groups
|
|
model=mountModel
|
|
onChange=(action "onTypeChange")
|
|
renderGroup="Method Options"
|
|
}}
|
|
{{else}}
|
|
{{#each (array "generic" "cloud" "infra") as |category|}}
|
|
<h3 class="title box-radio-header">
|
|
{{capitalize category}}
|
|
</h3>
|
|
<div class="box-radio-container">
|
|
{{#each (filter-by "category" category mountTypes) as |type|}}
|
|
<label
|
|
for={{type.type}}
|
|
class="box-radio
|
|
{{if (eq mountModel.type type.type) " is-selected"}}"
|
|
data-test-mount-type-radio
|
|
data-test-mount-type={{type.type}}
|
|
>
|
|
<Icon
|
|
@glyph={{or type.glyph type.type}}
|
|
@size="xl"
|
|
class="has-text-grey-light"
|
|
/>
|
|
|
|
{{type.displayName}}
|
|
<RadioButton
|
|
@value={{type.type}}
|
|
@radioClass="radio"
|
|
@groupValue={{mountModel.type}}
|
|
@changed={{queue
|
|
(action (mut mountModel.type))
|
|
(action "onTypeChange" "type")
|
|
}}
|
|
@name="mount-type"
|
|
@radioId={{type.type}}
|
|
/>
|
|
|
|
<label for={{type.type}}></label>
|
|
</label>
|
|
{{/each}}
|
|
</div>
|
|
{{/each}}
|
|
{{/if}}
|
|
</div>
|
|
<div class="field is-grouped box is-fullwidth is-bottomless">
|
|
{{#if showEnable}}
|
|
<div class="control">
|
|
<button
|
|
type="submit"
|
|
data-test-mount-submit="true"
|
|
class="button is-primary {{if mountBackend.isRunning "loading"}}"
|
|
disabled={{mountBackend.isRunning}}
|
|
>
|
|
{{#if (eq mountType "auth")}}
|
|
Enable Method
|
|
{{else}}
|
|
Enable Engine
|
|
{{/if}}
|
|
</button>
|
|
</div>
|
|
<div class="control">
|
|
<button
|
|
data-test-mount-back
|
|
type="button"
|
|
class="button"
|
|
onclick={{action "toggleShowEnable" false}}
|
|
>
|
|
Back
|
|
</button>
|
|
</div>
|
|
{{else}}
|
|
<button
|
|
data-test-mount-next
|
|
type="button"
|
|
class="button is-primary"
|
|
onclick={{action "toggleShowEnable" true}}
|
|
disabled={{not mountModel.type}}
|
|
>
|
|
Next
|
|
</button>
|
|
{{/if}}
|
|
</div>
|
|
</form>
|