91 lines
2.9 KiB
Handlebars
91 lines
2.9 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>
|
|
<li role="tab" aria-selected={{if (eq unwrapActiveTab "data") "true" "false"}} class="{{if (eq unwrapActiveTab "data") "is-active"}}">
|
|
<button class="link link-plain tab has-text-weight-semibold" {{action (mut unwrapActiveTab)}}>Data</button>
|
|
</li>
|
|
<li role="tab" aria-selected={{if (eq unwrapActiveTab "data") "true" "false"}} class="{{if (eq unwrapActiveTab "details") "is-active"}}">
|
|
<button class="link link-plain tab has-text-weight-semibold" {{action (mut unwrapActiveTab) "details"}}>Wrap Details</button>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
{{#if (eq unwrapActiveTab "data")}}
|
|
<div class="field">
|
|
<div class="control">
|
|
{{json-editor
|
|
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|}}
|
|
{{#info-table-row label=key value=key}}
|
|
{{#if (or (eq detail "No") (eq detail "None"))}}
|
|
<ICon @class=has-text-grey @size="16" @glyph="cancel-square-outline" /> {{detail}}
|
|
{{else}}
|
|
{{#if (eq detail "Yes") }}
|
|
<ICon @class="has-text-success" @size="16" @glyph="checkmark-circled-outline" />
|
|
{{/if}}
|
|
{{detail}}
|
|
{{/if}}
|
|
{{/info-table-row}}
|
|
{{/each-in}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="field is-grouped box is-fullwidth is-bottomless">
|
|
<div class="control">
|
|
{{#copy-button
|
|
clipboardText=(stringify unwrap_data)
|
|
class="button is-primary"
|
|
buttonType="button"
|
|
success=(action (set-flash-message 'Data copied!'))
|
|
}}
|
|
Copy
|
|
{{/copy-button}}
|
|
</div>
|
|
<div class="control">
|
|
<button {{action 'onClear'}} type="button" class="button">
|
|
Back
|
|
</button>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="box is-sideless is-fullwidth is-marginless">
|
|
<NamespaceReminder @mode="perform" @noun={{selectedAction}} />
|
|
{{message-error 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"
|
|
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}}
|