vault/ui/app/templates/components/json-editor.hbs
Jordan Reimer d8112714cf
Incorporate Ember Flight Icons (#12976)
* adds ember-flight-icons dependecy

* adds inline-json-import babel plugin

* adds flight icon styling

* updates Icon component to support flight icons

* updates Icon component usages to new api and updates name values to flight icon set when available

* fixes tests

* updates icon story with flight mappings and fixes issue with flight icons not rendering in storybook

* adds changelog

* fixes typo in sign action glyph name in transit-key model

* adds comments to icon-map

* updates Icon component to use only supported flight icon sizes

* adds icon transform codemod

* updates icon transform formatting to handle edge case

* runs icon transform on templates

* updates Icon usage in toolbar-filter md and story

* updates tests
2021-12-07 10:05:14 -07:00

36 lines
1020 B
Handlebars

<div ...attributes>
{{#if this.getShowToolbar }}
<div data-test-component="json-editor-toolbar">
<Toolbar>
<label class="is-label" data-test-component="json-editor-title">
{{@title}}
{{#if @subTitle }}
<span class="is-size-9 is-lowercase has-text-grey">({{ @subTitle }})</span>
{{/if}}
</label>
<ToolbarActions>
{{yield}}
<div class="toolbar-separator"></div>
<CopyButton class="button is-transparent" @clipboardText={{@value}}
@buttonType="button" @success={{action (set-flash-message 'Data copied!')}}>
<Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton>
</ToolbarActions>
</Toolbar>
</div>
{{/if}}
{{ivy-codemirror
data-test-component="json-editor"
value=@value
options=this.options
valueUpdated=(action "updateValue")
onFocusOut=(action "onFocus")
}}
{{#if @helpText }}
<div class="box is-shadowless is-fullwidth has-short-padding">
<p class="sub-text">{{ @helpText }}</p>
</div>
{{/if}}
</div>