23 lines
700 B
HTML
23 lines
700 B
HTML
<Modal :name="wizardName" :isOpen="isModalOpen" @closeModal="closeModal">
|
|
<div ref="wizard" class="wizard">
|
|
<Header :stepNames="stepNames" :currentStep="step" @goToStep="goToStep"></Header>
|
|
|
|
<template v-for="step in totalStepCount">
|
|
<Step
|
|
v-if="isCurrentStep(step)"
|
|
:class="getStepGTMString(step)"
|
|
:stepNum="step"
|
|
:key="step"
|
|
:fullWidth="step === stepNames.length && stepNames.length > 1">
|
|
<component :is="stepComponent"></component>
|
|
</Step>
|
|
</template>
|
|
|
|
<Footer v-if="showFooter"
|
|
:stepNames="stepNames"
|
|
:currentStep="step"
|
|
@goToStep="goToStep"
|
|
@closeModal="closeModal"></Footer>
|
|
</div>
|
|
</Modal>
|