open-vault/ui/app/templates/components/pki-cert-show.hbs
Joshua Ogle 7eff7b51aa
UI: Confirm Action as a popover
* Refactors ConfirmAction implementation as a popover
* Improves copy surrounding consequences of destructive actions
* Moves 'Delete' buttons to Toolbar
2019-05-17 11:29:21 -06:00

62 lines
1.8 KiB
Handlebars

<PageHeader as |p|>
<p.top>
{{key-value-header
baseKey=(hash display=model.id id=model.idForNav)
path="vault.cluster.secrets.backend.list"
mode=mode
root=root
showCurrent=true
}}
</p.top>
<p.levelLeft>
<h1 class="title is-3" data-test-secret-header="true">
PKI Certificate
</h1>
</p.levelLeft>
</PageHeader>
<div class="box is-fullwidth is-sideless is-paddingless is-marginless">
{{message-error model=model}}
{{#each model.attrs as |attr|}}
{{#if (eq attr.type "object")}}
{{info-table-row label=(capitalize (or attr.options.label (humanize (dasherize attr.name)))) value=(stringify (get model attr.name))}}
{{else}}
{{info-table-row label=(capitalize (or attr.options.label (humanize (dasherize attr.name)))) value=(get model attr.name)}}
{{/if}}
{{/each}}
</div>
<div class="field is-grouped is-grouped-split box is-fullwidth is-bottomless">
<div class="field is-grouped">
<div class="control">
{{#copy-button
clipboardText=model.toCreds
class="button is-primary"
buttonType="button"
success=(action (set-flash-message "Credentials copied!"))
}}
Copy credentials
{{/copy-button}}
</div>
<div class="control">
{{#link-to
"vault.cluster.secrets.backend.list-root"
(query-params tab="certs")
class="button"
}}
Back
{{/link-to}}
</div>
</div>
{{#if (and (not model.revocationTime) model.canRevoke)}}
<ConfirmAction
@buttonClasses="button"
@onConfirmAction={{action "delete"}}
@confirmTitle="Revoke this cert?"
@confirmMessage="Any services using this cert may be affected."
@confirmButtonText="Revoke"
>
Revoke
</ConfirmAction>
{{/if}}
</div>