copenhagentruckwash/pleno-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update step labels in MyWashStart.vue for clearer user guidance and streamline step visibility logic

Browse Source
This commit is contained in:
Jeppe Bundgaard
2026-01-20 14:58:13 +01:00
parent ec5ff41bfa
commit 781b419a28
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/dashboards/userDashboard/wash/MyWashStart.vue
+4 -4
View File
@@ -1020,7 +1020,7 @@ watch(() => allVisibleQuestionsAnswered.value, (newValue) => {
</h5>
<b-steps type="is-link" size="is-small" v-model="currentStep" :has-navigation="true">
<!-- Vehicle -->
<b-step-item label="Nummerplade" iconPack="fas" icon="car-side" :step="steps.VEHICLE" :clickable="clickableSteps[steps.VEHICLE]()">
<b-step-item label="Vælg køretøj" iconPack="fas" icon="car-side" :step="steps.VEHICLE" :clickable="clickableSteps[steps.VEHICLE]()">
<h1 class="title has-text-centered">Køretøj</h1>
<!-- Customer number (if needed) -->
<b-field label="Kundenummer" v-if="!SessionUser.user.customer_number.value || !customerNumberInput">
@@ -1287,7 +1287,7 @@ watch(() => allVisibleQuestionsAnswered.value, (newValue) => {
</div>
</b-step-item>
<!-- Tasks -->
<b-step-item label="Vask" iconPack="fas" icon="soap" :step="steps.TASKS" :clickable="clickableSteps[steps.TASKS]()" :visible="activeTasks.length > 0 && (currentStep === steps.TASKS || currentStep === steps.QUESTIONS || currentStep === steps.VEHICLE || currentStep === steps.SELECT_LANE)">
<b-step-item label="Udfør vask" iconPack="fas" icon="soap" :step="steps.TASKS" :clickable="clickableSteps[steps.TASKS]()" :visible="(currentStep === steps.TASKS || currentStep === steps.QUESTIONS || currentStep === steps.VEHICLE || currentStep === steps.SELECT_LANE)">
<div v-if="isLoadingSelfServeData" class="has-text-centered p-6">
<b-icon pack="fas" icon="spinner" custom-class="fa-pulse" size="is-large"></b-icon>
<p>Henter data...</p>
@@ -1330,7 +1330,7 @@ watch(() => allVisibleQuestionsAnswered.value, (newValue) => {
</div>
</b-step-item>
<!-- Wash -->
<b-step-item label="Vask" iconPack="fas" icon="soap" :step="steps.WASH_IN_PROGRESS" :clickable="clickableSteps[steps.WASH_IN_PROGRESS]()" :visible="currentStep === steps.WASH_IN_PROGRESS || currentStep === steps.COMPLETED">
<b-step-item label="Udfør vask" iconPack="fas" icon="soap" :step="steps.WASH_IN_PROGRESS" :clickable="clickableSteps[steps.WASH_IN_PROGRESS]()" :visible="currentStep === steps.WASH_IN_PROGRESS">
<div style="position: sticky; top: 0; background-color: white; z-index: 10; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem;">
<h1 class="title has-text-centered">Vask i gang</h1>
<h2 class="subtitle has-text-centered">
@@ -1439,7 +1439,7 @@ watch(() => allVisibleQuestionsAnswered.value, (newValue) => {
</template>
</b-step-item>
<!-- Completed -->
<b-step-item label="Færdig" iconPack="fas" icon="check-circle" :step="steps.COMPLETED">
<b-step-item label="Udfør vask" iconPack="fas" icon="soap" :step="steps.COMPLETED" :visible="currentStep === steps.COMPLETED">
<h1 class="title has-text-centered">Vask færdig</h1>
<p class="has-text-centered">
Din vask er nu færdig! Tak fordi du brugte vores selvbetjeningsvask.