| <div class="wizard-header"> |
| {{#unless this.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 @name={{this.glyph}} /> |
| {{this.headerText}} |
| </h1> |
| {{#if this.showProgress}} |
| <ToolTip @verticalPosition="below" as |T|> |
| <T.Trigger @tabindex="-1"> |
| <WizardProgress @currentFeatureProgress={{this.currentFeatureProgress}} @progressBar={{this.progressBar}} /> |
| </T.Trigger> |
| <T.Content @defaultClass="tool-tip"> |
| <div class="box"> |
| {{#if this.currentTutorialProgress}} |
| {{this.currentTutorialProgress.text}} |
| {{else}} |
| <p>{{capitalize this.currentFeatureProgress.feature}}</p> |
| {{this.currentFeatureProgress.text}} |
| {{/if}} |
| </div> |
| </T.Content> |
| </ToolTip> |
| {{else}} |
| {{#if this.selectProgress}} |
| <WizardProgress @noProgress={{true}} @progressBar={{this.selectProgress}} /> |
| {{/if}} |
| {{/if}} |
| </div> |
| {{yield}} |
