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 " >
3939 <TargetSelect :nextstep =nextStep v-if =" currentStep === 3" data-id =" target-select" />
4040 <VersionSelect :nextstep =nextStep v-if =" currentStep === 4" data-id =" version-select" />
4141 <MirrorSelect :nextstep =nextStep v-if =" currentStep === 5" data-id =" mirror-select" />
42- <InstallationPathSelect :nextstep =nextStep v-if =" currentStep === 6" data-id =" installation-path-select" />
43- <InstalationProgress :nextstep =nextStep v-if =" currentStep === 7" data-id =" installation-progress" />
44- <Complete v-if =" currentStep === 8" data-id =" complete" />
42+ <FeaturesSelect :nextstep =nextStep v-if =" currentStep === 6" data-id =" features-select" />
43+ <InstallationPathSelect :nextstep =nextStep v-if =" currentStep === 7" data-id =" installation-path-select" />
44+ <InstalationProgress :nextstep =nextStep v-if =" currentStep === 8" data-id =" installation-progress" />
45+ <Complete v-if =" currentStep === 9" data-id =" complete" />
4546 </div >
4647 </div >
4748 </div >
@@ -59,6 +60,7 @@ import PythonSanitycheck from './wizard_steps/PythonSanitycheck.vue';
5960import TargetSelect from ' ./wizard_steps/TargetSelect.vue' ;
6061import VersionSelect from ' ./wizard_steps/VersionSelect.vue' ;
6162import MirrorSelect from ' ./wizard_steps/MirrorSelect.vue' ;
63+ import FeaturesSelect from ' ./wizard_steps/FeaturesSelect.vue' ;
6264import InstallationPathSelect from ' ./wizard_steps/InstallationPathSelect.vue' ;
6365import InstalationProgress from ' ./wizard_steps/InstalationProgress.vue' ;
6466import Complete from ' ./wizard_steps/Complete.vue' ;
@@ -75,6 +77,7 @@ export default {
7577 TargetSelect,
7678 VersionSelect,
7779 MirrorSelect,
80+ FeaturesSelect,
7881 InstallationPathSelect,
7982 InstalationProgress,
8083 },
@@ -90,6 +93,7 @@ export default {
9093 { titleKey: " wizardStep.steps.selectTarget" },
9194 { titleKey: " wizardStep.steps.selectVersion" },
9295 { titleKey: " wizardStep.steps.selectMirror" },
96+ { titleKey: " wizardStep.steps.selectFeatures" },
9397 { titleKey: " wizardStep.steps.selectPath" },
9498 { titleKey: " wizardStep.steps.installationProgress" },
9599 { titleKey: " wizardStep.steps.installationComplete" }
@@ -118,6 +122,7 @@ export default {
118122 { titleKey: " wizardStep.steps.selectTarget" },
119123 { titleKey: " wizardStep.steps.selectVersion" },
120124 { titleKey: " wizardStep.steps.selectMirror" },
125+ { titleKey: " wizardStep.steps.selectFeatures" },
121126 { titleKey: " wizardStep.steps.selectPath" },
122127 { titleKey: " wizardStep.steps.installationProgress" },
123128 { titleKey: " wizardStep.steps.installationComplete" }
@@ -126,9 +131,9 @@ export default {
126131 handleStepClick (stepNumber ) {
127132 // Only allow navigation if:
128133 // 1. The step has been completed (currentStep > stepNumber)
129- // 2. We're not in the installation or completion steps (currentStep < 7 )
134+ // 2. We're not in the installation or completion steps (currentStep < 8 )
130135 // 3. We're not trying to navigate to a step after our current position
131- if (this .currentStep > stepNumber && this .currentStep < 7 ) {
136+ if (this .currentStep > stepNumber && this .currentStep < 8 ) {
132137 this .store .goToStep (stepNumber);
133138 }
134139 },
@@ -312,4 +317,3 @@ export default {
312317 transition : all 0.3s ease ;
313318}
314319 </style >
315-
0 commit comments