716f25162a
* add initial Confirm component to secrets list page * use ember-wormholes to render confirmation message * use maybe-in-element instead of ember-wormhole * hide overlay initially * animate confirm overlay left and right on click * hide overlay in the DOM to properly set height * adjust height when showing/hiding confirm-overlay * disable confirmation buttons until trigger has been rendered * adjust height of confirm-wrapper instead of confirm * move Confirm/ to core * only add style attribute when a height property exists * fix indentation * wip - use new Confirm inside status menu * add Confirm to Storybook * ensure confirm links have proper styling in Storybook and outside popup-menu * fix height transition * disable no-inline-styles * add test selector * remove comment * consolidate Message into Trigger to make Confirm easier to use * use new Trigger API in status menu * remove height transition * fix binding inline style warning * rename confirmMessage to message * update Confirm for Storybook * fix indentation * do not pass in onCancel from outer template because it is static * add jsdoc comments to Trigger * wip - add trigger and confirm to storybook * fix status menu styling * fix styling of confirm stories * use new Confirm on secrets engine list * use bulma speed variable * fix indentation * re-renable eslint no-inline-styles * showConfirm when rendered trigger matches id * fix background color on namespace picker * do not expose onTrigger * Revert "re-renable eslint no-inline-styles" This reverts commit c7b2a9097f177a2876afaaec6020f73b07bad3c7. * rename Confirm Trigger to Message * add tests * update JSDocs * focus trigger after cancelling the confirm message * update Confirm JSDocs * differentiate between ConfirmAction and Confirm * add Message to Storybook * re-enable eslint import/extensions * update confirmButtonText to Revoke token * remove linebreak and extra whitespace * fix typo * add loading to empty button * fix more typos * only show Message contents when showConfirm is true * no need to disable the confirm buttons since they only render in the DOM when showConfirm is true * use Confirm to delete aws roles * use Confirm to delete pki roles * use Confirm to delete ssh roles * add Confirm to entity alias page * fix confirm button text on Revoke token in status menu * ensure you can use tab to revoke a token from status menu * reset the open trigger after the confirm has been confirmed * use Confirm on identity list pages * fix Disable engine confirmation text * use <PopupMenu /> angle brack syntax * use Confirm on policies list page * use Confirm for namespaces * use Confirm for kmip scopes * use Confirm for deleting kmip roles * use Confirm for revoking KMIP credentials * fix Revoke token triggerText
66 lines
2.5 KiB
Handlebars
66 lines
2.5 KiB
Handlebars
<Confirm as |c|>
|
|
<div class="popup-menu-content">
|
|
<div class="box">
|
|
<div class="menu-label">
|
|
{{auth.authData.displayName}}
|
|
</div>
|
|
<nav class="menu">
|
|
<ul class="menu-list">
|
|
{{#if canExpire}}
|
|
<li class="action">
|
|
<AlertBanner @type="warning" @message="We've stopped auto-renewing your token due to inactivity.
|
|
It will expire in {{date-from-now auth.tokenExpirationDate interval=1000 hideSuffix=true}}.
|
|
on {{date-format auth.tokenExpirationDate 'MMMM Do YYYY, h:mm:ss a'}}" />
|
|
</li>
|
|
{{/if}}
|
|
<li class="action">
|
|
<button type="button" class="link" onclick={{action "restartGuide"}}>
|
|
Restart guide
|
|
</button>
|
|
</li>
|
|
<li class="action">
|
|
<CopyButton @clipboardText={{auth.currentToken}} class="link" @buttonType="button" @success={{action (set-flash-message 'Token copied!')}}>
|
|
Copy token
|
|
</CopyButton>
|
|
</li>
|
|
{{#if (is-before (now interval=1000) auth.tokenExpirationDate)}}
|
|
{{#if auth.authData.renewable}}
|
|
<li class="action">
|
|
<button type="button" {{action "renewToken"}} class="link button {{if isRenewing 'is-loading'}}">
|
|
Renew token
|
|
</button>
|
|
</li>
|
|
<li class="action">
|
|
<c.Message
|
|
@id={{get auth 'authData.displayName'}}
|
|
@title={{concat "Revoke " (get auth 'authData.displayName') "?"}}
|
|
@onConfirm={{action "revokeToken"}}
|
|
@message="You will not be able to log in again with this token."
|
|
@triggerText="Revoke token"
|
|
@confirmButtonText='Revoke'
|
|
/>
|
|
</li>
|
|
{{else}}
|
|
<li class="action text-right">
|
|
<c.Message
|
|
@id={{get auth 'authData.displayName'}}
|
|
@title={{concat "Revoke " (get auth 'authData.displayName') "?"}}
|
|
@onConfirm={{action "revokeToken"}}
|
|
@message="You will not be able to log in again with this token."
|
|
@triggerText="Revoke token"
|
|
@confirmButtonText='Revoke'
|
|
/>
|
|
</li>
|
|
{{/if}}
|
|
{{/if}}
|
|
<li class="action">
|
|
{{#link-to "vault.cluster.logout" activeClusterName id="logout" class="is-destroy" invokeAction=onLinkClick}}
|
|
Sign out
|
|
{{/link-to}}
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</Confirm>
|