Caseflow: Allow direct navigation to filtered page of task table results using URL parameters

[lowellrex]

11054 completed the move from paginating, filtering, and sorting on the front-end to doing the same thing using API requests to the back-end. With that foundation we can enable direct navigation to a filtered, ordered page of tasks within a tab. For example, navigating directly to /organizations/vlj-support-staff?tab=on_hold&page=3&sort_by=case_details_link&order=desc would load the third page of on hold tasks for the VLJ support staff sorted in descending order by case details link.

🚫 Blocked by

• [x] Enable TaskTable to use API requests to paginate, filter, and sort tasks (#11054)

Acceptance criteria

• [ ] Users can navigate directly to page of task table.

[lomky]

@lowellrex We believe this is a duplicate of work we'll have already done in #11052. What do you see being done distinctly in this task?

[lowellrex]

@lowellrex We believe this is a duplicate of work we'll have already done in #11052. What do you see being done distinctly in this task?

This is the front-end work. Navigating /organizations/vlj-support-staff?tab=on_hold&page=3&sort_by=case_details_link&order=desc should cause the front-end pagination, filtering, and sorting components to display correct, as well as making the correct API call to the back-end (which might be identical to the URL).

[hschallhorn]

These links tend to be a little ugly and I'm assuming users don't know how to create them (heck, I hardly did). Should we spin out another PR to allow users to get a sharable link to these (as we did in #8429)?

[lowellrex]

Yes! I think adding some way to get a shareable link for a particular view is a great idea. Super in favor of #12067.

In case it helps to clarify, the goal of this ticket is to make the URL in the address bar reflect the current set of tabs, pages, filters, and sorts (it could also serve double duty as the source of truth for that information).

[lowellrex]

@hschallhorn #12060 looks great! But do we have a ticket to make the URL in the address bar reflect the current set of tabs, pages, filters, and sorts (it could also serve double duty as the source of truth for that information instead of relying on local state or the redux store)?

In the example below I would expect the tab parameter in the URL to change to reflect the current tab. Doing this would allow folks to bookmark a particular set of tabs, pages, filters, and sorts and share the URL with a coworker.

[hschallhorn]

I did not! I actually like that better than creating an entire modal to get the sharable link. updating the address bar seems more intuitive. I'll update that ticket.