7eff7b51aa
* Refactors ConfirmAction implementation as a popover * Improves copy surrounding consequences of destructive actions * Moves 'Delete' buttons to Toolbar
97 lines
2.9 KiB
Handlebars
97 lines
2.9 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">/</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>
|
|
<ToolbarLink
|
|
@params={{array 'vault.cluster.policy.show' model.id}}
|
|
@data-test-policy-edit-toggle=true
|
|
>
|
|
Back to policy
|
|
</ToolbarLink>
|
|
<div class="toolbar-separator" />
|
|
{{#if (and (not-eq model.id "default") capabilities.canDelete)}}
|
|
<ConfirmAction
|
|
@buttonClasses="toolbar-link"
|
|
@confirmMessage="This may affect access to Vault data."
|
|
@onConfirmAction={{action "deletePolicy" model}}
|
|
data-test-policy-delete="true"
|
|
>
|
|
Delete
|
|
</ConfirmAction>
|
|
{{/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>
|