New Case Contact Table: implement "filter" button/functionality

[MikeRose151]

What type(s) of user does this feature affect?

• volunteers

Description

This ticket is a sub-section of a bigger ticket: https://github.com/rubyforgood/casa/issues/6462. Some foundational work for the bigger ticket has been started in this PR: https://github.com/rubyforgood/casa/pull/6467.

This ticket is to add the "filter" button and its functionality to actually filter the table by its constraints. The existing version of the case contacts table (old design) includes the logic for filtering, so it should be a case of refactoring so that it works on this new design.

Screenshots of current behavior, if any

How to access the QA site

Login Details:
Link to QA site

Login Emails:

• [email protected] view site as a volunteer
• [email protected] view site as a supervisor
• [email protected] view site as an admin
• [email protected] view site as an all casa admin
  • go to /all_casa_admins/sign_in

password for all users: 12345678

Questions? Join Slack!

We highly recommend that you join us in slack #casa channel to ask questions quickly. And discord for office hours (currently Tuesday 5-7pm Pacific), stakeholder news, and upcoming new issues.

[LFGhidelli]

Hello! Can I work on this issue, please?

[compwron]

@LFGhidelli go for it!

[LFGhidelli]

Hello!

I’m trying to replicate the page shown in the print screen, but I can’t seem to get to it

I found the controller (CaseContacts::CaseContactsNewDesignController) and the corresponding view files looking at older PRs. I also ran: Flipper.enable(:new_case_contact_table) because I was getting "feature unavailable" alert. Then I pasted /case_contacts/new_design in the url, but still can´t get to exact page shown above. What am I missing?

[compwron]

@MikeRose151 can you answer this question?

[MikeRose151]

Hello!

I’m trying to replicate the page shown in the print screen, but I can’t seem to get to it

I found the controller (CaseContacts::CaseContactsNewDesignController) and the corresponding view files looking at older PRs. I also ran: Flipper.enable(:new_case_contact_table) because I was getting "feature unavailable" alert. Then I pasted /case_contacts/new_design in the url, but still can´t get to exact page shown above. What am I missing?

Hey @LFGhidelli !

case_contacts/new_design is the correct URL and, you're right, what you see there doesn't match the screenshot above just yet. The screenshot is a figma design for what it will look like once all the tickets relating to this page are completed. Does that answer your question? :)

[LFGhidelli]

Ah that explains a lot!

So I just need to implement the filter in this page, right? Thanks for clarifying, guys!

[MikeRose151]

Yep just the filter button and the filtering functionality!

Ah that explains a lot!

So I just need to implement the filter in this page, right? Thanks for clarifying, guys!

[github-actions[bot]]

This issue has been inactive for 241 hours (10.04 days) and will be unassigned after 119 more hours (4.96 days). If you have questions, please

If you are still working on this, comment here to tell the bot to give you more time

[LFGhidelli]

Still working on this!

[github-actions[bot]]

This issue has been inactive for 245 hours (10.21 days) and will be unassigned after 115 more hours (4.79 days). If you have questions, please

If you are still working on this, comment here to tell the bot to give you more time

[github-actions[bot]]

This issue has been inactive for 365 hours (15.21 days) and is past the limit of 360 hours (15.00 days) so is being unassigned.You’ve just been unassigned from this ticket due to inactivity – but feel free to pick it back up (or a new one!) in the future! Thank you again for your contribution to this project.