matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update member list ID display and move Mark Paid button
Build And Push Image / docker (push) Successful in 2m0s Details 

- Changed ID display from "DB ID: pending" to "ID Pending" for cleaner UI
- Moved Mark Paid button from Dues column to Actions column for better organization
- Increased Actions column width to accommodate the Mark Paid button
- Simplified the dues status display to just show the chip

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Matt 2025-09-05 17:03:26 +02:00
parent 793d973f35
commit 5e5bcdfb4f
1 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pages/admin/members/index.vue
View File

@ -177,7 +177,7 @@
/>
<div>
<div class="font-weight-medium">{{ item.first_name }} {{ item.last_name }}</div>
<div class="text-caption text-medium-emphasis">ID: {{ item.member_id || `Pending (DB ID: ${item.Id})` }}</div>
<div class="text-caption text-medium-emphasis">{{ item.member_id ? `ID: ${item.member_id}` : 'ID Pending' }}</div>
</div>
</div>
</template>
@ -200,14 +200,17 @@
</template>
<template v-slot:item.dues_paid="{ item }">
<div class="d-flex align-center gap-2">
<v-chip
:color="item.dues_paid_this_year ? 'success' : 'warning'"
size="small"
variant="flat"
>
{{ item.dues_paid_this_year ? 'Yes' : 'No' }}
</v-chip>
<v-chip
:color="item.dues_paid_this_year ? 'success' : 'warning'"
size="small"
variant="flat"
>
{{ item.dues_paid_this_year ? 'Yes' : 'No' }}
</v-chip>
</template>
<template v-slot:item.actions="{ item }">
<div class="d-flex align-center gap-1">
<v-btn
v-if="!item.dues_paid_this_year"
color="success"
@ -218,11 +221,6 @@
<v-icon start size="16">mdi-check</v-icon>
Mark Paid
</v-btn>
</div>
</template>
<template v-slot:item.actions="{ item }">
<div class="d-flex align-center gap-1">
<v-btn
icon="mdi-eye"
size="small"
@ -545,7 +543,7 @@ const enhancedHeaders = [
{ title: 'Email', key: 'email', sortable: true },
{ title: 'Nationality', key: 'nationality', sortable: true },
{ title: 'Dues Paid This Year', key: 'dues_paid', sortable: true },
{ title: 'Actions', key: 'actions', sortable: false, align: 'center', width: '200' }
{ title: 'Actions', key: 'actions', sortable: false, align: 'center', width: '250' }
];
// Real data from API