From 886bdc5db82c88b7b7fe54e29459751390b1c626 Mon Sep 17 00:00:00 2001 From: twotalesanimation <80506065+twotalesanimation@users.noreply.github.com> Date: Fri, 5 Dec 2025 10:55:35 +0200 Subject: [PATCH] feat: Add JavaScript handlers for membership linking UI - Add form submission handler for linkUserForm - Validates form input and sends email + relationship to /link_membership_user - Displays success message and reloads page on successful link - Shows error messages with proper styling - Add unlink button click handlers - Confirms deletion before removing linked account - Sends link_id to /unlink_membership_user processor - Reloads page on successful removal - Integrate CSRF token validation - Form includes CSRF token generation - JavaScript captures and includes token in AJAX requests The membership linking UI is now fully functional. Secondary users can be linked to primary memberships and removed as needed. --- src/pages/memberships/membership_details.php | 137 +++++++++++++++++++ 1 file changed, 137 insertions(+) diff --git a/src/pages/memberships/membership_details.php b/src/pages/memberships/membership_details.php index c17cd7e6..85544346 100644 --- a/src/pages/memberships/membership_details.php +++ b/src/pages/memberships/membership_details.php @@ -216,6 +216,74 @@ if (empty($application['id_number'])) { '; } ?> + + +
+
+

Linked Accounts (Family & Partners)

+

Link additional family members or partners to your membership to give them access to member benefits.

+
+ + + + +
+

Currently Linked Accounts

+
+ +
+
+

+

+ • + +

+
+ +
+ +
+
+ +
+

No linked accounts yet.

+
+ + + +
+

Add Linked Account

+
+ + +
+ + +

They must have an existing 4WDCSA account

+
+ +
+ + +
+ + +
+
+
+
@@ -466,6 +534,75 @@ if (empty($application['id_number'])) { $('#responseMessage').html(''); // Clear the message $('#responseMessage2').html(''); // Clear the message }); + + // Link User Form + $('#linkUserForm').on('submit', function(e) { + e.preventDefault(); + const email = $('#secondary_email').val(); + const relationship = $('#relationship').val(); + const csrfToken = $('input[name="csrf_token"]').val(); + + $.ajax({ + url: 'link_membership_user', + type: 'POST', + dataType: 'json', + data: { + secondary_email: email, + relationship: relationship, + csrf_token: csrfToken + }, + success: function(response) { + if (response.success) { + $('#linkMessage').html('
' + response.message + '
'); + $('#linkUserForm')[0].reset(); + // Reload page after 2 seconds to show updated list + setTimeout(function() { + location.reload(); + }, 2000); + } else { + $('#linkMessage').html('
' + response.message + '
'); + } + }, + error: function(xhr) { + try { + const response = JSON.parse(xhr.responseText); + $('#linkMessage').html('
' + response.message + '
'); + } catch (e) { + $('#linkMessage').html('
Error linking user. Please try again.
'); + } + } + }); + }); + + // Unlink User + $(document).on('click', '.unlink-btn', function() { + const linkId = $(this).data('link-id'); + const csrfToken = $('input[name="csrf_token"]').val(); + + if (confirm('Are you sure you want to remove this linked account?')) { + $.ajax({ + url: 'unlink_membership_user', + type: 'POST', + dataType: 'json', + data: { + link_id: linkId, + csrf_token: csrfToken + }, + success: function(response) { + if (response.success) { + // Reload page to show updated list + location.reload(); + } else { + alert('Error: ' + response.message); + } + }, + error: function() { + alert('Error removing linked account. Please try again.'); + } + }); + } + }); + // Profile Picture Upload $('#uploadPictureBtn').click(function() { $('#profile_picture').click();