radio4000 icon indicating copy to clipboard operation
radio4000 copied to clipboard

Add pagination to /all radio page

Open 4www opened this issue 7 years ago • 1 comments

I think it is now time to add pagination to the page with all radios since their number is growing steadily.

It takes too much time for this page to load and it therefore feels bloated.

The most complex aspect will be to make it work with the channel filtering (alphabetic, last updated and creation date).

I suggest a classic pagination at the bottom of the page, not an infinite scrolling that you cannot link to.

  • first page & last page buttons (shallow query the db to have a length)
  • three next and three previous pages (if there are)
  • "go to page" input/select? (optional)

Feature design:

  • [ ] pagination should appear in the URL's query parameters

As always, let's start with something simple, clean and practical we can improve from.

4www avatar Nov 13 '17 18:11 4www

Yes. I think the more complex issues (search and sorting) you mention are necessary. But when we have that, pagination will be super sweet since everything will be fast!

Had an old pagination example lying around, pushed it here https://feature-pagination--radio4000.netlify.com/all https://github.com/internet4000/radio4000/tree/feature/pagination (small buttons in the sorting/filter)

oskarrough avatar Nov 21 '17 22:11 oskarrough