open-vault/ui/app/templates/components/wizard-content.hbs
madalynrose 7f430bba8f
UI: onboarding wizard progress bar (#5516)
Onboarding will now display your progress through the chosen tutorials
2018-10-18 15:19:50 -04:00

41 lines
1.2 KiB
Handlebars

<div class="wizard-header">
{{#unless hidePopup}}
<PopupMenu @class="wizard-dismiss-menu">
<nav class="menu">
<ul class="menu-list">
<li class="action">
<button type="button" class="button link " onclick={{action "dismissWizard"}}>
Dismiss
</button>
</li>
</ul>
</nav>
</PopupMenu>
{{/unless}}
<h1 class="title is-5">
<ICon @glyph={{glyph}} @size="21" /> {{headerText}}
</h1>
{{#if showProgress}}
<ToolTip @verticalPosition="below" as |T|>
<T.trigger @tabindex=false>
<WizardProgress @currentFeatureProgress={{currentFeatureProgress}} @progressBar={{progressBar}} />
</T.trigger>
<T.content @class="tool-tip">
<div class="box">
{{#if currentTutorialProgress}}
{{currentTutorialProgress.text}}
{{else}}
<p>{{capitalize currentFeatureProgress.feature}}</p>
{{currentFeatureProgress.text}}
{{/if}}
</div>
</T.content>
</ToolTip>
{{else}}
{{#if selectProgress}}
<WizardProgress @noProgress={{true}} @progressBar={{selectProgress}} />
{{/if}}
{{/if}}
</div>
{{yield}}