Adding goToPage(0) to Filters from within the Table and the Stats Bar

[ciegler]

As described in Issue #1089 when filtering the Event Table via the addFilter functionality of the links within the table or the stats bar the offset was not reset, leading to an empty table. This filter functionality is available for:

• series names
• locations
• presenter
• date
• all field in the stats bar

This PR fixes the bug by making sure that before fetching the Events with the Filter the UI returns to the first page of the table and thereby resetting the offset to 0. The same behavior was already implemented for filtering the table via the Filter Bar.

How to test:

• go to the last page of the table (or at least not page 1)
• click on a link/field for filtering the table (one of the fields named above)

[github-actions]

Use docker or podman to test this pull request locally.

Run test server using develop.opencast.org as backend:

podman run --rm -it -p 127.0.0.1:3000:3000 ghcr.io/opencast/opencast-admin-interface:pr-1266

Specify a different backend like stable.opencast.org:

podman run --rm -it -p 127.0.0.1:3000:3000 -e PROXY_TARGET=https://stable.opencast.org ghcr.io/opencast/opencast-admin-interface:pr-1266

It may take a few seconds for the interface to spin up.
It will then be available at http://127.0.0.1:3000.
For more options you can pass on to the proxy, take a look at the README.md.

[github-actions]

This pull request is deployed at test.admin-interface.opencast.org/1266/2025-05-20_08-18-17/ .
It might take a few minutes for it to become available.

[luniki]

Please fix the indentation issues. Otherwise the code is fine and it works as described.

[luniki]

Fix the indentation:

Suggested change

	dispatch(goToPage(0));
	await dispatch(editFilterValue({filterName: filter.name, value: presenter}));
	dispatch(goToPage(0));
	await dispatch(editFilterValue({filterName: filter.name, value: presenter}));

[luniki]

Fix indentation:

Suggested change

	dispatch(goToPage(0));
	await dispatch(editFilterValue({filterName: filter.name, value: seriesId}));
	dispatch(goToPage(0));
	await dispatch(editFilterValue({filterName: filter.name, value: seriesId}));

[luniki]

Fix indentation:

Suggested change

	dispatch(goToPage(0));
	await dispatch(editFilterValue({filterName: filter.name, value: date + "/" + date}));
	dispatch(goToPage(0));
	await dispatch(editFilterValue({filterName: filter.name, value: date + "/" + date}));

[luniki]

Fix indentation:

Suggested change

	dispatch(goToPage(0));
	dispatch(editFilterValue({filterName: filter.name, value: filterValue}));
	dispatch(goToPage(0));
	dispatch(editFilterValue({filterName: filter.name, value: filterValue}));

[Arnei]

Impressive review speed luniki :o

[Piriya-VM]

Sooo I tested

• series names
• presenter
• date
• all field in the stats bar

and it works like expected. :)

I only have one issue. When I choose a filter, a small temporary table shows up first, and then the filtered table is shown.
zwischentabelle.webm

I know the ETH had the same issue and @Arnei fixed it? 🤔

[Arnei]

I only have one issue. When I choose a filter, a small temporary table shows up first, and then the filtered table is shown.
zwischentabelle.webm

I know the ETH had the same issue and @Arnei fixed it? 🤔

Maybe related to #1231.

[ferishili]

Please note that I have fixed this in other PR introducing a more comprehensive solution, namely with debounce & co.
#1258

[ciegler]

Sorry for the delay, I now fixed the wrong indentations.

[Arnei]

That would then leave the issue with the "small temporary table" Piriya mentioned. Not sure if want to consider this a blocker.

[github-actions]

This pull request has conflicts ☹
Please resolve those so we can review the pull request.
Thanks.