misc: configurator: Disable steps until prior step completed

Step 2 should be available after board is imported/created, and step
3 should follow step 2.

Tracked-On: #7435
Signed-off-by: Yifan Liu <yifan1.liu@intel.com>
This commit is contained in:
Yifan Liu 2022-05-07 14:33:19 +08:00 committed by acrnsi-robot
parent 5172bbf760
commit a12edaaab2

View File

@ -30,17 +30,17 @@
</div> </div>
</div> </div>
</template> </template>
<Scenario :scenario="scenario" @scenarioUpdate="scenarioUpdate"/> <Scenario v-if="boardHaveData" :scenario="scenario" @scenarioUpdate="scenarioUpdate"/>
</b-accordion-item> </b-accordion-item>
<Banner> <Banner>
<div style="position: relative"> <div style="position: relative">
<button type="button" class="btn btn-primary btn-lg SaveButton" @click="saveScenario"> <button type="button" :disabled="!scenarioHaveData" class="btn btn-primary btn-lg SaveButton" @click="saveScenario">
Save Scenario and Launch Scripts Save Scenario and Launch Scripts
</button> </button>
</div> </div>
</Banner> </Banner>
<b-accordion-item visible> <b-accordion-item>
<template #title> <template #title>
<div class="p-1 ps-3 d-flex w-100 justify-content-between align-items-center"> <div class="p-1 ps-3 d-flex w-100 justify-content-between align-items-center">
<div class="fs-4">3. Configure settings for scenario and launch scripts</div> <div class="fs-4">3. Configure settings for scenario and launch scripts</div>
@ -111,6 +111,9 @@ export default {
computed: { computed: {
scenarioHaveData() { scenarioHaveData() {
return !_.isEmpty(this.scenario); return !_.isEmpty(this.scenario);
},
boardHaveData() {
return !_.isEmpty(this.board);
} }
}, },
methods: { methods: {