vault/ui/app/templates/components/console/command-input.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

27 lines
1010 B
Handlebars

<div class="console-ui-input" data-test-component="console/command-input">
{{#if isRunning}}
<div class="control console-spinner is-loading"></div>
{{else}}
<Chevron />
{{/if}}
<input onkeyup={{action 'handleKeyUp'}} value={{value}} autocomplete="off" spellcheck="false" />
<ToolTip @horizontalPosition="auto-right" @verticalPosition={{if isFullscreen "above" "below"}} as |d|>
<d.trigger @tagName="button" @type="button" @class={{concat "button is-compact" (if isFullscreen " active")}} @click={{action "fullscreen"}} @data-test-tool-tip-trigger={{true}}>
<Icon
@name={{if isFullscreen "minimize" "maximize"}}
aria-label={{if isFullscreen "Minimize" "Maximize"}}
/>
</d.trigger>
<d.content @class="tool-tip">
<div class="box">
{{#if isFullscreen}}
Minimize
{{else}}
Maximize
{{/if}}
</div>
</d.content>
</ToolTip>
</div>
<NamespaceReminder @class="console-reminder" @mode="execute" @noun="command" />