Archivebox: Index: Add a way to sort the index table by column

Created on 3 Aug 2017  Â·  5Comments  Â·  Source: ArchiveBox/ArchiveBox

Currently, archived items on the index page are sorted by reverse chronological order (most recent first), most likely they are presented in the same order as the original HTML bookmarks export.

It would be nice to be able to sort the table by clicking on each column's header. Eg.

  • Sort items by reverse/chronological order
  • Sort items by title
  • Sort items by original URL

This would probably require a bit of Javascript

medium

Most helpful comment

Hi @pirate! Sorry about the delay! I don't have any bandwidth to help unfortunately but feel free to take inspiration! ✨

All 5 comments

I can sort of see the appeal of chronological order, but what's the use case for sorting by Title/URL?

Not super keen on adding JS either since right now it's pure HTML+CSS.

Sorting by URL would be nice to group articles by website, even if they have been bookmarked months apart. As you said in #41 Ctrl+F works, but is less practical. You can then group pages from the same website together in the list.

Many pages/articles/blog posts have an URL that is relevant to some sorting method, for example:

Sorting by title is not as important.

Not super keen on adding JS either since right now it's pure HTML+CSS.

Enabling JS should be optional and the index page should still work with js disabled (without sorting features though). I'm in favor of using a simple script, not relying on large frameworks like jquery, etc

Edit: examples

Cool, that's a pretty good use case, I didn't think of that. I'll keep this open until I have some time to hack on it.

Woah guys I just found this https://github.com/jlord/sheetsee-pocket (DEMO), it looks awesome, and has a bunch of cool features!

I pinged @jlord to see if she's interested in working on bookmark-archiver, but if not I still plan on borrowing some inspiration from her cool index design, including sortable columns and clickable tags.

Hi @pirate! Sorry about the delay! I don't have any bandwidth to help unfortunately but feel free to take inspiration! ✨

Was this page helpful?
0 / 5 - 0 ratings