open-vault/ui/app/templates/components/transformation-edit.hbs
Jordan Reimer 05f6b0ae97
Tool Tip Styling Issue (#14064)
* updates dropdown transform codemod to apply @defaultClass arg to Content component

* runs codemod and transforms class to @defaultClass on basic dropdown Content component

* adds changelog entry

* removes changelog entry
2022-02-15 10:43:37 -07:00

123 lines
3.9 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<PageHeader as |p|>
<p.top>
<KeyValueHeader
@baseKey={{this.model}}
@path="vault.cluster.secrets.backend.list"
@mode={{this.mode}}
@root={{this.root}}
@showCurrent={{true}}
/>
</p.top>
<p.levelLeft>
<h1 class="title is-3" data-test-secret-header="true">
{{#if (eq this.mode "create")}}
Create transformation
{{else if (eq this.mode "edit")}}
Edit transformation
{{else}}
Transformation
<code>{{this.model.id}}</code>
{{/if}}
</h1>
</p.levelLeft>
</PageHeader>
{{#if (eq this.mode "show")}}
<Toolbar>
<ToolbarActions>
{{#if this.capabilities.canDelete}}
{{#if (gt this.model.allowed_roles.length 0)}}
<ToolTip @verticalPosition="above" @horizontalPosition="center" as |T|>
<T.Trigger @tabindex="-1">
<button class="toolbar-link" aria-disabled="true" type="button" disabled>
Delete transformation
</button>
</T.Trigger>
<T.Content @defaultClass="tool-tip">
<div class="box">
This transformation is in use by a role and cant be deleted.
</div>
</T.Content>
</ToolTip>
{{else}}
<button class="toolbar-link" onclick={{action (mut this.isDeleteModalActive) true}} type="button">
Delete transformation
</button>
{{/if}}
<div class="toolbar-separator"></div>
{{/if}}
{{#if this.capabilities.canUpdate}}
{{#if (gt this.model.allowed_roles.length 0)}}
<button
class="toolbar-link"
onclick={{action (mut this.isEditModalActive) true}}
type="button"
data-test-edit-link
>
Edit transformation
</button>
{{else}}
<ToolbarSecretLink @secret={{this.model.id}} @mode="edit" @data-test-edit-link={{true}} @replace={{true}}>
Edit transformation
</ToolbarSecretLink>
{{/if}}
{{/if}}
</ToolbarActions>
</Toolbar>
{{/if}}
{{#if (eq this.mode "edit")}}
<TransformEditForm @mode={{this.mode}} @model={{this.model}} />
{{else if (eq this.mode "create")}}
<TransformCreateForm @mode={{this.mode}} @model={{this.model}} />
{{else}}
<TransformShowTransformation @model={{this.model}} />
{{/if}}
<ConfirmationModal
@title="Delete transformation"
@onClose={{action (mut this.isDeleteModalActive) false}}
@isActive={{this.isDeleteModalActive}}
@confirmText={{this.model.name}}
@toConfirmMsg="deleting the transformation."
@onConfirm={{action "delete"}}
>
<p class="has-bottom-margin-m">
Deleting the
<strong>{{this.model.name}}</strong>
transformation means that the underlying keys are lost and the data encoded by the transformation are unrecoverable and
cannot be decoded.
</p>
<MessageError @model={{this.model}} @errorMessage={{this.error}} />
</ConfirmationModal>
<Modal
@title="Edit transformation"
@onClose={{action (mut this.isEditModalActive) false}}
@isActive={{this.isEditModalActive}}
@type="warning"
@showCloseButton={{true}}
>
<section class="modal-card-body">
<p>
Youre editing a transformation that is in use by at least one role. Editing it may mean that encode and decode
operations stop working. Are you sure?
</p>
</section>
<footer class="modal-card-foot modal-card-foot-outlined">
{{! template-lint-configure no-unknown-arguments-for-builtin-components "warn" }}
<LinkTo
@route="vault.cluster.secrets.backend.edit"
@model={{this.model.id}}
@tagName="button"
class="button is-primary"
data-test-edit-confirm-button={{true}}
>
Confirm
</LinkTo>
{{! template-lint-configure no-unknown-arguments-for-builtin-components "on" }}
<button type="button" class="button is-secondary" onclick={{action (mut this.isEditModalActive) false}}>
Cancel
</button>
</footer>
</Modal>