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>
<div class="font-weight-medium">{{ item.first_name }} {{ item.last_name }}</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>
</div> </div>
</template> </template>
@ -200,14 +200,17 @@
</template> </template>
<template v-slot:item.dues_paid="{ item }"> <template v-slot:item.dues_paid="{ item }">
<div class="d-flex align-center gap-2"> <v-chip
<v-chip :color="item.dues_paid_this_year ? 'success' : 'warning'"
:color="item.dues_paid_this_year ? 'success' : 'warning'" size="small"
size="small" variant="flat"
variant="flat" >
> {{ item.dues_paid_this_year ? 'Yes' : 'No' }}
{{ item.dues_paid_this_year ? 'Yes' : 'No' }} </v-chip>
</v-chip> </template>
<template v-slot:item.actions="{ item }">
<div class="d-flex align-center gap-1">
<v-btn <v-btn
v-if="!item.dues_paid_this_year" v-if="!item.dues_paid_this_year"
color="success" color="success"
@ -218,11 +221,6 @@
<v-icon start size="16">mdi-check</v-icon> <v-icon start size="16">mdi-check</v-icon>
Mark Paid Mark Paid
</v-btn> </v-btn>
</div>
</template>
<template v-slot:item.actions="{ item }">
<div class="d-flex align-center gap-1">
<v-btn <v-btn
icon="mdi-eye" icon="mdi-eye"
size="small" size="small"
@ -545,7 +543,7 @@ const enhancedHeaders = [
{ title: 'Email', key: 'email', sortable: true }, { title: 'Email', key: 'email', sortable: true },
{ title: 'Nationality', key: 'nationality', sortable: true }, { title: 'Nationality', key: 'nationality', sortable: true },
{ title: 'Dues Paid This Year', key: 'dues_paid', 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 // Real data from API