open-vault/ui/app/templates/components/transit-form-show.hbs
Jordan Reimer 5c2a08de6d
Ember Upgrade to 3.24 (#13443)
* Update browserslist

* Add browserslistrc

* ember-cli-update --to 3.26, fix conflicts

* Run codemodes that start with ember-*

* More codemods - before cp*

* More codemods (curly data-test-*)

* WIP ember-basic-dropdown template errors

* updates ember-basic-dropdown and related deps to fix build issues

* updates basic dropdown instances to new version API

* updates more deps -- ember-template-lint is working again

* runs no-implicit-this codemod

* creates and runs no-quoteless-attributes codemod

* runs angle brackets codemod

* updates lint:hbs globs to only touch hbs files

* removes yield only templates

* creates and runs deprecated args transform

* supresses lint error for invokeAction on LinkTo component

* resolves remaining ambiguous path lint errors

* resolves simple-unless lint errors

* adds warnings for deprecated tagName arg on LinkTo components

* adds warnings for remaining curly component invocation

* updates global template lint rules

* resolves remaining template lint errors

* disables some ember specfic lint rules that target pre octane patterns

* js lint fix run

* resolves remaining js lint errors

* fixes test run

* adds npm-run-all dep

* fixes test attribute issues

* fixes console acceptance tests

* fixes tests

* adds yield only wizard/tutorial-active template

* fixes more tests

* attempts to fix more flaky tests

* removes commented out settled in transit test

* updates deprecations workflow and adds initializer to filter by version

* updates flaky policies acl old test

* updates to flaky transit test

* bumps ember deps down to LTS version

* runs linters after main merge

* fixes client count tests after bad merge conflict fixes

* fixes client count history test

* more updates to lint config

* another round of hbs lint fixes after extending stylistic rule

* updates lint-staged commands

* removes indent eslint rule since it seems to break things

* fixes bad attribute in transform-edit-form template

* test fixes

* fixes enterprise tests

* adds changelog

* removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters

* flaky test fix

Co-authored-by: hashishaw <cshaw@hashicorp.com>
2021-12-16 20:44:29 -07:00

179 lines
6.2 KiB
Handlebars

<div class="tabs-container box is-sideless is-fullwidth is-paddingless is-marginless">
<nav class="tabs">
<ul>
<li class={{if (eq @tab "actions") "is-active"}}>
<SecretLink
@secret={{@key.id}}
@mode="show"
@replace={{true}}
@queryParams={{query-params tab="actions"}}
@data-test-transit-key-actions-link={{true}}
>
Key Actions
</SecretLink>
</li>
<li class={{if (eq @tab "details") "is-active"}}>
<SecretLink
@secret={{@key.id}}
@mode="show"
@replace={{true}}
@queryParams={{query-params tab="details"}}
@data-test-transit-link="details"
>
Details
</SecretLink>
</li>
<li class={{if (eq @tab "versions") "is-active"}}>
<SecretLink
@secret={{@key.id}}
@mode="show"
@replace={{true}}
@queryParams={{query-params tab="versions"}}
@data-test-transit-link="versions"
>
Versions
</SecretLink>
</li>
</ul>
</nav>
</div>
{{#if (not-eq @tab "actions")}}
<Toolbar>
<ToolbarActions>
{{#if (eq @tab "versions")}}
<TransitKeyActions @key={{@key}} @selectedAction="rotate" @capabilities={{@capabilities}} @onRefresh={{@refresh}} />
{{/if}}
{{#if (eq @mode "show")}}
{{#if (or @capabilities.canUpdate @capabilities.canDelete)}}
<ToolbarSecretLink @secret={{@key.id}} @mode="edit" replace={{true}}>
Edit encryption key
</ToolbarSecretLink>
{{/if}}
{{/if}}
</ToolbarActions>
</Toolbar>
{{/if}}
{{#if (eq @tab "actions")}}
<div class="transit-card-container">
{{#each @model.supportedActions as |supportedAction|}}
{{#linked-block
"vault.cluster.secrets.backend.actions"
@model.id
queryParams=(hash action=supportedAction.name)
class="transit-card"
data-test-transit-card=supportedAction.name
}}
<div class="transit-icon">
<Icon
@name={{supportedAction.glyph}}
class="has-text-grey auto-width"
aria-label={{concat @backend.path " options"}}
/>
</div>
<div class="transit-description">
<h2 class="title is-6" data-test-transit-action-title={{supportedAction.name}}>
{{#if (eq supportedAction.name "export")}}
Export Key
{{else if (eq supportedAction.name "hmac")}}
HMAC
{{else}}
{{humanize supportedAction.name}}
{{/if}}
</h2>
<p class="transit-action-description">{{supportedAction.description}}</p>
</div>
{{/linked-block}}
{{/each}}
</div>
{{else if (eq @tab "versions")}}
{{#if (or (eq @key.type "aes256-gcm96") (eq @key.type "chacha20-poly1305") (eq @key.type "aes128-gcm96"))}}
{{#each-in @key.keys as |version creationTimestamp|}}
<div class="linked-block list-item-row no-destination" data-test-transit-key-version-row={{version}}>
<div class="columns is-mobile">
<div class="column is-3">
<div class="level level-left">
<Icon @name="history" class="has-text-grey-light is-padded" />
<strong class="has-padding is-size-5">Version {{version}}</strong>
</div>
</div>
<div class="column is-4">
<div class="td is-borderless">
<small class="help has-text-grey">
{{date-from-now creationTimestamp addSuffix=true}}
</small>
</div>
</div>
<div class="column is-5">
<div class="td is-borderless">
{{#if (coerce-eq @key.minDecryptionVersion version)}}
<p class="help level level-left">
<Icon @name="check-circle-fill" class="has-text-success" />
Current minimum decryption version
</p>
{{/if}}
</div>
</div>
</div>
</div>
{{/each-in}}
{{else}}
{{#each-in @key.keys as |version meta|}}
<div class="linked-block list-item-row" data-test-transit-key-version-row={{version}}>
<div class="columns is-mobile">
<div class="column is-3">
<div class="level level-left">
<Icon @name="history" class="has-text-grey-light is-padded" />
<strong class="has-padding is-size-5">Version {{version}}</strong>
</div>
</div>
<div class="column is-4">
<div class="td is-borderless">
<small class="help has-text-grey">
{{date-from-now meta.creation_time addSuffix=true}}
</small>
</div>
</div>
<div class="column is-4">
<div class="td is-borderless">
{{#if (coerce-eq @key.minDecryptionVersion version)}}
<p class="help level level-left">
<Icon @name="check-circle-fill" class="has-text-success" />
Current minimum decryption version
</p>
{{/if}}
</div>
</div>
<div class="column is-1 is-flex-end">
<PopupMenu name="secret-menu">
<nav class="menu">
<ul class="menu-list">
<li class="action">
<CopyButton
@clipboardText={{meta.public_key}}
@class="link button is-transparent"
@buttonType="button"
@success={{action (set-flash-message "Public key copied!")}}
>
Copy Public Key
</CopyButton>
</li>
</ul>
</nav>
</PopupMenu>
</div>
</div>
</div>
{{/each-in}}
{{/if}}
{{else}}
<InfoTableRow @label="Type" @value={{@key.type}} />
<InfoTableRow @label="Deletion allowed" @value={{stringify @key.deletionAllowed}} />
{{#if @key.derived}}
<InfoTableRow @label="Derived" @value={{@key.derived}} />
<InfoTableRow @label="Convergent encryption" @value={{@key.convergentEncryption}} />
{{/if}}
{{/if}}