refactor: update routing paths in app.vue, enhance AnnualBudget component layout, and streamline dashboard and budget pages for improved user experience

This commit is contained in:
Jennie Robinson Faber 2025-09-08 09:39:30 +01:00
parent 09d8794d72
commit 864a81065c
23 changed files with 3211 additions and 1978 deletions

View file

@ -289,6 +289,16 @@
>
</div>
<!-- View Dashboard button (when partially complete) -->
<button
v-if="hasBasicData && !canComplete"
class="export-btn"
@click="navigateTo('/dashboard')"
>
<UIcon name="i-heroicons-chart-bar" class="mr-2" />
View Dashboard
</button>
<UTooltip :text="incompleteSectionsText" :prevent="canComplete">
<button
class="export-btn primary"
@ -347,6 +357,11 @@ const streamsValid = computed(() => {
);
});
// Check if we have basic data for scenario exploration
const hasBasicData = computed(() => {
return membersValid.value && (costsValid.value || streamsValid.value);
});
// Computed validation - all 4 steps must be valid
const canComplete = computed(() => {
return (