vault/ui/app/components/tools/rewrap.hbs
claire bontempo 4617af328b
UI: Refactor tool actions form (#27406)
* rename wrap test

* refactor tool hash component

* whoops fix component syntax

* random refactor

* rewrap component

* unwrap component

* lookup refactor

* wrap refactor

* update selectors

* delete tool action form component

* co-locate templates

* Revert "co-locate templates"

This reverts commit c52bb9875284a4ee78c773c794f4fe572ae7a7f4.

* fix component jsdoc syntax

* rename tracked property

* rename rewrap token input selector

* remove parseint now that input is typed as a number

* nvm convert to number

* co-locate templates

* move to tools/ folder

* add flash message to test
2024-06-11 01:47:36 +00:00

56 lines
1.8 KiB
Handlebars

{{!
Copyright (c) HashiCorp, Inc.
SPDX-License-Identifier: BUSL-1.1
~}}
<PageHeader as |p|>
<p.levelLeft>
<h1 class="title is-3">
Rewrap Token
</h1>
</p.levelLeft>
</PageHeader>
{{#if this.rewrappedToken}}
<div class="box is-sideless is-fullwidth is-marginless">
<div class="field">
<label class="is-label">Rewrapped token</label>
<Hds::Copy::Snippet
@textToCopy={{this.rewrappedToken}}
@color="secondary"
data-test-tools-input="rewrapped-token"
@onError={{fn (set-flash-message "Clipboard copy failed. The Clipboard API requires a secure context." "danger")}}
/>
</div>
</div>
<div class="field is-grouped box is-fullwidth is-bottomless">
<Hds::Button @text="Done" @color="secondary" {{on "click" this.reset}} data-test-button="Done" />
</div>
{{else}}
<form {{on "submit" this.handleSubmit}}>
<div class="box is-sideless is-fullwidth is-marginless">
<NamespaceReminder @mode="perform" @noun="rewrap" />
<MessageError @errorMessage={{this.errorMessage}} />
<div class="field">
<label for="token" class="is-label">Wrapped token</label>
<div class="has-text-grey is-size-8 has-bottom-margin-xs">
Enter your wrapped token here to rewrap it and refresh its TTL.
</div>
<div class="control">
<Input
@value={{this.originalToken}}
class="input"
id="token"
name="token"
data-test-tools-input="original-token"
/>
</div>
</div>
</div>
<div class="field is-grouped box is-fullwidth is-bottomless">
<div class="control">
<Hds::Button @text="Rewrap token" type="submit" data-test-tools-submit />
</div>
</div>
</form>
{{/if}}