vault/ui/app/templates/components/wizard/features-selection.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

68 lines
2.6 KiB
Handlebars

<WizardContent @headerText="Vault Web UI" @glyph="tour" @selectProgress={{selectProgress}}>
<h2 class="title is-6">
Choosing where to go
</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>
<div class="access-information">
<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>
</div>
{{#if (or (has-feature "Performance Replication") (has-feature "DR Replication")) }}
{{/if}}
<h3 class="feature-header">Walk me through setting up:</h3>
<form id="features-form" class="feature-selection" {{action "saveFeatures" on="submit"}}>
{{#each allFeatures as |feature|}}
{{#if feature.show}}
<div class="feature-box {{if feature.selected 'is-active'}} {{if feature.disabled 'is-disabled'}}"
data-test-select-input={{true}}>
<div class="b-checkbox">
<input
id="feature-{{feature.key}}"
type="checkbox"
class="styled"
checked={{feature.selected}}
onchange={{action (mut feature.selected) value="target.checked"}}
disabled={{feature.disabled}}
data-test-checkbox={{feature.name}}
/>
<label for="feature-{{feature.key}}">{{feature.name}}</label>
<button type="button" class="button is-ghost icon is-pulled-right" onclick={{action (toggle (concat feature.key "-isOpen") this)}}>
<Chevron
@direction={{if (get this (concat feature.key "-isOpen")) "up" "down"}}
@class="has-text-grey auto-width is-paddingless is-flex-column"
/>
</button>
{{#if feature.disabled}}
<Info-Tooltip data-test-tooltip>
You do not have permissions to tour some parts of this feature
</Info-Tooltip>
{{/if}}
</div>
{{#if (get this (concat feature.key "-isOpen"))}}
<ul class="feature-steps">
{{#each feature.steps as |step|}}
<li>{{step}}</li>
{{/each}}
</ul>
{{/if}}
</div>
{{/if}}
{{/each}}
<span class="selection-summary">
<button
type="submit"
class="button is-primary"
disabled={{cannotStartWizard}}
data-test-start-button
>
Start
</button>
{{#if selectedFeatures}}
<span class="time-estimate">
<Icon @name="clock" class="has-text-grey" />About {{estimatedTime}} minutes
</span>
{{/if}}
</span>
</form>
</WizardContent>