feat(nimbus): Loading spinner on home page when it sorts/filter data

[yashikakhurana]

Because

• If we have more data and if filter or sort the deliveries, it takes time to get the results back based on user action on home page

This commit

• Adds the loading spinner on home page when it is getting the request process on filtering and sorting

Fixes #14028

[yashikakhurana]

[freshstrangemusic]

Should we perhaps put these properties on a CSS class instead of doing inline style?

[jaredlockhart]

Yeah it's not a great pattern but I played around with a bunch of ways to do it and this was the least hassle

experimenter/experimenter/experimenter/nimbus_ui/static/js/experiment_list.js

Lines 1 to 13 in f67bd73

	document.body.addEventListener("htmx:beforeRequest", function () {
	const spinner = document.querySelector("#htmx-table-spinner");
	if (spinner) {
	spinner.style.opacity = "1";
	}
	});
	document.body.addEventListener("htmx:afterRequest", function () {
	const spinner = document.querySelector("#htmx-table-spinner");
	if (spinner) {
	spinner.style.opacity = "0";
	}
	});

Maybe we can poke at it again later but for the time being this is the easiest way to get it going.

[yashikakhurana]

yeah same I tried and found this one was easy

[freshstrangemusic]

likewise.

[jaredlockhart]

Tested locally, works great, thnx @yashikakhurana 🙏

[jaredlockhart]

Yeah it's not a great pattern but I played around with a bunch of ways to do it and this was the least hassle

experimenter/experimenter/experimenter/nimbus_ui/static/js/experiment_list.js

Lines 1 to 13 in f67bd73

	document.body.addEventListener("htmx:beforeRequest", function () {
	const spinner = document.querySelector("#htmx-table-spinner");
	if (spinner) {
	spinner.style.opacity = "1";
	}
	});
	document.body.addEventListener("htmx:afterRequest", function () {
	const spinner = document.querySelector("#htmx-table-spinner");
	if (spinner) {
	spinner.style.opacity = "0";
	}
	});

Maybe we can poke at it again later but for the time being this is the easiest way to get it going.