luxolus
/
open-vault
2
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

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
This commit is contained in:
Jordan Reimer 2021-12-07 10:05:14 -07:00 committed by GitHub
parent 8f7dd0c291
commit c1df15e790
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
169 changed files with 837 additions and 412 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
changelog/12976.txt Normal file
View File

@ -0,0 +1,3 @@
```release-note:improvement
ui: Adds flight icons to UI
```

4
ui/.storybook/config.js
View File

@ -1,6 +1,7 @@
import { configure, addParameters, addDecorator } from '@storybook/ember'; import { configure, addParameters, addDecorator } from '@storybook/ember';
import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'; import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
import theme from './theme.js'; import theme from './theme.js';
import flightIconSprite from '@hashicorp/flight-icons/svg-sprite/svg-sprite-module';
function loadStories() { function loadStories() {
// automatically import all files ending in *.stories.js // automatically import all files ending in *.stories.js
@ -18,6 +19,9 @@ addParameters({
addDecorator(storyFn => { addDecorator(storyFn => {
const { template, context } = storyFn(); const { template, context } = storyFn();
// flight icon sprite must be inserted into dom for icon lookup via use element
document.getElementById('root').insertAdjacentHTML('afterbegin', flightIconSprite.trim());
// This adds styling to the Canvas tab. // This adds styling to the Canvas tab.
const styles = { const styles = {
style: { style: {

2
ui/app/components/regex-validator.hbs
View File

@ -57,7 +57,7 @@
<AlertInline @type="danger" @message="Your regex doesn't match the subject string" /> <AlertInline @type="danger" @message="Your regex doesn't match the subject string" />
{{else}} {{else}}
<div class="message-inline"> <div class="message-inline">
<Icon @glyph="check-circle-fill" class="has-text-success" aria-hidden="true" /> <Icon @name="check-circle-fill" class="has-text-success" />
<p data-test-inline-success-message>Your regex matches the subject string</p> <p data-test-inline-success-message>Your regex matches the subject string</p>
</div> </div>
{{/if}} {{/if}}

9
ui/app/components/status-menu.js
View File

@ -11,10 +11,9 @@ export default Component.extend({
type: 'cluster', type: 'cluster',
itemTag: null, itemTag: null,
glyphName: computed('type', function() { glyphName: computed('type', function() {
const glyphs = { return {
cluster: 'status-indicator', cluster: 'circle-dot',
user: 'user-square-outline', user: 'user',
}; }[this.type];
return glyphs[this.type];
}), }),
}); });

2
ui/app/components/toolbar-secret-link.js
View File

@ -23,7 +23,7 @@ import { computed } from '@ember/object';
export default OuterHTML.extend({ export default OuterHTML.extend({
glyph: computed('type', function() { glyph: computed('type', function() {
if (this.type == 'add') { if (this.type == 'add') {
return 'plus-plain'; return 'plus';
} else { } else {
return 'chevron-right'; return 'chevron-right';
} }

22
ui/app/models/transit-key.js
View File

@ -8,12 +8,12 @@ const ACTION_VALUES = {
encrypt: { encrypt: {
isSupported: 'supportsEncryption', isSupported: 'supportsEncryption',
description: 'Looks up wrapping properties for the given token', description: 'Looks up wrapping properties for the given token',
glyph: 'lock-closed', glyph: 'lock-fill',
}, },
decrypt: { decrypt: {
isSupported: 'supportsDecryption', isSupported: 'supportsDecryption',
description: 'Decrypts the provided ciphertext using this key', description: 'Decrypts the provided ciphertext using this key',
glyph: 'envelope-unsealed--outline', glyph: 'mail-open',
}, },
datakey: { datakey: {
isSupported: 'supportsEncryption', isSupported: 'supportsEncryption',
@ -23,20 +23,28 @@ const ACTION_VALUES = {
rewrap: { rewrap: {
isSupported: 'supportsEncryption', isSupported: 'supportsEncryption',
description: 'Rewraps the ciphertext using the latest version of the named key', description: 'Rewraps the ciphertext using the latest version of the named key',
glyph: 'refresh-default', glyph: 'reload',
}, },
sign: { sign: {
isSupported: 'supportsSigning', isSupported: 'supportsSigning',
description: 'Get the cryptographic signature of the given data', description: 'Get the cryptographic signature of the given data',
glyph: 'edit', glyph: 'pencil-tool',
},
hmac: {
isSupported: true,
description: 'Generate a data digest using a hash algorithm',
glyph: 'shuffle',
}, },
hmac: { isSupported: true, description: 'Generate a data digest using a hash algorithm', glyph: 'remix' },
verify: { verify: {
isSupported: true, isSupported: true,
description: 'Validate the provided signature for the given data', description: 'Validate the provided signature for the given data',
glyph: 'check-circle-outline', glyph: 'check-circle',
},
export: {
isSupported: 'exportable',
description: 'Get the named key',
glyph: 'external-link',
}, },
export: { isSupported: 'exportable', description: 'Get the named key', glyph: 'exit' },
}; };
export default Model.extend({ export default Model.extend({

2
ui/app/styles/components/console-ui-panel.scss
View File

@ -106,7 +106,7 @@
margin-left: calc(#{$console-spacing} - 0.33rem); margin-left: calc(#{$console-spacing} - 0.33rem);
position: relative; position: relative;
.hs-icon { svg {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;

7
ui/app/styles/components/hs-icon.scss → ui/app/styles/components/icon.scss
View File

@ -43,3 +43,10 @@
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
.flight-icon {
&.flight-icon-display-inline {
vertical-align: middle;
margin: 0px 4px;
}
}

2
ui/app/styles/core.scss
View File

@ -120,4 +120,4 @@
@import './components/vlt-table'; @import './components/vlt-table';
// bulma-free-zone // bulma-free-zone
@import './components/hs-icon'; @import './components/icon';

8
ui/app/templates/components/alert-popup.hbs
View File

@ -3,16 +3,12 @@
<div class="column is-narrow message-icon"> <div class="column is-narrow message-icon">
<Icon <Icon
aria-hidden="true" aria-hidden="true"
@size="l" @name={{type.glyph}}
@glyph="{{type.glyph}}"
/> />
</div> </div>
<div class="column"> <div class="column">
<button type="button" class="close-button" {{action close}}> <button type="button" class="close-button" {{action close}}>
<Icon <Icon @name="x" aria-label="Close" />
@glyph="cancel-plain"
@aria-label="Close"
/>
</button> </button>
<div class="message-title"> <div class="message-title">
{{type.text}} {{type.text}}

8
ui/app/templates/components/cluster-info.hbs
View File

@ -27,7 +27,7 @@
<LinkTo @route="vault.cluster.replication" @invokeAction={{@onLinkClick}}> <LinkTo @route="vault.cluster.replication" @invokeAction={{@onLinkClick}}>
<div class="level is-mobile"> <div class="level is-mobile">
<span class="level-left">Enable</span> <span class="level-left">Enable</span>
<Icon @glyph="plus-circle-outline" @class="has-text-grey-light level-right" /> <Icon @name="plus-circle" class="has-text-grey-light level-right" />
</div> </div>
</LinkTo> </LinkTo>
</li> </li>
@ -66,14 +66,14 @@
<LinkTo @route="vault.cluster.settings.seal" @model={{@cluster.name}} @invokeAction={{@onLinkClick}}> <LinkTo @route="vault.cluster.settings.seal" @model={{@cluster.name}} @invokeAction={{@onLinkClick}}>
<div class="level is-mobile"> <div class="level is-mobile">
<span class="level-left">Unsealed</span> <span class="level-left">Unsealed</span>
<Icon @glyph="check-circle-outline" class="has-text-success level-right" /> <Icon @name="check-circle" class="has-text-success level-right" />
</div> </div>
</LinkTo> </LinkTo>
{{else}} {{else}}
<span class="menu-item"> <span class="menu-item">
<div class="level is-mobile"> <div class="level is-mobile">
<span class="level-left">Unsealed</span> <span class="level-left">Unsealed</span>
<Icon @glyph="check-circle-outline" class="has-text-success level-right" /> <Icon @name="check-circle" class="has-text-success level-right" />
</div> </div>
</span> </span>
{{/if}} {{/if}}
@ -81,7 +81,7 @@
<span class="menu-item"> <span class="menu-item">
<div class="level is-mobile"> <div class="level is-mobile">
<span class="level-left has-text-danger">Sealed</span> <span class="level-left has-text-danger">Sealed</span>
<Icon @glyph="cancel-circle-outline" class="has-text-danger level-right" /> <Icon @name="x-circle" class="has-text-danger level-right" />
</div> </div>
</span> </span>
{{/if}} {{/if}}

5
ui/app/templates/components/console/command-input.hbs
View File

@ -7,7 +7,10 @@
<input onkeyup={{action 'handleKeyUp'}} value={{value}} autocomplete="off" spellcheck="false" /> <input onkeyup={{action 'handleKeyUp'}} value={{value}} autocomplete="off" spellcheck="false" />
<ToolTip @horizontalPosition="auto-right" @verticalPosition={{if isFullscreen "above" "below"}} as |d|> <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}}> <d.trigger @tagName="button" @type="button" @class={{concat "button is-compact" (if isFullscreen " active")}} @click={{action "fullscreen"}} @data-test-tool-tip-trigger={{true}}>
<Icon @size="l" @glyph={{if isFullscreen "expand-less" "expand-more"}} aria-label={{if isFullscreen "Minimize" "Maximize"}} /> <Icon
@name={{if isFullscreen "minimize" "maximize"}}
aria-label={{if isFullscreen "Minimize" "Maximize"}}
/>
</d.trigger> </d.trigger>
<d.content @class="tool-tip"> <d.content @class="tool-tip">
<div class="box"> <div class="box">

2
ui/app/templates/components/console/log-command.hbs
View File

@ -1,2 +1,2 @@
{{!-- using Icon here instead of Chevron because two nested tagless components results in a rendered line break between the tags breaking the layout in the <pre> --}} {{!-- using Icon here instead of Chevron because two nested tagless components results in a rendered line break between the tags breaking the layout in the <pre> --}}
<pre class="console-ui-command"><Icon @glyph="chevron-right" aria-hidden="true" />{{content}}</pre> <pre class="console-ui-command"><Icon @name="chevron-right" />{{content}}</pre>

2
ui/app/templates/components/console/log-error-with-html.hbs
View File

@ -1,5 +1,5 @@
{{! template-lint-disable no-triple-curlies}} {{! template-lint-disable no-triple-curlies}}
<div class="console-ui-alert has-text-danger"> <div class="console-ui-alert has-text-danger">
<Icon @glyph="cancel-circle-fill" aria-hidden="true" /> <Icon @name="x-circle-fill" />
<pre>{{{content}}}</pre> <pre>{{{content}}}</pre>
</div> </div>

2
ui/app/templates/components/console/log-error.hbs
View File

@ -1,4 +1,4 @@
<div class="console-ui-alert has-text-danger"> <div class="console-ui-alert has-text-danger">
<Icon @glyph="cancel-circle-fill" aria-hidden="true" /> <Icon @name="x-circle-fill" />
<pre>{{content}}</pre> <pre>{{content}}</pre>
</div> </div>

2
ui/app/templates/components/console/log-help.hbs
View File

@ -1,5 +1,5 @@
<div class="console-ui-alert has-text-grey"> <div class="console-ui-alert has-text-grey">
<Icon @glyph="info-circle-fill" aria-hidden="true" /> <Icon @name="info" />
<pre>Usage: vault &lt;command&gt; [args] <pre>Usage: vault &lt;command&gt; [args]
Commands: Commands:

2
ui/app/templates/components/console/log-success.hbs
View File

@ -1,4 +1,4 @@
<div class="console-ui-alert has-text-success"> <div class="console-ui-alert has-text-success">
<Icon @glyph="check-circle-fill" aria-hidden="true" /> <Icon @name="check-circle-fill" />
<pre>{{content}}</pre> <pre>{{content}}</pre>
</div> </div>

2
ui/app/templates/components/console/ui-panel.hbs
View File

@ -1,5 +1,5 @@
<button type="button" class="button is-ghost console-close-button" {{action "closeConsole"}}> <button type="button" class="button is-ghost console-close-button" {{action "closeConsole"}}>
<Icon @glyph="cancel-plain" aria-label="Close console" /> <Icon @name="x" aria-label="Close console" />
</button> </button>
<div class="console-ui-panel-content"> <div class="console-ui-panel-content">
<div class="content"> <div class="content">

6
ui/app/templates/components/control-group.hbs
View File

@ -2,7 +2,7 @@
<MessageError @model={{model}} /> <MessageError @model={{model}} />
<div class="control-group-header {{if isSuccess 'is-success'}}"> <div class="control-group-header {{if isSuccess 'is-success'}}">
<p> <p>
<Icon @glyph={{if isSuccess "check-circle-fill" "lock-closed"}} /> <Icon @name={{if isSuccess "check-circle-fill" "lock-fill"}} />
<strong data-test-banner-prefix>{{bannerPrefix}}</strong> <strong data-test-banner-prefix>{{bannerPrefix}}</strong>
<span data-test-banner-text>{{bannerText}}</span> <span data-test-banner-text>{{bannerText}}</span>
</p> </p>
@ -42,7 +42,7 @@
<div class="authorizations" data-test-authorizations> <div class="authorizations" data-test-authorizations>
{{#if (gt model.authorizations.length 0)}} {{#if (gt model.authorizations.length 0)}}
<span class="has-text-success"> <span class="has-text-success">
<Icon @glyph="check-circle-outline" /> <Icon @name="check-circle" />
</span> </span>
Already approved by Already approved by
{{#each model.authorizations as |authorization index|}} {{#each model.authorizations as |authorization index|}}
@ -54,7 +54,7 @@
{{/each}} {{/each}}
{{else}} {{else}}
<span class="has-text-grey"> <span class="has-text-grey">
<Icon @glyph="check-circle-outline" /> <Icon @name="check-circle" />
</span> </span>
Awaiting authorization. Awaiting authorization.
{{/if}} {{/if}}

2
ui/app/templates/components/database-connection.hbs
View File

@ -304,7 +304,7 @@
<EmptyState <EmptyState
@title="Database type unavailable" @title="Database type unavailable"
@subTitle="Not supported in the UI" @subTitle="Not supported in the UI"
@icon="disabled" @icon="skip"
@message="This database type cannot be viewed in the UI. You will have to use the API or CLI to perform actions here." @message="This database type cannot be viewed in the UI. You will have to use the API or CLI to perform actions here."
@bottomBorder={{true}} @bottomBorder={{true}}
> >

4
ui/app/templates/components/file-to-array-buffer.hbs
View File

@ -9,7 +9,7 @@
<label class="file-label"> <label class="file-label">
<input class="file-input" type="file" onchange={{action "pickedFile"}} data-test-file-input> <input class="file-input" type="file" onchange={{action "pickedFile"}} data-test-file-input>
<span class="file-cta button"> <span class="file-cta button">
<Icon @glyph="upload" class="has-light-grey-text" /> <Icon @name="upload" class="has-light-grey-text" />
Choose a file… Choose a file…
</span> </span>
<span class="file-name has-text-grey-dark" data-test-text-file-input-label=true> <span class="file-name has-text-grey-dark" data-test-text-file-input-label=true>
@ -17,7 +17,7 @@
</span> </span>
{{#if this.fileName}} {{#if this.fileName}}
<button type="button" class="file-delete-button" {{action 'clearFile'}} data-test-text-clear> <button type="button" class="file-delete-button" {{action 'clearFile'}} data-test-text-clear>
<Icon @glyph="cancel-circle-outline" /> <Icon @name="x-circle" />
</button> </button>
{{/if}} {{/if}}
</label> </label>

2
ui/app/templates/components/generate-credentials-database.hbs
View File

@ -24,7 +24,7 @@
<EmptyState <EmptyState
@title={{errorTitle}} @title={{errorTitle}}
@subTitle="Error {{@model.errorHttpStatus}}" @subTitle="Error {{@model.errorHttpStatus}}"
@icon="alert-circle-outline" @icon="alert-circle"
@bottomBorder={{true}} @bottomBorder={{true}}
@message={{@model.errorMessage}} @message={{@model.errorMessage}}
> >

2
ui/app/templates/components/generated-item-list.hbs
View File

@ -68,7 +68,7 @@
<ListItem @linkParams={{array "vault.cluster.access.method.item.show" <ListItem @linkParams={{array "vault.cluster.access.method.item.show"
itemType list.item.id}} as |Item|> itemType list.item.id}} as |Item|>
<Item.content> <Item.content>
<Icon @glyph="folder-outline" class="has-text-grey-light" @size="l" />{{list.item.id}} <Icon @name="folder" class="has-text-grey-light" />{{list.item.id}}
</Item.content> </Item.content>
<Item.menu as |Menu|> <Item.menu as |Menu|>
<li class="action"> <li class="action">

2
ui/app/templates/components/hover-copy-button.hbs
View File

@ -6,7 +6,7 @@
@clipboardText={{copyValue}} @clipboardText={{copyValue}}
@success={{action (mut tooltipText) "Copied!"}} @success={{action (mut tooltipText) "Copied!"}}
> >
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</T.trigger> </T.trigger>
<T.content @class="tool-tip"> <T.content @class="tool-tip">

8
ui/app/templates/components/identity/item-aliases.hbs
View File

@ -7,10 +7,10 @@
}} }}
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-10"> <div class="column is-10">
<LinkTo @route="vault.cluster.access.identity.aliases.show" @models={{array item.id "details"}} class="has-text-black has-text-weight-semibold"><Icon <LinkTo @route="vault.cluster.access.identity.aliases.show" @models={{array item.id "details"}} class="has-text-black has-text-weight-semibold">
@glyph="user-square-outline" <Icon @name="user" class="has-text-grey-light" />
class="has-text-grey-light" <span class="has-text-weight-semibold">{{item.name}}</span>
/><span class="has-text-weight-semibold">{{item.name}}</span></LinkTo> </LinkTo>
<div class="has-text-grey"> <div class="has-text-grey">
{{item.id}} {{item.id}}
</div> </div>

4
ui/app/templates/components/identity/item-groups.hbs
View File

@ -2,7 +2,7 @@
{{#each @model.directGroupIds as |gid|}} {{#each @model.directGroupIds as |gid|}}
<LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="list-item-row"> <LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="list-item-row">
<Icon <Icon
@glyph="folder-outline" @name="folder"
class="has-text-grey-light" class="has-text-grey-light"
/>{{gid}} />{{gid}}
</LinkTo> </LinkTo>
@ -14,7 +14,7 @@
}} }}
<LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="has-text-black"> <LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="has-text-black">
<Icon <Icon
@glyph="folder-outline" @name="folder"
class="has-text-grey-light" class="has-text-grey-light"
/>{{gid}} />{{gid}}
</LinkTo> </LinkTo>

12
ui/app/templates/components/identity/item-members.hbs
View File

@ -9,10 +9,9 @@
}} }}
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-10"> <div class="column is-10">
<LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="is-block has-text-black has-text-weight-semibold"><Icon <LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="is-block has-text-black has-text-weight-semibold">
@glyph="folder-outline" <Icon @name="folder" class="has-text-grey-light" />{{gid}}
class="has-text-grey-light" </LinkTo>
/>{{gid}}</LinkTo>
</div> </div>
<div class="column has-text-right"> <div class="column has-text-right">
{{#if @model.canEdit}} {{#if @model.canEdit}}
@ -36,10 +35,7 @@
@route="vault.cluster.access.identity.show" @route="vault.cluster.access.identity.show"
@models={{array "entities" gid "details"}} @models={{array "entities" gid "details"}}
class="is-block has-text-black has-text-weight-semibold"> class="is-block has-text-black has-text-weight-semibold">
<Icon <Icon @name="user" class="has-text-grey-light" />{{gid}}
@glyph="user-square-outline"
class="has-text-grey-light"
/>{{gid}}
</LinkTo> </LinkTo>
</div> </div>
<div class="column has-text-right"> <div class="column has-text-right">

5
ui/app/templates/components/identity/item-parent-groups.hbs
View File

@ -10,10 +10,7 @@
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-10"> <div class="column is-10">
<LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="is-block has-text-black has-text-weight-semibold"> <LinkTo @route="vault.cluster.access.identity.show" @models={{array "groups" gid "details"}} class="is-block has-text-black has-text-weight-semibold">
<Icon <Icon @name="folder" class="has-text-grey-light" />{{gid}}
@glyph="folder-outline"
class="has-text-grey-light"
/>{{gid}}
</LinkTo> </LinkTo>
</div> </div>
<div class="column has-text-right"> <div class="column has-text-right">

4
ui/app/templates/components/json-editor.hbs
View File

@ -13,7 +13,7 @@
<div class="toolbar-separator"></div> <div class="toolbar-separator"></div>
<CopyButton class="button is-transparent" @clipboardText={{@value}} <CopyButton class="button is-transparent" @clipboardText={{@value}}
@buttonType="button" @success={{action (set-flash-message 'Data copied!')}}> @buttonType="button" @success={{action (set-flash-message 'Data copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</ToolbarActions> </ToolbarActions>
</Toolbar> </Toolbar>
@ -33,4 +33,4 @@
<p class="sub-text">{{ @helpText }}</p> <p class="sub-text">{{ @helpText }}</p>
</div> </div>
{{/if}} {{/if}}
</div> </div>

3
ui/app/templates/components/kv-object-editor.hbs
View File

@ -35,7 +35,6 @@
@change={{action "updateRow" row index}} @change={{action "updateRow" row index}}
@value={{row.value}} @value={{row.value}}
@wrap="off" @wrap="off"
class="input"
placeholder="value" placeholder="value"
@rows={{1}} @rows={{1}}
onkeyup={{action onkeyup={{action
@ -57,7 +56,7 @@
aria-label="Delete row" aria-label="Delete row"
data-test-kv-delete-row data-test-kv-delete-row
> >
<Icon @glyph="trash" @size="l" /> <Icon @name="trash" />
</button> </button>
{{/if}} {{/if}}
</div> </div>

24
ui/app/templates/components/license-info.hbs
View File

@ -16,7 +16,10 @@
Autoloaded Autoloaded
{{else}} {{else}}
Stored Stored
<Icon @glyph="alert-triangle" class="has-text-highlight" /> <span class="is-size-8">Stored licenses will be deprecated in a future version of Vault. We recommend autoloading your license. Read more <a href="https://www.vaultproject.io/docs/enterprise/license" rel="noreferrer noopener" target="_blank" >here</a>.</span> <Icon @name="alert-triangle-fill" class="has-text-highlight" />
<span class="is-size-8">
Stored licenses will be deprecated in a future version of Vault. We recommend autoloading your license. Read more <a href="https://www.vaultproject.io/docs/enterprise/license" rel="noreferrer noopener" target="_blank" >here</a>.
</span>
{{/if}} {{/if}}
</InfoTableRow> </InfoTableRow>
</div> </div>
@ -28,20 +31,13 @@
{{#each this.featuresInfo as |info|}} {{#each this.featuresInfo as |info|}}
<InfoTableRow @label={{info.name}} @value={{if info.active "Active" "Not Active"}} @data-test-feature-row="data-test-feature-row"> <InfoTableRow @label={{info.name}} @value={{if info.active "Active" "Not Active"}} @data-test-feature-row="data-test-feature-row">
{{#if info.active}} {{#if info.active}}
<Icon <Icon @name="check-circle" class="icon-true" />
@glyph="check-circle-outline" <span data-test-feature-status>
@size="l" Active {{#if info.count}}&mdash; {{info.count}} standby nodes allotted{{/if}}
class="icon-true" </span>
aria-hidden="true"
/><span data-test-feature-status>Active {{#if info.count}}&mdash;
{{info.count}} standby nodes allotted{{/if}}</span>
{{else}} {{else}}
<Icon <Icon @name="x-circle" class="icon-false" />
@glyph="cancel-circle-outline" <span data-test-feature-status>Not Active</span>
@size="l"
class="icon-false"
aria-hidden="true"
/><span data-test-feature-status>Not Active</span>
{{/if}} {{/if}}
</InfoTableRow> </InfoTableRow>
{{/each}} {{/each}}

4
ui/app/templates/components/menu-sidebar.hbs
View File

@ -10,11 +10,11 @@
<div class="menu-toggle"> <div class="menu-toggle">
{{#if isActive}} {{#if isActive}}
<button type="button" class="button is-ghost" {{action "closeMenu"}}> <button type="button" class="button is-ghost" {{action "closeMenu"}}>
<Icon @glyph="cancel-plain" aria-label="Close menu" /> <Icon @name="x" aria-label="Close menu" />
</button> </button>
{{else}} {{else}}
<button type="button" class="button is-ghost has-text-grey-light" {{action "openMenu"}}> <button type="button" class="button is-ghost has-text-grey-light" {{action "openMenu"}}>
<Icon @glyph="more-vertical" aria-label="Open menu" /> <Icon @name="more-vertical" aria-label="Open menu" />
</button> </button>
{{/if}} {{/if}}
</div> </div>

3
ui/app/templates/components/mount-backend-form.hbs
View File

@ -4,8 +4,7 @@
{{#if showEnable}} {{#if showEnable}}
{{#with (find-by "type" mountModel.type mountTypes) as |typeInfo|}} {{#with (find-by "type" mountModel.type mountTypes) as |typeInfo|}}
<Icon <Icon
@glyph={{or typeInfo.glyph typeInfo.type}} @name={{or typeInfo.glyph typeInfo.type}}
@size="l"
class="has-text-grey-light" class="has-text-grey-light"
/> />

4
ui/app/templates/components/namespace-picker.hbs
View File

@ -40,7 +40,7 @@
<div class="level is-mobile namespace-link"> <div class="level is-mobile namespace-link">
<span class="level-left" data-test-current-namespace>{{if namespacePath (concat namespacePath "/") "root"}}</span> <span class="level-left" data-test-current-namespace>{{if namespacePath (concat namespacePath "/") "root"}}</span>
<span class="level-right"> <span class="level-right">
<Icon @glyph="check-circle-outline" class="has-text-success" /> <Icon @name="check-circle" class="has-text-success" />
</span> </span>
</div> </div>
</header> </header>
@ -85,7 +85,7 @@
<span class="level-left">Manage namespaces</span> <span class="level-left">Manage namespaces</span>
<span class="level-right"> <span class="level-right">
<button type="button" class="button is-ghost icon" onclick={{action "refreshNamespaceList"}}> <button type="button" class="button is-ghost icon" onclick={{action "refreshNamespaceList"}}>
<Icon @glyph="refresh-default" class="has-text-grey" /> <Icon @name="reload" class="has-text-grey" />
</button> </button>
</span> </span>
</div> </div>

7
ui/app/templates/components/nav-header.hbs
View File

@ -4,8 +4,9 @@
</div> </div>
{{#unless navDrawerOpen}} {{#unless navDrawerOpen}}
<button type="button" class="navbar-drawer-toggle is-hidden-tablet" {{action "toggleNavDrawer"}}> <button type="button" class="navbar-drawer-toggle is-hidden-tablet" {{action "toggleNavDrawer"}}>
<Icon @glyph="more-vertical" /> Menu <Icon @name="more-vertical" />
Menu
</button> </button>
{{/unless}} {{/unless}}
@ -30,7 +31,7 @@
{{#if navDrawerOpen}} {{#if navDrawerOpen}}
<button class=" navbar-drawer-toggle is-hidden-tablet" type="button" {{action "toggleNavDrawer" false}}> <button class=" navbar-drawer-toggle is-hidden-tablet" type="button" {{action "toggleNavDrawer" false}}>
<Icon @glyph="cancel-plain" /> <Icon @name="x" />
</button> </button>
{{/if}} {{/if}}
</div> </div>

7
ui/app/templates/components/pgp-file.hbs
View File

@ -48,7 +48,7 @@
<input class="file-input" type="file" onchange={{action "pickedFile"}} data-test-pgp-file-input=true> <input class="file-input" type="file" onchange={{action "pickedFile"}} data-test-pgp-file-input=true>
<span class="file-cta is-fullwidth"> <span class="file-cta is-fullwidth">
<span class="file-icon has-text-grey-dark"> <span class="file-icon has-text-grey-dark">
<Icon @glyph="file-outline" /> <Icon @name="file" />
</span> </span>
<span class="file-label has-text-grey-dark" data-test-pgp-file-input-label=true> <span class="file-label has-text-grey-dark" data-test-pgp-file-input-label=true>
{{#if key.fileName}} {{#if key.fileName}}
@ -59,10 +59,7 @@
</span> </span>
{{#if key.fileName}} {{#if key.fileName}}
<button type="button" class="file-delete-button" {{action 'clearKey'}} data-test-pgp-clear=true> <button type="button" class="file-delete-button" {{action 'clearKey'}} data-test-pgp-clear=true>
<Icon <Icon @name="x" aria-label="Close" />
@glyph="cancel-plain"
@aria-label="Close"
/>
</button> </button>
{{/if}} {{/if}}
</span> </span>

6
ui/app/templates/components/raft-storage-overview.hbs
View File

@ -69,17 +69,15 @@
{{#if server.voter}} {{#if server.voter}}
<Icon <Icon
@name="check-circle"
aria-label="Yes" aria-label="Yes"
class="icon-true has-text-success" class="icon-true has-text-success"
@size="l"
@glyph="check-circle-outline"
/> />
{{else}} {{else}}
<Icon <Icon
@name="x-square"
aria-label="No" aria-label="No"
class="icon-false" class="icon-false"
@size="l"
@glyph="cancel-square-outline"
/> />
{{/if}} {{/if}}
</td> </td>

6
ui/app/templates/components/secret-create-or-update.hbs
View File

@ -88,8 +88,7 @@
aria-label="Delete row" aria-label="Delete row"
> >
<Icon <Icon
@glyph="trash" @name="trash"
@size="l"
class="has-text-grey-light" class="has-text-grey-light"
/> />
</button> </button>
@ -220,8 +219,7 @@
aria-label="Delete row" aria-label="Delete row"
> >
<Icon <Icon
@glyph="trash" @name="trash"
@size="l"
class="has-text-grey-light" class="has-text-grey-light"
/> />
</button> </button>

4
ui/app/templates/components/secret-form-show.hbs
View File

@ -67,14 +67,14 @@
{{#if secret.value}} {{#if secret.value}}
<MaskedInput @value={{secret.value}} @displayOnly={{true}} @allowCopy={{true}}/> <MaskedInput @value={{secret.value}} @displayOnly={{true}} @allowCopy={{true}}/>
{{else}} {{else}}
<Icon @size="s" @glyph="minus-plain"/> <Icon @name="minus" />
{{/if}} {{/if}}
</InfoTableRow> </InfoTableRow>
{{/each}} {{/each}}
{{else}} {{else}}
{{!-- In the case of no key or value <InfoTableRow> will still render --}} {{!-- In the case of no key or value <InfoTableRow> will still render --}}
<InfoTableRow @label="" @value="" @alwaysRender={{true}}> <InfoTableRow @label="" @value="" @alwaysRender={{true}}>
<Icon @size="s" @glyph="minus-plain"/> <Icon @name="minus" />
</InfoTableRow> </InfoTableRow>
{{/if}} {{/if}}
{{/if}} {{/if}}

2
ui/app/templates/components/secret-list-header.hbs
View File

@ -14,7 +14,7 @@
</p.top> </p.top>
<p.levelLeft> <p.levelLeft>
<h1 class="title is-3"> <h1 class="title is-3">
<Icon @glyph={{or @model.engineType "secrets"}} @size="xl" class="has-text-grey-light" /> <Icon @name={{or @model.engineType "secrets"}} @size="24" class="has-text-grey-light" />
{{@model.id}} {{@model.id}}
{{#if this.isKV}} {{#if this.isKV}}
<span class="tag" data-test-kv-version-badge> <span class="tag" data-test-kv-version-badge>

2
ui/app/templates/components/secret-list/aws-role-item.hbs
View File

@ -13,7 +13,7 @@
<div class="column is-10"> <div class="column is-10">
<LinkTo @route={{concat "vault.cluster.secrets.backend." "credentials" (unless @item.id "-root") }} @model={{@item.id}} class="has-text-black has-text-weight-semibold"> <LinkTo @route={{concat "vault.cluster.secrets.backend." "credentials" (unless @item.id "-root") }} @model={{@item.id}} class="has-text-black has-text-weight-semibold">
<Icon <Icon
@glyph="user-square-outline" @name="user"
class="has-text-grey-light is-pulled-left" class="has-text-grey-light is-pulled-left"
/> />
<div class="role-item-details"> <div class="role-item-details">

2
ui/app/templates/components/secret-list/database-list-item.hbs
View File

@ -15,7 +15,7 @@
class="has-text-black has-text-weight-semibold" class="has-text-black has-text-weight-semibold"
> >
<Icon <Icon
@glyph="user-square-outline" @name="user"
class="has-text-grey-light is-pulled-left" class="has-text-grey-light is-pulled-left"
/> />
<div class="role-item-details"> <div class="role-item-details">

4
ui/app/templates/components/secret-list/item.hbs
View File

@ -18,9 +18,9 @@
@queryParams={{if (eq @backendModel.type "transit") (query-params tab="actions") ""}} @queryParams={{if (eq @backendModel.type "transit") (query-params tab="actions") ""}}
@class="has-text-black has-text-weight-semibold"> @class="has-text-black has-text-weight-semibold">
{{#if (eq @backendModel.type "transit")}} {{#if (eq @backendModel.type "transit")}}
<Icon @glyph="key" @class="has-text-grey-light"/> <Icon @name="key" class="has-text-grey-light" />
{{else}} {{else}}
<Icon @glyph={{if @item.isFolder 'folder-outline' 'file-outline' }} @class="has-text-grey-light"/> <Icon @name={{if @item.isFolder 'folder' 'file'}} class="has-text-grey-light" />
{{/if}} {{/if}}
{{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}} {{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}}
</SecretLink> </SecretLink>

2
ui/app/templates/components/secret-list/pki-cert-item.hbs
View File

@ -14,7 +14,7 @@
<div class="column is-10"> <div class="column is-10">
<LinkTo @route={{concat "vault.cluster.secrets.backend." "show" (unless @item.id "-root") }} @model={{@item.idForNav}} class="has-text-black has-text-weight-semibold"> <LinkTo @route={{concat "vault.cluster.secrets.backend." "show" (unless @item.id "-root") }} @model={{@item.idForNav}} class="has-text-black has-text-weight-semibold">
<Icon <Icon
@glyph="file-outline" @name="file"
class="has-text-grey-light is-pulled-left" class="has-text-grey-light is-pulled-left"
/> />
<div class="role-item-details"> <div class="role-item-details">

2
ui/app/templates/components/secret-list/pki-role-item.hbs
View File

@ -16,7 +16,7 @@
<div class="column is-10"> <div class="column is-10">
<LinkTo @route={{concat "vault.cluster.secrets.backend." "credentials" (unless @item.id "-root") }} @model={{@item.id}} @query={{hash action="issue"}} class="has-text-black has-text-weight-semibold"> <LinkTo @route={{concat "vault.cluster.secrets.backend." "credentials" (unless @item.id "-root") }} @model={{@item.id}} @query={{hash action="issue"}} class="has-text-black has-text-weight-semibold">
<Icon <Icon
@glyph="user-square-outline" @name="user"
class="has-text-grey-light is-pulled-left" class="has-text-grey-light is-pulled-left"
/> />
<div class="role-item-details"> <div class="role-item-details">

2
ui/app/templates/components/secret-list/ssh-role-item.hbs
View File

@ -13,7 +13,7 @@
<div class="column is-10"> <div class="column is-10">
<LinkTo @route={{concat "vault.cluster.secrets.backend." (if (eq @item.keyType "ca") "sign" "credentials") (unless @item.id "-root") }} @model={{@item.id}} class="has-text-black has-text-weight-semibold"> <LinkTo @route={{concat "vault.cluster.secrets.backend." (if (eq @item.keyType "ca") "sign" "credentials") (unless @item.id "-root") }} @model={{@item.id}} class="has-text-black has-text-weight-semibold">
<Icon <Icon
@glyph="user-square-outline" @name="user"
class="has-text-grey-light is-pulled-left" class="has-text-grey-light is-pulled-left"
/> />
<div class="role-item-details"> <div class="role-item-details">

11
ui/app/templates/components/secret-list/transform-list-item.hbs
View File

@ -13,10 +13,9 @@
@mode="show" @mode="show"
@secret={{@itemPath}} @secret={{@itemPath}}
@queryParams={{query-params type=@modelType}} @queryParams={{query-params type=@modelType}}
@class="has-text-black has-text-weight-semibold"> @class="has-text-black has-text-weight-semibold"
<Icon >
@glyph='file-outline' <Icon @name="file" class="has-text-grey-light" />
@class="has-text-grey-light"/>
{{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}} {{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}}
</SecretLink> </SecretLink>
</div> </div>
@ -56,9 +55,7 @@
<div class="list-item-row" data-test-view-only-list-item> <div class="list-item-row" data-test-view-only-list-item>
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-12 has-text-grey has-text-weight-semibold"> <div class="column is-12 has-text-grey has-text-weight-semibold">
<Icon <Icon @name="file" class="has-text-grey-light" />
@glyph='file-outline'
@class="has-text-grey-light"/>
{{#if this.isBuiltin}} {{#if this.isBuiltin}}
<ToolTip <ToolTip
@verticalPosition="above" @verticalPosition="above"

11
ui/app/templates/components/secret-list/transform-transformation-item.hbs
View File

@ -14,10 +14,9 @@
@mode="show" @mode="show"
@secret={{@item.id}} @secret={{@item.id}}
@queryParams={{if (eq @backendModel.type "transform") (query-params tab="actions") ""}} @queryParams={{if (eq @backendModel.type "transform") (query-params tab="actions") ""}}
@class="has-text-black has-text-weight-semibold"> @class="has-text-black has-text-weight-semibold"
<Icon >
@glyph='file-outline' <Icon @name="file" class="has-text-grey-light" />
@class="has-text-grey-light"/>
{{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}} {{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}}
</SecretLink> </SecretLink>
</div> </div>
@ -65,9 +64,7 @@
<div class="list-item-row"> <div class="list-item-row">
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-12 has-text-grey has-text-weight-semibold"> <div class="column is-12 has-text-grey has-text-weight-semibold">
<Icon <Icon @name="file" class="has-text-grey-light" />
@glyph='file-outline'
@class="has-text-grey-light"/>
{{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}} {{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}}
</div> </div>
</div> </div>

6
ui/app/templates/components/secret-version-menu.hbs
View File

@ -23,11 +23,11 @@
<LinkTo class="link" @params={{array (query-params version=secretVersion.version)}} @invokeAction={{action D.actions.close}} > <LinkTo class="link" @params={{array (query-params version=secretVersion.version)}} @invokeAction={{action D.actions.close}} >
Version {{secretVersion.version}} Version {{secretVersion.version}}
{{#if (and (eq secretVersion.version @model.currentVersion) (not secretVersion.destroyed) (not secretVersion.deleted))}} {{#if (and (eq secretVersion.version @model.currentVersion) (not secretVersion.destroyed) (not secretVersion.deleted))}}
<Icon @glyph="check-circle-outline" class="has-text-success is-pulled-right" /> <Icon @name="check-circle" class="has-text-success is-pulled-right" />
{{else if secretVersion.destroyed}} {{else if secretVersion.destroyed}}
<Icon @glyph="cancel-square-fill" class="has-text-danger is-pulled-right" /> <Icon @name="x-square-fill" class="has-text-danger is-pulled-right" />
{{else if secretVersion.deleted}} {{else if secretVersion.deleted}}
<Icon @glyph="cancel-square-fill" class="has-text-grey is-pulled-right" /> <Icon @name="x-square-fill" class="has-text-grey is-pulled-right" />
{{/if}} {{/if}}
</LinkTo> </LinkTo>
</li> </li>

4
ui/app/templates/components/selectable-card.hbs
View File

@ -26,7 +26,9 @@
data-test-action-text={{actionText}} data-test-action-text={{actionText}}
> >
{{actionText}} {{actionText}}
{{#if actionText}}<Icon @glyph="chevron-right" />{{/if}} {{#if actionText}}
<Icon @name="chevron-right" />
{{/if}}
</LinkTo> </LinkTo>
</div> </div>
<p class="has-text-grey is-size-8">{{subText}}</p> <p class="has-text-grey is-size-8">{{subText}}</p>

2
ui/app/templates/components/status-menu.hbs
View File

@ -1,6 +1,6 @@
<BasicDropdown @horizontalPosition="auto-left" @verticalPosition="below" @renderInPlace={{media.isMobile}} as |d|> <BasicDropdown @horizontalPosition="auto-left" @verticalPosition="below" @renderInPlace={{media.isMobile}} as |d|>
<d.trigger @tagName={{if (eq type "replication") "span" "button"}} @class={{if (eq type "replication") "" "button is-transparent"}}> <d.trigger @tagName={{if (eq type "replication") "span" "button"}} @class={{if (eq type "replication") "" "button is-transparent"}}>
<Icon @glyph={{glyphName}} @size="l" aria-label={{ariaLabel}} /> <Icon @name={{glyphName}} aria-label={{ariaLabel}} />
<div class="status-menu-label"> <div class="status-menu-label">
{{label}} {{label}}
</div> </div>

6
ui/app/templates/components/text-file.hbs
View File

@ -47,7 +47,7 @@
type="button" type="button"
class="{{if (eq value "") "has-text-grey"}} masked-input-toggle button {{if displayOnly "is-compact"}}" class="{{if (eq value "") "has-text-grey"}} masked-input-toggle button {{if displayOnly "is-compact"}}"
data-test-button> data-test-button>
<Icon @glyph={{if showValue "visibility-show" "visibility-hide"}} aria-hidden="true" /> <Icon @name={{if showValue "eye" "eye-off"}} />
</button> </button>
</div> </div>
<p class="help has-text-grey"> <p class="help has-text-grey">
@ -59,7 +59,7 @@
<label class="file-label"> <label class="file-label">
<input class="file-input" type="file" {{on 'change' this.pickedFile}} data-test-text-file-input=true> <input class="file-input" type="file" {{on 'change' this.pickedFile}} data-test-text-file-input=true>
<span class="file-cta button"> <span class="file-cta button">
<Icon @glyph="upload" class="has-light-grey-text" /> <Icon @name="upload" class="has-light-grey-text" />
Choose a file… Choose a file…
</span> </span>
<span class="file-name has-text-grey-dark" data-test-text-file-input-label=true> <span class="file-name has-text-grey-dark" data-test-text-file-input-label=true>
@ -71,7 +71,7 @@
</span> </span>
{{#if @file.fileName}} {{#if @file.fileName}}
<button type="button" class="file-delete-button" {{on 'click' this.clearFile}} data-test-text-clear=true> <button type="button" class="file-delete-button" {{on 'click' this.clearFile}} data-test-text-clear=true>
<Icon @glyph="cancel-circle-outline" /> <Icon @name="x-circle" />
</button> </button>
{{/if}} {{/if}}
</label> </label>

5
ui/app/templates/components/tool-unwrap.hbs
View File

@ -31,10 +31,11 @@
{{#each-in @details as |key detail|}} {{#each-in @details as |key detail|}}
<InfoTableRow @label={{key}} @value={{key}}> <InfoTableRow @label={{key}} @value={{key}}>
{{#if (or (eq detail "No") (eq detail "None"))}} {{#if (or (eq detail "No") (eq detail "None"))}}
<Icon class="has-text-grey" @glyph="cancel-square-outline" /> {{detail}} <Icon @name="x-circle" class="has-text-grey" />
{{detail}}
{{else}} {{else}}
{{#if (eq detail "Yes") }} {{#if (eq detail "Yes") }}
<Icon class="has-text-success" @glyph="check-circle-outline" /> <Icon @name="check-circle" class="has-text-success" />
{{/if}} {{/if}}
{{detail}} {{detail}}
{{/if}} {{/if}}

2
ui/app/templates/components/toolbar-secret-link.hbs
View File

@ -14,5 +14,5 @@
@data-test-transit-key-actions-link={{data-test-transit-key-actions-link}} @data-test-transit-key-actions-link={{data-test-transit-key-actions-link}}
> >
{{yield}} {{yield}}
<Icon @glyph={{glyph}} /> <Icon @name={{glyph}} />
</SecretLink> </SecretLink>

4
ui/app/templates/components/transform-show-transformation.hbs
View File

@ -24,7 +24,7 @@
<code>vault write {{model.backend}}/encode/{{cliCommand}}</code> <code>vault write {{model.backend}}/encode/{{cliCommand}}</code>
<CopyButton class="button is-transparent level-right" @clipboardText={{copyEncodeCommand}} <CopyButton class="button is-transparent level-right" @clipboardText={{copyEncodeCommand}}
@buttonType="button" @success={{action (set-flash-message 'Command copied!')}}> @buttonType="button" @success={{action (set-flash-message 'Command copied!')}}>
<Icon @size='l' @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
{{/let}} {{/let}}
</div> </div>
@ -41,7 +41,7 @@
<code>vault write {{model.backend}}/decode/{{cliCommand}}</code> <code>vault write {{model.backend}}/decode/{{cliCommand}}</code>
<CopyButton class="button is-transparent level-right" @clipboardText={{copyDecodeCommand}} <CopyButton class="button is-transparent level-right" @clipboardText={{copyDecodeCommand}}
@buttonType="button" @success={{action (set-flash-message 'Command copied!')}}> @buttonType="button" @success={{action (set-flash-message 'Command copied!')}}>
<Icon @size='l' @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
{{/let}} {{/let}}
</div> </div>

20
ui/app/templates/components/transit-form-show.hbs
View File

@ -59,10 +59,10 @@
}} }}
<div class="transit-icon"> <div class="transit-icon">
<Icon <Icon
@glyph={{supportedAction.glyph}} @name={{supportedAction.glyph}}
@size="l"
class="has-text-grey auto-width" class="has-text-grey auto-width"
aria-label={{concat @backend.path " options"}} /> aria-label={{concat @backend.path " options"}}
/>
</div> </div>
<div class="transit-description"> <div class="transit-description">
<h2 class="title is-6" data-test-transit-action-title={{supportedAction.name}}> <h2 class="title is-6" data-test-transit-action-title={{supportedAction.name}}>
@ -91,7 +91,10 @@
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-3"> <div class="column is-3">
<div class="level level-left"> <div class="level level-left">
<Icon @glyph="history" class="has-text-grey-light is-padded" @size="l" /> <Icon
@name="history"
class="has-text-grey-light is-padded"
/>
<strong class="has-padding is-size-5">Version {{version}}</strong> <strong class="has-padding is-size-5">Version {{version}}</strong>
</div> </div>
</div> </div>
@ -106,7 +109,7 @@
<div class="td is-borderless"> <div class="td is-borderless">
{{#if (coerce-eq @key.minDecryptionVersion version)}} {{#if (coerce-eq @key.minDecryptionVersion version)}}
<p class="help level level-left"> <p class="help level level-left">
<Icon @glyph="check-circle-fill" class="has-text-success" /> <Icon @name="check-circle-fill" class="has-text-success" />
Current minimum decryption version Current minimum decryption version
</p> </p>
{{/if}} {{/if}}
@ -121,7 +124,10 @@
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-3"> <div class="column is-3">
<div class="level level-left"> <div class="level level-left">
<Icon @glyph="history" class="has-text-grey-light is-padded" @size="l" /> <Icon
@name="history"
class="has-text-grey-light is-padded"
/>
<strong class="has-padding is-size-5">Version {{version}}</strong> <strong class="has-padding is-size-5">Version {{version}}</strong>
</div> </div>
</div> </div>
@ -136,7 +142,7 @@
<div class="td is-borderless"> <div class="td is-borderless">
{{#if (coerce-eq @key.minDecryptionVersion version)}} {{#if (coerce-eq @key.minDecryptionVersion version)}}
<p class="help level level-left"> <p class="help level level-left">
<Icon @glyph="check-circle-fill" class="has-text-success" /> <Icon @name="check-circle-fill" class="has-text-success" />
Current minimum decryption version Current minimum decryption version
</p> </p>
{{/if}} {{/if}}

6
ui/app/templates/components/transit-key-action/datakey.hbs
View File

@ -86,7 +86,7 @@
<code class="level-left">{{@plaintext}}</code> <code class="level-left">{{@plaintext}}</code>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy"
@clipboardText={{@plaintext}} @buttonType="button" @success={{action (set-flash-message 'Plaintext copied!')}}> @clipboardText={{@plaintext}} @buttonType="button" @success={{action (set-flash-message 'Plaintext copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
<p class="help has-bottom-margin-m">Plaintext is base64 encoded</p> <p class="help has-bottom-margin-m">Plaintext is base64 encoded</p>
@ -95,7 +95,7 @@
<code class="level-left">{{@ciphertext}}</code> <code class="level-left">{{@ciphertext}}</code>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy"
@clipboardText={{@ciphertext}} @buttonType="button" @success={{action (set-flash-message 'Ciphertext copied!')}}> @clipboardText={{@ciphertext}} @buttonType="button" @success={{action (set-flash-message 'Ciphertext copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
<CopyButton class="button is-primary" data-test-button="modal-copy-close" @clipboardText={{@plaintext}} <CopyButton class="button is-primary" data-test-button="modal-copy-close" @clipboardText={{@plaintext}}
@ -113,7 +113,7 @@
<code class="level-left">{{@ciphertext}}</code> <code class="level-left">{{@ciphertext}}</code>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy"
@clipboardText={{@ciphertext}} @buttonType="button" @success={{action (set-flash-message 'Ciphertext copied!')}}> @clipboardText={{@ciphertext}} @buttonType="button" @success={{action (set-flash-message 'Ciphertext copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
<CopyButton class="button is-primary copy-close" data-test-button="modal-copy-close" @clipboardText={{@ciphertext}} <CopyButton class="button is-primary copy-close" data-test-button="modal-copy-close" @clipboardText={{@ciphertext}}

2
ui/app/templates/components/transit-key-action/decrypt.hbs
View File

@ -60,7 +60,7 @@
<code class="level-left" data-test-encrypted-value="plaintext">{{@plaintext}}</code> <code class="level-left" data-test-encrypted-value="plaintext">{{@plaintext}}</code>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" @clipboardText={{@plaintext}} <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" @clipboardText={{@plaintext}}
@buttonType="button" @success={{action (set-flash-message 'Plaintext copied!')}}> @buttonType="button" @success={{action (set-flash-message 'Plaintext copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
<p class="help">Plaintext is base64 encoded</p> <p class="help">Plaintext is base64 encoded</p>

2
ui/app/templates/components/transit-key-action/encrypt.hbs
View File

@ -75,7 +75,7 @@
@clipboardText={{@ciphertext}} @clipboardText={{@ciphertext}}
@buttonType="button" @buttonType="button"
@success={{action (set-flash-message 'Ciphertext copied!')}}> @success={{action (set-flash-message 'Ciphertext copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
</div> </div>

2
ui/app/templates/components/transit-key-action/export.hbs
View File

@ -73,7 +73,7 @@
<pre data-test-encrypted-value="export" class="level-left">{{if this.wrapTTL @wrappedToken (stringify @keys)}}</pre> <pre data-test-encrypted-value="export" class="level-left">{{if this.wrapTTL @wrappedToken (stringify @keys)}}</pre>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy"
@clipboardText={{if this.wrapTTL @wrappedToken (stringify @keys)}} @buttonType="button" @success={{action (set-flash-message 'Token copied!')}}> @clipboardText={{if this.wrapTTL @wrappedToken (stringify @keys)}} @buttonType="button" @success={{action (set-flash-message 'Token copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
</div> </div>

2
ui/app/templates/components/transit-key-action/hmac.hbs
View File

@ -55,7 +55,7 @@
<code class="level-left" data-test-encrypted-value="hmac">{{@hmac}}</code> <code class="level-left" data-test-encrypted-value="hmac">{{@hmac}}</code>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy"
@clipboardText={{@hmac}} @buttonType="button" @success={{action (set-flash-message 'HMAC copied!')}}> @clipboardText={{@hmac}} @buttonType="button" @success={{action (set-flash-message 'HMAC copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
</div> </div>

2
ui/app/templates/components/transit-key-action/rewrap.hbs
View File

@ -66,7 +66,7 @@
<code class="level-left" data-test-encrypted-value="ciphertext">{{@ciphertext}}</code> <code class="level-left" data-test-encrypted-value="ciphertext">{{@ciphertext}}</code>
<CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy" <CopyButton class="button is-compact is-transparent level-right" data-test-button="modal-copy"
@clipboardText={{@ciphertext}} @buttonType="button" @success={{action (set-flash-message 'Ciphertext copied!')}}> @clipboardText={{@ciphertext}} @buttonType="button" @success={{action (set-flash-message 'Ciphertext copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
</div> </div>

2
ui/app/templates/components/transit-key-action/sign.hbs
View File

@ -110,7 +110,7 @@
@clipboardText={{@signature}} @clipboardText={{@signature}}
@buttonType="button" @buttonType="button"
@success={{action (set-flash-message 'Signature copied!')}}> @success={{action (set-flash-message 'Signature copied!')}}>
<Icon @glyph="copy-action" aria-label="Copy" /> <Icon @name="clipboard-copy" aria-label="Copy" />
</CopyButton> </CopyButton>
</div> </div>
</div> </div>

2
ui/app/templates/components/wizard-content.hbs
View File

@ -13,7 +13,7 @@
</PopupMenu> </PopupMenu>
{{/unless}} {{/unless}}
<h1 class="title is-5"> <h1 class="title is-5">
<Icon @glyph={{glyph}} @size="l"/> {{headerText}} <Icon @name={{glyph}} /> {{headerText}}
</h1> </h1>
{{#if showProgress}} {{#if showProgress}}
<ToolTip @verticalPosition="below" as |T|> <ToolTip @verticalPosition="below" as |T|>

5
ui/app/templates/components/wizard-progress.hbs
View File

@ -6,7 +6,10 @@
<span class="feature-progress" style={{bar.style}} {{! template-lint-disable }}></span> <span class="feature-progress" style={{bar.style}} {{! template-lint-disable }}></span>
</span> </span>
{{#if bar.showIcon}} {{#if bar.showIcon}}
<Icon class="feature-check {{if bar.completed 'completed-check' 'incomplete-check'}}" @glyph="check-circle-fill" /> <Icon
@name="check-circle-fill"
class="feature-check {{if bar.completed 'completed-check' 'incomplete-check'}}"
/>
{{/if}} {{/if}}
</div> </div>
{{/each}} {{/each}}

4
ui/app/templates/components/wizard-section.hbs
View File

@ -1,7 +1,7 @@
<div class="wizard-section {{class}}"> <div class="wizard-section {{class}}">
<h2 class="title is-6"> <h2 class="title is-6">
{{#if headerIcon}} {{#if headerIcon}}
<Icon @glyph={{headerIcon}} @size="l" aria-hidden="true" /> <Icon @name={{headerIcon}} aria-hidden="true" />
{{/if}} {{/if}}
{{headerText}} {{headerText}}
</h2> </h2>
@ -14,7 +14,7 @@
{{/if}} {{/if}}
{{#if docText}} {{#if docText}}
<DocLink @path={{docPath}}> <DocLink @path={{docPath}}>
<Icon @glyph="learn" aria-hidden="true" /> {{docText}} <Icon @name="learn-link" /> {{docText}}
</DocLink> </DocLink>
{{/if}} {{/if}}
</div> </div>

2
ui/app/templates/components/wizard/ad-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Active Directory" @headerText="Active Directory"
@headerIcon="azure" @headerIcon="azure-color"
@docText="Docs: Active Directory Secrets" @docText="Docs: Active Directory Secrets"
@docPath="/docs/secrets/ad/index.html" @docPath="/docs/secrets/ad/index.html"
> >

2
ui/app/templates/components/wizard/alicloud-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="AliCloud" @headerText="AliCloud"
@headerIcon="alicloud" @headerIcon="alibaba"
@docText="Docs: Google Cloud Secrets" @docText="Docs: Google Cloud Secrets"
@docPath="/docs/secrets/alicloud/index.html" @docPath="/docs/secrets/alicloud/index.html"
> >

2
ui/app/templates/components/wizard/alicloud-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="AliCloud" @headerText="AliCloud"
@headerIcon="alicloud" @headerIcon="alibaba"
@docText="Docs: AliCloud Authentication" @docText="Docs: AliCloud Authentication"
@docPath="/docs/auth/alicloud.html" @docPath="/docs/auth/alicloud.html"
> >

2
ui/app/templates/components/wizard/approle-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="AppRole" @headerText="AppRole"
@headerIcon="approle" @headerIcon="cpu"
@docText="Docs: AppRole Authentication" @docText="Docs: AppRole Authentication"
@docPath="/docs/auth/approle.html" @docPath="/docs/auth/approle.html"
> >

2
ui/app/templates/components/wizard/auth-details.hbs
View File

@ -12,7 +12,7 @@
@class="wizard-details" @class="wizard-details"
> >
<button type="button" class="button next-feature-step" {{action @onReset}}> <button type="button" class="button next-feature-step" {{action @onReset}}>
Enable another Auth Method <Icon @glyph="loop" class="hs-icon-button-right" /> Enable another Auth Method <Icon @name="sync" class="hs-icon-button-right" />
</button> </button>
<button type="button" class="button next-feature-step" {{action @onAdvance}}> <button type="button" class="button next-feature-step" {{action @onAdvance}}>
{{@nextFeature}} <Chevron @isButton={{true}} /> {{@nextFeature}} <Chevron @isButton={{true}} />

2
ui/app/templates/components/wizard/aws-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="AWS" @headerText="AWS"
@headerIcon="aws" @headerIcon="aws-color"
@docText="Docs: AWS Secrets" @docText="Docs: AWS Secrets"
@docPath="/docs/secrets/aws/index.html" @docPath="/docs/secrets/aws/index.html"
> >

2
ui/app/templates/components/wizard/aws-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="AWS" @headerText="AWS"
@headerIcon="aws" @headerIcon="aws-color"
@docText="Docs: AWS Authentication" @docText="Docs: AWS Authentication"
@docPath="/docs/auth/aws.html" @docPath="/docs/auth/aws.html"
> >

2
ui/app/templates/components/wizard/azure-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Azure" @headerText="Azure"
@headerIcon="azure" @headerIcon="azure-color"
@docText="Docs: Azure Secrets" @docText="Docs: Azure Secrets"
@docPath="/docs/secrets/azure/index.html" @docPath="/docs/secrets/azure/index.html"
> >

2
ui/app/templates/components/wizard/azure-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Azure" @headerText="Azure"
@headerIcon="azure" @headerIcon="azure-color"
@docText="Docs: Azure Authentication" @docText="Docs: Azure Authentication"
@docPath="/docs/auth/azure.html" @docPath="/docs/auth/azure.html"
> >

2
ui/app/templates/components/wizard/cert-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="TLS Certificates" @headerText="TLS Certificates"
@headerIcon="cert" @headerIcon="certificate"
@docText="Docs: TLS Certificates Authentication" @docText="Docs: TLS Certificates Authentication"
@docPath="/docs/auth/cert.html" @docPath="/docs/auth/cert.html"
> >

6
ui/app/templates/components/wizard/features-selection.hbs
View File

@ -4,7 +4,7 @@
</h2> </h2>
<p>You did it! You now have access to your Vault and can start entering your data. We can help you get started with any of the options below.</p> <p>You did it! You now have access to your Vault and can start entering your data. We can help you get started with any of the options below.</p>
<div class="access-information"> <div class="access-information">
<Icon @glyph="info-circle-fill" class="has-text-info"/> <Icon @name="info" class="has-text-info"/>
<p>Vault only shows links to pages that you have access to based on your policies. Contact your administrator if you need access changes.</p> <p>Vault only shows links to pages that you have access to based on your policies. Contact your administrator if you need access changes.</p>
</div> </div>
{{#if (or (has-feature "Performance Replication") (has-feature "DR Replication")) }} {{#if (or (has-feature "Performance Replication") (has-feature "DR Replication")) }}
@ -58,7 +58,9 @@
Start Start
</button> </button>
{{#if selectedFeatures}} {{#if selectedFeatures}}
<span class="time-estimate"><Icon @glyph="stopwatch" class="has-text-grey" aria-hidden="true" />About {{estimatedTime}} minutes</span> <span class="time-estimate">
<Icon @name="clock" class="has-text-grey" />About {{estimatedTime}} minutes
</span>
{{/if}} {{/if}}
</span> </span>
</form> </form>

2
ui/app/templates/components/wizard/gcp-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Google Cloud" @headerText="Google Cloud"
@headerIcon="gcp" @headerIcon="gcp-color"
@docText="Docs: Google Cloud Secrets" @docText="Docs: Google Cloud Secrets"
@docPath="/docs/secrets/gcp/index.html" @docPath="/docs/secrets/gcp/index.html"
> >

2
ui/app/templates/components/wizard/gcp-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Google Cloud" @headerText="Google Cloud"
@headerIcon="gcp" @headerIcon="gcp-color"
@docText="Docs: Google Cloud Authentication" @docText="Docs: Google Cloud Authentication"
@docPath="/docs/auth/gcp.html" @docPath="/docs/auth/gcp.html"
> >

2
ui/app/templates/components/wizard/gcpkms-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Google Cloud KMS" @headerText="Google Cloud KMS"
@headerIcon="gcpkms" @headerIcon="gcp-color"
@docText="Docs: Google Cloud Secrets" @docText="Docs: Google Cloud Secrets"
@docPath="/docs/secrets/gcpkms/index.html" @docPath="/docs/secrets/gcpkms/index.html"
> >

2
ui/app/templates/components/wizard/kmip-engine.hbs
View File

@ -1,4 +1,4 @@
<WizardSection @headerText="KMIP" @headerIcon="kmip" @docText="Docs: KMIP Secrets Engine" <WizardSection @headerText="KMIP" @headerIcon="unlock" @docText="Docs: KMIP Secrets Engine"
@docPath="/docs/secrets/kmip/index.html"> @docPath="/docs/secrets/kmip/index.html">
<p> <p>
The KMIP secrets engine allows Vault to act as a KMIP server provider and handle the lifecycle of KMIP managed The KMIP secrets engine allows Vault to act as a KMIP server provider and handle the lifecycle of KMIP managed

2
ui/app/templates/components/wizard/kubernetes-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Kubernetes" @headerText="Kubernetes"
@headerIcon="kubernetes" @headerIcon="kubernetes-color"
@docText="Docs: Kubernetes Authentication" @docText="Docs: Kubernetes Authentication"
@docPath="/docs/auth/kubernetes.html" @docPath="/docs/auth/kubernetes.html"
> >

2
ui/app/templates/components/wizard/kv-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Key/Value" @headerText="Key/Value"
@headerIcon="kv" @headerIcon="list"
@docText="Docs: Key/Value Secrets" @docText="Docs: Key/Value Secrets"
@docPath="/docs/secrets/kv/index.html" @docPath="/docs/secrets/kv/index.html"
> >

2
ui/app/templates/components/wizard/ldap-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="LDAP" @headerText="LDAP"
@headerIcon="ldap" @headerIcon="user"
@docText="Docs: LDAP Authentication" @docText="Docs: LDAP Authentication"
@docPath="/docs/auth/ldap.html" @docPath="/docs/auth/ldap.html"
> >

2
ui/app/templates/components/wizard/okta-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Okta" @headerText="Okta"
@headerIcon="okta" @headerIcon="okta-color"
@docText="Docs: Okta Authentication" @docText="Docs: Okta Authentication"
@docPath="/docs/auth/okta.html" @docPath="/docs/auth/okta.html"
> >

2
ui/app/templates/components/wizard/pki-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="PKI" @headerText="PKI"
@headerIcon="pki" @headerIcon="file-text"
@docText="Docs: PKI Secrets" @docText="Docs: PKI Secrets"
@docPath="/docs/secrets/pki/index.html" @docPath="/docs/secrets/pki/index.html"
> >

2
ui/app/templates/components/wizard/radius-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="RADIUS" @headerText="RADIUS"
@headerIcon="radius" @headerIcon="user"
@docText="Docs: RADIUS Authentication" @docText="Docs: RADIUS Authentication"
@docPath="/docs/auth/radius.html" @docPath="/docs/auth/radius.html"
> >

5
ui/app/templates/components/wizard/replication-setup.hbs
View File

@ -10,11 +10,12 @@
</p> </p>
<LearnLink @path="/vault/operations/ops-replication"> <LearnLink @path="/vault/operations/ops-replication">
<Icon @glyph="learn" aria-hidden="true" />Learn: Setting Up Performance Replication <Icon @name="learn-link" />
Learn: Setting Up Performance Replication
</LearnLink> </LearnLink>
<LearnLink @path="/vault/operations/ops-disaster-recovery"> <LearnLink @path="/vault/operations/ops-disaster-recovery">
<Icon @glyph="learn" aria-hidden="true" /> <Icon @name="learn-link" />
Learn: Setting up Disaster Recovery Learn: Setting up Disaster Recovery
</LearnLink> </LearnLink>

4
ui/app/templates/components/wizard/secrets-display.hbs
View File

@ -26,11 +26,11 @@
> >
{{#if @isSupported}} {{#if @isSupported}}
<button type="button" class="button next-feature-step" {{action @onRepeat}}> <button type="button" class="button next-feature-step" {{action @onRepeat}}>
Create another {{unless @needsEncryption @mountName}} {{@nextStep}} {{if @needsEncryption "key"}} <Icon @glyph="loop" class="hs-icon-button-right" aria-hidden="true" /> Create another {{unless @needsEncryption @mountName}} {{@nextStep}} {{if @needsEncryption "key"}} <Icon @name="sync" class="hs-icon-button-right" />
</button> </button>
{{/if}} {{/if}}
<button type="button" class="button next-feature-step" {{action @onReset}}> <button type="button" class="button next-feature-step" {{action @onReset}}>
Enable another Secrets Engine <Icon @glyph="loop" class="hs-icon-button-right" aria-hidden="true" /> Enable another Secrets Engine<Icon @name="sync" class="hs-icon-button-right" />
</button> </button>
<button type="button" class="button next-feature-step" {{action @onDone}}> <button type="button" class="button next-feature-step" {{action @onDone}}>
{{@nextFeature}} <Chevron @isButton={{true}} /> {{@nextFeature}} <Chevron @isButton={{true}} />

2
ui/app/templates/components/wizard/ssh-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="SSH" @headerText="SSH"
@headerIcon="ssh" @headerIcon="terminal-screen"
@docText="Docs: SSH Secrets" @docText="Docs: SSH Secrets"
@docPath="/docs/secrets/ssh/index.html" @docPath="/docs/secrets/ssh/index.html"
> >

2
ui/app/templates/components/wizard/totp-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="TOTP" @headerText="TOTP"
@headerIcon="totp" @headerIcon="history"
@docText="Docs: TOTP Secrets" @docText="Docs: TOTP Secrets"
@docPath="/docs/secrets/totp/index.html" @docPath="/docs/secrets/totp/index.html"
> >

2
ui/app/templates/components/wizard/transit-engine.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Transit" @headerText="Transit"
@headerIcon="transit" @headerIcon="swap-horizontal"
@docText="Docs: Transit Secrets" @docText="Docs: Transit Secrets"
@docPath="/docs/secrets/transit/index.html" @docPath="/docs/secrets/transit/index.html"
> >

2
ui/app/templates/components/wizard/tutorial-complete.hbs
View File

@ -4,7 +4,7 @@
</p> </p>
<div class="box wizard-divider-box"> <div class="box wizard-divider-box">
<button type="button" class="button is-transparent has-icon-left has-text-white" {{action onDismiss}}> <button type="button" class="button is-transparent has-icon-left has-text-white" {{action onDismiss}}>
<Icon @glyph="cancel-plain" aria-hidden="true" /> <Icon @name="x" />
Close Close
</button> </button>
</div> </div>

2
ui/app/templates/components/wizard/tutorial-error.hbs
View File

@ -7,7 +7,7 @@
</WizardSection> </WizardSection>
<WizardSection> <WizardSection>
<button type="button" class="button next-feature-step" {{action @onReset}}> <button type="button" class="button next-feature-step" {{action @onReset}}>
Go Back <Icon @glyph="reply" /> Go Back <Icon @name="corner-up-left" />
</button> </button>
<button type="button" class="button next-feature-step" {{action @onAdvance}}> <button type="button" class="button next-feature-step" {{action @onAdvance}}>
{{@nextFeature}} <Chevron @isButton={{true}} /> {{@nextFeature}} <Chevron @isButton={{true}} />

2
ui/app/templates/components/wizard/tutorial-idle.hbs
View File

@ -5,7 +5,7 @@
@hidePopup={{true}} @hidePopup={{true}}
> >
<button type="button" class="button is-transparent icon dismiss-collapsed" {{action @onDismiss}}> <button type="button" class="button is-transparent icon dismiss-collapsed" {{action @onDismiss}}>
<Icon @glyph="cancel-plain" aria-label="Close" /> <Icon @name="x" aria-label="Close" />
</button> </button>
<p>Want a tour? Our helpful guide will introduce you to the Vault Web UI.</p> <p>Want a tour? Our helpful guide will introduce you to the Vault Web UI.</p>
<div class="box wizard-divider-box"> <div class="box wizard-divider-box">

2
ui/app/templates/components/wizard/tutorial-paused.hbs
View File

@ -5,7 +5,7 @@
@hidePopup={{true}} @hidePopup={{true}}
> >
<button type="button" class="button is-transparent dismiss-collapsed" {{action @onDismiss}}> <button type="button" class="button is-transparent dismiss-collapsed" {{action @onDismiss}}>
<Icon @glyph="cancel-plain" aria-label="Close"/> <Icon @name="x" aria-label="Close" />
</button> </button>
<p>Feel free to explore Vault. Click below to get back to the guide or close this window.</p> <p>Feel free to explore Vault. Click below to get back to the guide or close this window.</p>
<div class="box wizard-divider-box"> <div class="box wizard-divider-box">

2
ui/app/templates/components/wizard/userpass-method.hbs
View File

@ -1,6 +1,6 @@
<WizardSection <WizardSection
@headerText="Username & Password" @headerText="Username & Password"
@headerIcon="userpass" @headerIcon="identity-user"
@docText="Docs: Userpass Authentication" @docText="Docs: Userpass Authentication"
@docPath="/docs/auth/userpass.html" @docPath="/docs/auth/userpass.html"
> >

8
ui/app/templates/vault.hbs
View File

@ -3,10 +3,10 @@
<footer class="footer has-text-grey has-text-centered"> <footer class="footer has-text-grey has-text-centered">
<span class="is-inline-block"> <span class="is-inline-block">
<Icon <Icon
@glyph="hashicorp" @name="hashicorp"
@size="l"
aria-hidden="true" aria-hidden="true"
class="has-text-grey-light" /> class="has-text-grey-light"
/>
&copy; {{date-format (now) "yyyy"}} HashiCorp &copy; {{date-format (now) "yyyy"}} HashiCorp
</span> </span>
<span> <span>
@ -32,7 +32,7 @@
{{#if (eq env "development") }} {{#if (eq env "development") }}
<div class="env-banner level development"> <div class="env-banner level development">
<div class="level-item notification"> <div class="level-item notification">
<Icon @glyph="git-branch" /><Icon @glyph="edit" /> Local development <Icon @glyph="edit" /><Icon @glyph="git-branch" /> <Icon @name="git-branch" /><Icon @name="pencil-tool" /> Local development <Icon @name="pencil-tool" /><Icon @name="git-branch" />
</div> </div>
</div> </div>
{{/if}} {{/if}}

4
ui/app/templates/vault/cluster.hbs
View File

@ -3,7 +3,7 @@
as |Nav|> as |Nav|>
<Nav.home> <Nav.home>
<HomeLink @class="navbar-item has-text-white has-current-color-fill"> <HomeLink @class="navbar-item has-text-white has-current-color-fill">
<Icon @glyph="vault-logo" @size="l" /> <Icon @name="vault-logo" />
</HomeLink> </HomeLink>
</Nav.home> </Nav.home>
<Nav.main> <Nav.main>
@ -89,7 +89,7 @@
<div class="navbar-item"> <div class="navbar-item">
<button type="button" class="button is-transparent nav-console-button{{if consoleOpen " popup-open"}}" <button type="button" class="button is-transparent nav-console-button{{if consoleOpen " popup-open"}}"
{{action (queue (action 'toggleConsole') (action Nav.closeDrawer))}} data-test-console-toggle> {{action (queue (action 'toggleConsole') (action Nav.closeDrawer))}} data-test-console-toggle>
<Icon @glyph="console" @size="l" /> <Icon @name="terminal-screen" />
<div class="status-menu-label"> <div class="status-menu-label">
Console Console
</div> </div>

8
ui/app/templates/vault/cluster/access/identity/aliases/index.hbs
View File

@ -10,10 +10,10 @@
}} }}
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-10"> <div class="column is-10">
<LinkTo @route="vault.cluster.access.identity.aliases.show" @models={{array item.id "details"}} class="is-block has-text-black has-text-weight-semibold" data-test-identity-link={{item.id}}><Icon <LinkTo @route="vault.cluster.access.identity.aliases.show" @models={{array item.id "details"}} class="is-block has-text-black has-text-weight-semibold" data-test-identity-link={{item.id}}>
@glyph="user-square-outline" <Icon @name="user" class="has-text-grey-light" />
class="has-text-grey-light" <span class="has-text-weight-semibold">{{item.name}}</span>
/><span class="has-text-weight-semibold">{{item.name}}</span></LinkTo> </LinkTo>
<div class="has-text-grey"> <div class="has-text-grey">
{{item.id}} {{item.id}}
</div> </div>

Some files were not shown because too many files have changed in this diff Show More