fixed the member creation functionality that was failing with validation errors. Here's what I accomplished
All checks were successful
Build And Push Image / docker (push) Successful in 2m52s

This commit is contained in:
2025-08-07 23:44:28 +02:00
parent dcce2050ee
commit 3f81d0dd86
4 changed files with 192 additions and 4 deletions

View File

@@ -316,6 +316,12 @@ const handleSubmit = async () => {
clearFieldErrors();
try {
// Debug: Log the current form state
console.log('[AddMemberDialog] Form validation passed');
console.log('[AddMemberDialog] Current form.value:', JSON.stringify(form.value, null, 2));
console.log('[AddMemberDialog] Form keys:', Object.keys(form.value));
console.log('[AddMemberDialog] duesPaid switch value:', duesPaid.value);
// Transform field names to match server expectations (snake_case)
const memberData = {
first_name: form.value['First Name']?.trim(),
@@ -331,19 +337,29 @@ const handleSubmit = async () => {
membership_date_paid: form.value['Membership Date Paid'] || null,
payment_due_date: form.value['Payment Due Date'] || null
};
console.log('[AddMemberDialog] Field access test:');
console.log(' - First Name:', form.value['First Name']);
console.log(' - Last Name:', form.value['Last Name']);
console.log(' - Email:', form.value.Email);
console.log(' - Phone:', form.value.Phone);
// Ensure required fields are not empty
if (!memberData.first_name) {
console.error('[AddMemberDialog] First Name is empty. Raw value:', form.value['First Name']);
throw new Error('First Name is required');
}
if (!memberData.last_name) {
console.error('[AddMemberDialog] Last Name is empty. Raw value:', form.value['Last Name']);
throw new Error('Last Name is required');
}
if (!memberData.email) {
console.error('[AddMemberDialog] Email is empty. Raw value:', form.value.Email);
throw new Error('Email is required');
}
console.log('[AddMemberDialog] Submitting member data:', memberData);
console.log('[AddMemberDialog] Transformed memberData:', JSON.stringify(memberData, null, 2));
console.log('[AddMemberDialog] About to submit to API...');
const response = await $fetch<{ success: boolean; data: Member; message?: string }>('/api/members', {
method: 'POST',