-
-
Notifications
You must be signed in to change notification settings - Fork 1.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feature Request: UI Rework #1273
Comments
@pirate feel free to assign me the issue, I can work on some prototyping this weekend so I can show you my ideas and we can define the scope and features that would be nice to include. I can also try to start including tailwind in the project although it's my first time with Django so I might need some help on that. Let me know if there's anyone else worth it to mention on the UI topic, I would love to hear some feedback on usability improvements we can include. |
This is an example of a previous pet project I worked on during my first try on HTMX. All the interactions, including the right drawer are built using htmx & tailwind. The only custom javascript there is for the epub reader library, which is an isolated template rendered after the html or htmx navigate to that specific page. Screen.Recording.2023-11-22.at.00.49.31_compressed.mp4 |
This would be enormously helpful to have thumbnails of all archived content, the current table is useful for seeing many items at a time but sometimes I'd rather be quickly reminded of what an item actually is via a thumbnail. |
There is actually already a thumbnail grid view in the upper right of the filters area (on the snapshots admin list). The button to use it is way too small, so most people don't see it. We should make it more prominent. |
The Snapshot grid view thumbnails are only based on the Do you have chrome or the screenshot method disabled? If you open a new issue with the output of |
I believe when I created these archives I only selected the It would be useful to have AB utilise the thumbnail from |
Singlefile is fairly heavy to use for thumbnails, you'd effecitvley be loading iframes of 40 sites all at once to view the grid. I would re-enable screenshots, they're not too big usually, just an extra 1MB/url. |
Thanks, will do! |
Might make sense to generate a thumbnail (in landscape, or even better use the image provided in the open graph metadata if available) of the screenshot just for the grid view. I'll put some work into getting that grid/list view button into a spot where people can actually see it. Other things about the grid: Link to the The filters weren't mentioned, but I'd love to change them to something like the date filters that Firefox's History window has: Today, Yestday, Last 7 Days, This Month, December 2024, ... older than 3 Months. Thoughts? |
Type
What is the problem that your feature request solves
This comes from a conversation with @pirate in the REST API status question. We both agree that would be nice to add a new UI to the project including state-of art technologies and patterns and improving the user experience
Describe the ideal specific solution you'd want, and whether it fits into any broader scope of changes
New FrontEnd built on top of Django Templates. Tailwind for the styles instead of Bootstrap. Possibly HTMX in case we need to add some extra JS logic. Additionally, we might need some additional JS libraries or components, in those cases we should have an open talk about the specific cases and reach to an agreement, by trying to minimize the impact on the application overall
cc @pirate @zblesk
The text was updated successfully, but these errors were encountered: