vault/ui/app/components/wizard/guided-start.hbs
Vault Automation 561a757ade
UI: Intro Page Style Updates + Fixes (#12488) (#12619)
* update styles and casing

* fix check for default secret engines

* show content behind intro modal

* revert header changes

* update alert and test

* add test coverage and update flash message

* update doc link style class and update test

* update tests

* update test to avoid state mismatches

* update test

Co-authored-by: lane-wetmore <lane.wetmore@hashicorp.com>
2026-03-05 17:52:36 +00:00

56 lines
1.4 KiB
Handlebars

{{!
Copyright IBM Corp. 2016, 2025
SPDX-License-Identifier: BUSL-1.1
}}
<Page::Header @title={{concat @title " Guided Start"}} />
<div class="guided-start" ...attributes>
<Hds::Stepper::Nav
class="has-top-margin-xl has-bottom-margin-xl is-flex-column is-flex-grow-1"
@isInteractive={{true}}
@onStepChange={{this.onNavStepChange}}
@currentStep={{@currentStep}}
@steps={{@steps}}
as |S|
>
{{#each @steps as |step|}}
<S.Step>
<:title>{{step.title}}</:title>
</S.Step>
<S.Panel class="content" data-test-content>
{{#let (component step.component) as |StepComponent|}}
<StepComponent @wizardState={{@wizardState}} @updateWizardState={{@updateWizardState}} />
{{/let}}
</S.Panel>
{{/each}}
</Hds::Stepper::Nav>
<div class="button-bar">
{{#if (gt @currentStep 0)}}
<Hds::Button
@text="Back"
@color="tertiary"
@icon="chevron-left"
{{on "click" (fn this.onStepChange -1)}}
data-test-back-button
/>
{{/if}}
<Hds::ButtonSet>
{{yield to="exit"}}
{{#if this.isFinalStep}}
{{yield to="submit"}}
{{else}}
<Hds::Button
@text="Next"
disabled={{not @canProceed}}
{{on "click" (fn this.onStepChange 1)}}
data-test-button="Next"
/>
{{/if}}
</Hds::ButtonSet>
</div>
</div>