open-vault/ui/app/templates/components/tool-unwrap.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

112 lines
3.4 KiB
Handlebars

<PageHeader as |p|>
<p.levelLeft>
<h1 class="title is-3">
Unwrap data
</h1>
</p.levelLeft>
</PageHeader>
{{#if @unwrap_data}}
<div class="box is-sideless is-fullwidth is-marginless">
<nav class="tabs">
<ul>
{{! template-lint-configure no-nested-interactive "warn" }}
<li
role="tab"
aria-selected={{if (eq @unwrapActiveTab "data") "true" "false"}}
class={{if (eq @unwrapActiveTab "data") "is-active"}}
>
<button
type="button"
class="link link-plain tab has-text-weight-semibold"
{{action (mut @unwrapActiveTab) "data"}}
data-test-button-data
>
Data
</button>
</li>
<li
role="tab"
aria-selected={{if (eq @unwrapActiveTab "data") "true" "false"}}
class={{if (eq @unwrapActiveTab "details") "is-active"}}
>
<button
type="button"
class="link link-plain tab has-text-weight-semibold"
{{action (mut @unwrapActiveTab) "details"}}
data-test-button-details
>
Wrap Details
</button>
</li>
{{! template-lint-configure no-nested-interactive "on" }}
</ul>
</nav>
{{#if (eq @unwrapActiveTab "data")}}
<div class="field">
<div class="control">
<JsonEditor @title="Unwrapped Data" @value={{stringify @unwrap_data}} @options={{hash readOnly=true}} />
</div>
</div>
{{else}}
<div class="field box is-fullwidth is-shadowless is-paddingless is-marginless">
{{#each-in @details as |key detail|}}
<InfoTableRow @label={{key}} @value={{key}}>
{{#if (or (eq detail "No") (eq detail "None"))}}
<Icon @name="x-circle" class="has-text-grey" />
{{detail}}
{{else}}
{{#if (eq detail "Yes")}}
<Icon @name="check-circle" class="has-text-success" />
{{/if}}
{{detail}}
{{/if}}
</InfoTableRow>
{{/each-in}}
</div>
{{/if}}
</div>
<div class="field is-grouped box is-fullwidth is-bottomless">
<div class="control">
<CopyButton
@clipboardText={{stringify @unwrap_data}}
@class="button is-primary"
@buttonType="button"
@success={{action (set-flash-message "Data copied!")}}
>
Copy
</CopyButton>
</div>
<div class="control">
<button {{on "click" this.onClear}} type="button" class="button">
Back
</button>
</div>
</div>
{{else}}
<div class="box is-sideless is-fullwidth is-marginless">
<NamespaceReminder @mode="perform" @noun={{@selectedAction}} />
<MessageError @errors={{@errors}} />
<div class="field">
<label for="token" class="is-label">Wrapping token</label>
<div class="control">
<Input
@value={{@token}}
class="input"
id="token"
name="token"
autocomplete="off"
spellcheck="false"
data-test-tools-input="wrapping-token"
/>
</div>
</div>
</div>
<div class="field is-grouped box is-fullwidth is-bottomless">
<div class="control">
<button type="submit" data-test-tools-submit="true" class="button is-primary">
Unwrap data
</button>
</div>
</div>
{{/if}}