1313 <div v-for =" (step, index) in steps" :key =" index" class =" step-item" :class =" {
1414 'active': currentStep === index + 1,
1515 'completed': currentStep > index + 1,
16- 'disabled': currentStep === 7 || currentStep === 8 ,
17- 'clickable': currentStep > index + 1 && currentStep < 7
16+ 'disabled': currentStep === 8 || currentStep === 9 ,
17+ 'clickable': currentStep > index + 1 && currentStep < 8
1818 }" @click =" handleStepClick(index + 1)" :data-id =" `step-item-${index + 1}`" >
1919 <div class =" step-number" :data-id =" `step-number-${index + 1}`" >
2020 <template v-if =" currentStep > index + 1 " >
4040 <TargetSelect :nextstep =" nextStep" v-if =" currentStep === 3" data-id =" target-select" />
4141 <VersionSelect :nextstep =" nextStep" v-if =" currentStep === 4" data-id =" version-select" />
4242 <MirrorSelect :nextstep =" nextStep" v-if =" currentStep === 5" data-id =" mirror-select" />
43- <InstallationPathSelect :nextstep =" nextStep" v-if =" currentStep === 6" data-id =" installation-path-select" />
44- <InstalationProgress :nextstep =" nextStep" v-if =" currentStep === 7" data-id =" installation-progress" />
45- <Complete v-if =" currentStep === 8" data-id =" complete" />
43+ <FeaturesSelect :nextstep =nextStep v-if =" currentStep === 6" data-id =" features-select" />
44+ <InstallationPathSelect :nextstep =nextStep v-if =" currentStep === 7" data-id =" installation-path-select" />
45+ <InstalationProgress :nextstep =nextStep v-if =" currentStep === 8" data-id =" installation-progress" />
46+ <Complete v-if =" currentStep === 9" data-id =" complete" />
4647 </div >
4748 </transition >
4849 </div >
@@ -61,6 +62,7 @@ import PythonSanitycheck from './wizard_steps/PythonSanitycheck.vue';
6162import TargetSelect from ' ./wizard_steps/TargetSelect.vue' ;
6263import VersionSelect from ' ./wizard_steps/VersionSelect.vue' ;
6364import MirrorSelect from ' ./wizard_steps/MirrorSelect.vue' ;
65+ import FeaturesSelect from ' ./wizard_steps/FeaturesSelect.vue' ;
6466import InstallationPathSelect from ' ./wizard_steps/InstallationPathSelect.vue' ;
6567import InstalationProgress from ' ./wizard_steps/InstalationProgress.vue' ;
6668import Complete from ' ./wizard_steps/Complete.vue' ;
@@ -77,6 +79,7 @@ export default {
7779 TargetSelect,
7880 VersionSelect,
7981 MirrorSelect,
82+ FeaturesSelect,
8083 InstallationPathSelect,
8184 InstalationProgress,
8285 },
@@ -92,6 +95,7 @@ export default {
9295 { titleKey: " wizardStep.steps.selectTarget" },
9396 { titleKey: " wizardStep.steps.selectVersion" },
9497 { titleKey: " wizardStep.steps.selectMirror" },
98+ { titleKey: " wizardStep.steps.selectFeatures" },
9599 { titleKey: " wizardStep.steps.selectPath" },
96100 { titleKey: " wizardStep.steps.installationProgress" },
97101 { titleKey: " wizardStep.steps.installationComplete" }
@@ -128,6 +132,7 @@ export default {
128132 { titleKey: " wizardStep.steps.selectTarget" },
129133 { titleKey: " wizardStep.steps.selectVersion" },
130134 { titleKey: " wizardStep.steps.selectMirror" },
135+ { titleKey: " wizardStep.steps.selectFeatures" },
131136 { titleKey: " wizardStep.steps.selectPath" },
132137 { titleKey: " wizardStep.steps.installationProgress" },
133138 { titleKey: " wizardStep.steps.installationComplete" }
@@ -136,9 +141,9 @@ export default {
136141 handleStepClick (stepNumber ) {
137142 // Only allow navigation if:
138143 // 1. The step has been completed (currentStep > stepNumber)
139- // 2. We're not in the installation or completion steps (currentStep < 7 )
144+ // 2. We're not in the installation or completion steps (currentStep < 8 )
140145 // 3. We're not trying to navigate to a step after our current position
141- if (this .currentStep > stepNumber && this .currentStep < 7 ) {
146+ if (this .currentStep > stepNumber && this .currentStep < 8 ) {
142147 this .store .goToStep (stepNumber);
143148 }
144149 },
0 commit comments