jennie/app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cleanup

Browse source
This commit is contained in:
Jennie Robinson Faber 2025-09-04 10:42:03 +01:00
parent fc2d9ed56b
commit 983aeca2dc
32 changed files with 1570 additions and 27266 deletions
Download patch file Download diff file Expand all files Collapse all files

43
pages/budget.vue
View file

@ -2,8 +2,36 @@
<div>
<section class="py-8 space-y-6">
<div class="flex items-center justify-between">
<h2 class="text-2xl font-bold">Budget Worksheet</h2>
<div class="flex items-center gap-4">
<h2 class="text-2xl font-bold">Budget Worksheet</h2>
<div class="flex border-2 border-black bg-white">
<button
@click="activeView = 'monthly'"
:class="[
'px-4 py-2 font-medium transition-none',
activeView === 'monthly' ? 'bg-black text-white' : 'bg-white text-black hover:bg-gray-100'
]"
>
Monthly
</button>
<button
@click="activeView = 'annual'"
:class="[
'px-4 py-2 font-medium border-l-2 border-black transition-none',
activeView === 'annual' ? 'bg-black text-white' : 'bg-white text-black hover:bg-gray-100'
]"
>
Annual
</button>
</div>
</div>
<div class="flex items-center gap-2">
<NuxtLink
to="/help"
class="inline-flex items-center px-3 py-2 text-sm font-medium text-blue-600 hover:text-blue-800 border-2 border-blue-200 hover:border-blue-300 bg-blue-50 hover:bg-blue-100 transition-colors"
>
Help & Guides
</NuxtLink>
<UButton
@click="exportBudget"
variant="outline"
@ -29,8 +57,8 @@
</div>
</div>
<!-- Budget Table -->
<div class="border-4 border-black bg-white shadow-[8px_8px_0px_0px_rgba(0,0,0,1)]">
<!-- Monthly View -->
<div v-if="activeView === 'monthly'" class="border-4 border-black bg-white shadow-[8px_8px_0px_0px_rgba(0,0,0,1)]">
<div class="overflow-x-auto">
<table class="w-full border-collapse text-sm">
<thead>
@ -275,6 +303,14 @@
</table>
</div>
</div>
<!-- Annual View -->
<div v-if="activeView === 'annual'">
<AnnualBudget
:orgId="'default'"
:year="new Date().getFullYear()"
/>
</div>
</section>
<!-- Add Revenue Modal -->
@ -519,6 +555,7 @@ const membersStore = useMembersStore();
const policiesStore = usePoliciesStore();
// State
const activeView = ref('monthly');
const showAddRevenueModal = ref(false);
const showAddExpenseModal = ref(false);
const activeTab = ref(0);