tournesol icon indicating copy to clipboard operation
tournesol copied to clipboard

[front] feat: multi-page lists navigation

Open lfaucon opened this issue 2 years ago • 3 comments

The pagination component should allow to quickly access any page.

Common usecases would be:

  • access old comparisons
  • watch page 5 of tournesol all time best two days after having watched page 1,2,3,4
  • intentionally find videos with lower scores

lfaucon avatar Jun 19 '22 15:06 lfaucon

We talked also about having the pagination at the end and at the top of video lists to not force the users to scroll down to access the pages.

I could be a good addition, what do you think @lfaucon ?

GresilleSiffle avatar Jun 20 '22 08:06 GresilleSiffle

Yes

lfaucon avatar Jun 22 '22 10:06 lfaucon

(a) For instance, the Django admin works as follow:

  • you can always access the two first pages
  • you can always access the two last pages
  • you can always access the next three pages
  • you can always access the previous three pages

capture

(b) There is also a more complex behaviour, when the user is less than 6 pages close to the first or the last page, all the remaining pages are displayed.

capture

What about implementing the behaviour (a) to start? Then we could add -100 / -10 / +10 / +100 additional buttons to navigate more quickly, or maybe a text input allowing to type a page number.

If we don't add a text input, the - X / + X buttons can be useful especially when navigation big lists like the all time recommendations, the rate-later list, the comparisons list, etc.

GresilleSiffle avatar Sep 29 '22 07:09 GresilleSiffle

We agreed to implement behavior (a) and add additional -100 / -10 / +10 / +100 buttons to navigate faster, or perhaps a text input to type a page number.

bbosson avatar Feb 15 '23 08:02 bbosson