open-vault/ui/app/templates/vault/cluster/policy/edit.hbs
2019-05-08 17:08:39 -06:00

98 lines
3 KiB
Handlebars

<PageHeader as |p|>
<p.top>
<nav class="breadcrumb">
<li>
{{#link-to "vault.cluster.policies" policyType data-test-policy-list-link=true}}
<span class="sep">&#x0002f;</span>
{{uppercase policyType}} policies
{{/link-to}}
</li>
</nav>
</p.top>
<p.levelLeft>
<h1 class="title is-3">
{{model.id}}
{{#if model.enforcementLevel}}
<span class="tag is-medium" aria-label="Enforcement level: {{model.enforcementLevel}}">
{{model.enforcementLevel}}
</span>
{{/if}}
</h1>
</p.levelLeft>
</PageHeader>
{{#if (and (not-eq model.id "root") (or capabilities.canUpdate capabilities.canDelete))}}
<Toolbar>
<ToolbarActions>
<ToolbarButton
@params={{array 'vault.cluster.policy.show' model.id}}
data-test-policy-edit-toggle=true
>
Back to policy
</ToolbarButton>
<div class="toolbar-separator" />
{{#if (and (not-eq model.id "default") capabilities.canDelete)}}
{{#confirm-action
buttonClasses="toolbar-button"
onConfirmAction=(action "deletePolicy" model)
confirmMessage=(concat "Are you sure you want to delete " model.id "?")
data-test-policy-delete=true
}}
Delete
<ICon @glyph="chevron-right" @size=12 />
{{/confirm-action}}
{{/if}}
</ToolbarActions>
</Toolbar>
{{/if}}
<form {{action "savePolicy" model on="submit"}}>
<div class="box is-bottomless is-fullwidth is-marginless">
{{message-error model=model}}
<NamespaceReminder @mode="edit" @noun="policy" />
<label for="policy" class="is-label">Policy</label>
<div class="field">
{{ivy-codemirror
value=model.policy
valueUpdated=(action (mut model.policy))
options=(hash
lineNumbers=true
tabSize=2
mode='ruby'
theme='hashi'
extraKeys=(hash
Shift-Enter=(action "savePolicy" model)
)
)
}}
<div class="box is-shadowless is-fullwidth has-short-padding">
<p class="help-text has-text-grey-dark is-size-7">
You can use Alt+Tab (Option+Tab on MacOS) in the code editor to skip to the next field
</p>
</div>
</div>
{{#each model.additionalAttrs as |attr|}}
{{form-field data-test-field attr=attr model=model}}
{{/each}}
<div class="field is-grouped is-grouped-split is-fullwidth box is-bottomless">
<div class="field is-grouped">
{{#if capabilities.canUpdate}}
<div class="control">
<button
type="submit"
disabled={{buttonDisabled}}
class="button is-primary"
data-test-policy-save=true
>
Save
</button>
</div>
{{/if}}
<div class="control">
{{#link-to "vault.cluster.policy.show" model.id replace=true class="button"}}
Cancel
{{/link-to}}
</div>
</div>
</div>
</div>
</form>