feature request: demo list pagination

[SubstituteDoll]

I just moved on from v1 to v2, and it overall looks fantastic! However, I would like for a couple of features to be brought back from v1, and I'll make separate issues about them.

This is one is about a setting that was available in V1. Back then, there was a setting to enable pagination, which would straight-forwardly paginate and show 50 demos at a time. One thing that can improve even more from v1 is, in v1 there was a (presumably design-kind) problem: When coming back from the demo details window, the list window would always come back to page 1, which was annoying. Here, it would be great if there was pagination AND it would come back to the page that it was on.

[rmburg]

Pagination was a hack back then to work around the bad performance of the 3rd-party table component I used in v1. Many users had thousands of demos, and the demo list would cause the app to lag. Pagination reduced the number of demos visible, thereby improving performance.

I never liked the pagination as such, and thus I didn't include it in v2, since it was no longer necessary because of much better performance in the new list component (which also finally remembers your scroll position after you navigate and go back).

I didn't know anyone preferred the UX of the paginated list until now. This is definitely possible to implement, but not super straight-forward. I'll give this issue a low priority for now, since I don't think it is necessary for the first public release of v2, but maybe I'll implement it after the major release.

[SubstituteDoll]

Ah, that makes sense how it first got to be implemented. I must say, it's impressive how you solved the problem; even with my thousands of demos it still loads in like <5 seconds. But yes, I would still like to have pagination as that is an easier way to go if you want to skip through like "just 60% of the way to the end" where not even reverse order sorting would really help a ton. Now that I think about it, it would be great to also have it so that I can enter the page number as well!

[rmburg]

I've been thinking about implementing a different feature that could solve the same problem:
We could display a heatmap which shows you the distribution of your demos over time, and you could click on a date to scroll to that time range in the demo list.
This only makes sense when the demo list is sorted by date, so I'm not yet 100% sure how to implement this. But pagination would work too!

[rmburg]

I would still like to have pagination as that is an easier way to go if you want to skip through like "just 60% of the way to the end"

For the time being, you could use the scrollbar on the right to quickly scroll 60% of the way down

[SubstituteDoll]

Ah, I suppose so. Then yes, pagination wouldn't be too necessary, especially if you do the heatmap idea!

[SubstituteDoll]

And actually, for the heatmap idea, it would also make sense when it is sorted by demo duration. That would be useful when, say, I want to look for demos that went on for too long so that I can trim them down to save space, or to record and delete some short ones real quick.

[rmburg]

Same goes for the other things you can sort the list by, but most would require a different component instead of a heatmap, maybe something like a histogram would work for most other properties