From 7f3f3a87d3b8e10a0d3fe6e73c3d118d7d0ef03b Mon Sep 17 00:00:00 2001 From: bakobagassas Date: Tue, 28 Apr 2026 15:00:39 -0400 Subject: [PATCH 1/7] solved the responsiveness issue Co-authored-by: Copilot --- app/static/js/volunteerDetails.js | 6 +++--- app/templates/events/volunteerDetails.html | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/static/js/volunteerDetails.js b/app/static/js/volunteerDetails.js index 1b6192a23..e1b8adf00 100644 --- a/app/static/js/volunteerDetails.js +++ b/app/static/js/volunteerDetails.js @@ -51,15 +51,16 @@ $(document).ready(function () { let checkboxId = this.id; if ($('#' + checkboxId).is(':checked')) { $("#volunteerInformationCardToPrint ." + checkboxId).show(); + $("#volunteerInformationTableToPrint ." + checkboxId).show(); } else { $("#volunteerInformationCardToPrint ." + checkboxId).hide(); + $("#volunteerInformationTableToPrint ." + checkboxId).hide(); } - }); + }); hideDuplicateVolunteers() volunteerInfoTable.page('first').draw(false); } - function sortVolunteers() { let sortedTable = $("#volunteerInformationTableToPrint_wrapper"); let entriesTable = sortedTable.find(".volunteerInfoEntries"); @@ -72,7 +73,6 @@ $(document).ready(function () { entriesCards.appendTo(sortedCards); }; - var volunteerInfoTable = $('#volunteerInformationTableToPrint').DataTable({pageLength: 10,order: [[0, 'asc']]}); getCheckBoxes() hideDuplicateVolunteers() diff --git a/app/templates/events/volunteerDetails.html b/app/templates/events/volunteerDetails.html index 6464a869c..b04bedef8 100644 --- a/app/templates/events/volunteerDetails.html +++ b/app/templates/events/volunteerDetails.html @@ -128,7 +128,7 @@


-
+

From b7defc9196e4c4c8a6cf47854752b8fb23a073c3 Mon Sep 17 00:00:00 2001 From: bakobagassas Date: Tue, 28 Apr 2026 15:18:22 -0400 Subject: [PATCH 2/7] matched the order of the checkboxes with the table --- app/templates/events/volunteerDetails.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/app/templates/events/volunteerDetails.html b/app/templates/events/volunteerDetails.html index b04bedef8..07d4df486 100644 --- a/app/templates/events/volunteerDetails.html +++ b/app/templates/events/volunteerDetails.html @@ -117,16 +117,16 @@


- -
- -

- -

+ +
+ +
+ +

From 5c9ea773fc34f1518c48b25c75ad642fcac5cac0 Mon Sep 17 00:00:00 2001 From: bakobagassas Date: Fri, 1 May 2026 10:38:19 -0400 Subject: [PATCH 3/7] added consistent table order --- app/static/js/volunteerDetails.js | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/app/static/js/volunteerDetails.js b/app/static/js/volunteerDetails.js index e1b8adf00..af8a496ad 100644 --- a/app/static/js/volunteerDetails.js +++ b/app/static/js/volunteerDetails.js @@ -5,6 +5,15 @@ $(document).ready(function () { }).get(); users = new Set(users); users = [... users] + const columnMap = { + phoneSelect: 1, + emailSelect: 2, + statusSelect: 3, + dietRestrictionSelect: 4, + emergencyContactSelect: 5, + insuranceSelect: 6, + }; + $("#tableCardToggle").on('click', function () { $("#volunteerInformationCardToPrint").toggle() $("#volunteerInformationTableToPrint_wrapper").toggle() From 8ad94a384c496f29b92c5f1ef124b27efeba131c Mon Sep 17 00:00:00 2001 From: bakobagassas Date: Fri, 1 May 2026 10:39:44 -0400 Subject: [PATCH 4/7] getcheckedbox review --- app/static/js/volunteerDetails.js | 28 +++++++++++++++------------- 1 file changed, 15 insertions(+), 13 deletions(-) diff --git a/app/static/js/volunteerDetails.js b/app/static/js/volunteerDetails.js index af8a496ad..a4a5e49d6 100644 --- a/app/static/js/volunteerDetails.js +++ b/app/static/js/volunteerDetails.js @@ -56,20 +56,22 @@ $(document).ready(function () { }); } function getCheckBoxes() { - $(".displayCheckbox").each(function () { - let checkboxId = this.id; - if ($('#' + checkboxId).is(':checked')) { - $("#volunteerInformationCardToPrint ." + checkboxId).show(); - $("#volunteerInformationTableToPrint ." + checkboxId).show(); - } else { - $("#volunteerInformationCardToPrint ." + checkboxId).hide(); - $("#volunteerInformationTableToPrint ." + checkboxId).hide(); - } - }); - hideDuplicateVolunteers() - volunteerInfoTable.page('first').draw(false); + $(".displayCheckbox").each(function () { + let checkboxId = this.id; + let isChecked = $(this).is(':checked'); + if (checkboxId in columnMap) { + volunteerInfoTable.column(columnMap[checkboxId]).visible(isChecked); + } + if (isChecked) { + $("#volunteerInformationCardToPrint ." + checkboxId).show(); + } else { + $("#volunteerInformationCardToPrint ." + checkboxId).hide(); + } + }); + hideDuplicateVolunteers() + volunteerInfoTable.page('first').draw(false); + } - } function sortVolunteers() { let sortedTable = $("#volunteerInformationTableToPrint_wrapper"); let entriesTable = sortedTable.find(".volunteerInfoEntries"); From 807cd52d9bec588d2f55673f05d0b7eb91becd98 Mon Sep 17 00:00:00 2001 From: bakobagassas Date: Fri, 1 May 2026 10:40:38 -0400 Subject: [PATCH 5/7] sortvolunteers review --- app/static/js/volunteerDetails.js | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/app/static/js/volunteerDetails.js b/app/static/js/volunteerDetails.js index a4a5e49d6..e151e2a83 100644 --- a/app/static/js/volunteerDetails.js +++ b/app/static/js/volunteerDetails.js @@ -73,17 +73,19 @@ $(document).ready(function () { } function sortVolunteers() { - let sortedTable = $("#volunteerInformationTableToPrint_wrapper"); - let entriesTable = sortedTable.find(".volunteerInfoEntries"); - - entriesTable.sort(function (a, b) { - let textA = a.getElementsByClassName('nameSelect')[0].innerText - let textB = b.getElementsByClassName('nameSelect')[0].innerText - return textA.localeCompare(textB); - }); - - entriesCards.appendTo(sortedCards); - }; + let sortedTable = $("#volunteerInformationTableToPrint_wrapper"); + let entriesTable = sortedTable.find(".volunteerInfoEntries"); + + entriesTable.sort(function (a, b) { + let textA = a.getElementsByClassName('nameSelect')[0].innerText + let textB = b.getElementsByClassName('nameSelect')[0].innerText + return textA.localeCompare(textB); + }); + let sortedCards = $("#volunteerInformationCardToPrint .sort-here"); + let entriesCards = sortedCards.find(".volunteerInfoEntries"); + entriesCards.appendTo(sortedCards); + }; + var volunteerInfoTable = $('#volunteerInformationTableToPrint').DataTable({pageLength: 10,order: [[0, 'asc']]}); getCheckBoxes() hideDuplicateVolunteers() From 3b2ed6b062741f1216ddd2a49e2c7a604ea5da5a Mon Sep 17 00:00:00 2001 From: zawn Date: Sat, 9 May 2026 15:12:23 -0400 Subject: [PATCH 6/7] Finish merge From d8569e8466b1f79cd7cdb7293c6421ca754457eb Mon Sep 17 00:00:00 2001 From: zawn Date: Sat, 9 May 2026 15:41:59 -0400 Subject: [PATCH 7/7] the table's responsiveness breaks when the checkmarks are toggle the table remove the columsn but when the checkmark are ticekd back the action broke the table's responsivness. This isn't a bug created by Sara but it was responsive bug that already exist but was not discover because the checkmark was broken. The fixed now is to have a wrapper around the table to maintain its responsivness while allowing the table to be responsive wihtin the wrapper. --- app/templates/events/volunteerDetails.html | 35 +++++++++++----------- 1 file changed, 18 insertions(+), 17 deletions(-) diff --git a/app/templates/events/volunteerDetails.html b/app/templates/events/volunteerDetails.html index 07d4df486..c955905e0 100644 --- a/app/templates/events/volunteerDetails.html +++ b/app/templates/events/volunteerDetails.html @@ -162,23 +162,24 @@

{{ printParticipants('card', attendedUser, rsvpUser, waitlistUser) }}

- - - - - - - - - - - - - - - {{ printParticipants('table', attendedUser, rsvpUser, waitlistUser) }} - -
NamePhone NumberEmailVolunteer StatusDietary RestrictionsEmergency ContactInsurance Information
+
+ + + + + + + + + + + + + + {{ printParticipants('table', attendedUser, rsvpUser, waitlistUser) }} + +
NamePhone NumberEmailVolunteer StatusDietary RestrictionsEmergency ContactInsurance Information
+
{% else %}

No volunteer information available for this event.

{% endif %}