[PR #1744] [MERGED] Improve admin snapshot list/grid views with better UX #4510

New issue

Closed

opened 2026-03-15 01:48:30 +03:00 by kerem · 0 comments

kerem commented

2026-03-15 01:48:30 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/ArchiveBox/ArchiveBox/pull/1744
Author: @pirate
Created: 12/31/2025
Status: ✅ Merged
Merged: 12/31/2025
Merged by: @pirate

Base: dev ← Head: claude/improve-snapshot-views-jPmkp

📝 Commits (1)

2e6dcb2 Improve admin snapshot list/grid views with better UX

📊 Changes

6 files changed (+607 additions, -19 deletions)

View changed files

📝 archivebox/core/admin_snapshots.py (+101 -1)
📝 archivebox/core/models.py (+50 -0)
📝 archivebox/templates/admin/base.html (+21 -5)
📝 archivebox/templates/admin/snapshots_grid.html (+26 -4)
📝 archivebox/templates/static/admin.css (+153 -9)
➕ archivebox/tests/test_admin_views.py (+256 -0)

📄 Description

Add prominent view mode switcher with List/Grid toggle buttons
Improve filter sidebar CSS with modern styling, rounded corners
Add live progress bar for in-progress snapshots showing hooks status
Show plugin icons only when output directory has content
Display archive result output_size sum from new field
Show hooks succeeded/total count in size column
Add get_progress_stats() method to Snapshot model
Add CSS for progress spinner and status badges
Update grid view template with progress indicator for archiving cards
Add tests for admin views, search, and progress stats

Summary by cubic

Improve the admin Snapshot list and grid with a clear List/Grid toggle, live progress for running snapshots, and clearer size/status signals. Adds backend stats to power the UI and tests to cover views and search.

New Features
- Added prominent List/Grid view toggle with active state.
- Status column shows live progress for started snapshots: spinner, % complete, ✓/✗/⏳ counts, and color badges.
- Size column uses ArchiveResult output_size sum (fallback to disk), shows succeeded/total hooks, and bolds >50MB.
- Grid view highlights archiving cards and shows an “Archiving…” spinner.
- Plugin icons now render only when the output directory has content.
- Modernized filter sidebar styling (rounded, hover, selected states).
- New Snapshot.get_progress_stats(): totals, succeeded/failed/running/skipped, pending, percent, output_size, is_sealed.
- Added CSS for spinner, status badges, and progress bar.
- Tests cover admin list/grid views, view mode switcher, admin/public search, and progress stats.

^{Written for commit 2e6dcb2b87. Summary will update on new commits.}

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/ArchiveBox/ArchiveBox/pull/1744 **Author:** [@pirate](https://github.com/pirate) **Created:** 12/31/2025 **Status:** ✅ Merged **Merged:** 12/31/2025 **Merged by:** [@pirate](https://github.com/pirate) **Base:** `dev` ← **Head:** `claude/improve-snapshot-views-jPmkp` --- ### 📝 Commits (1) - [`2e6dcb2`](https://github.com/ArchiveBox/ArchiveBox/commit/2e6dcb2b87cdf90e31eccd019872753b4867137c) Improve admin snapshot list/grid views with better UX ### 📊 Changes **6 files changed** (+607 additions, -19 deletions) <details> <summary>View changed files</summary> 📝 `archivebox/core/admin_snapshots.py` (+101 -1) 📝 `archivebox/core/models.py` (+50 -0) 📝 `archivebox/templates/admin/base.html` (+21 -5) 📝 `archivebox/templates/admin/snapshots_grid.html` (+26 -4) 📝 `archivebox/templates/static/admin.css` (+153 -9) ➕ `archivebox/tests/test_admin_views.py` (+256 -0) </details> ### 📄 Description - Add prominent view mode switcher with List/Grid toggle buttons - Improve filter sidebar CSS with modern styling, rounded corners - Add live progress bar for in-progress snapshots showing hooks status - Show plugin icons only when output directory has content - Display archive result output_size sum from new field - Show hooks succeeded/total count in size column - Add get_progress_stats() method to Snapshot model - Add CSS for progress spinner and status badges - Update grid view template with progress indicator for archiving cards - Add tests for admin views, search, and progress stats  --- ## Summary by cubic Improve the admin Snapshot list and grid with a clear List/Grid toggle, live progress for running snapshots, and clearer size/status signals. Adds backend stats to power the UI and tests to cover views and search. - **New Features** - Added prominent List/Grid view toggle with active state. - Status column shows live progress for started snapshots: spinner, % complete, ✓/✗/⏳ counts, and color badges. - Size column uses ArchiveResult output_size sum (fallback to disk), shows succeeded/total hooks, and bolds >50MB. - Grid view highlights archiving cards and shows an “Archiving…” spinner. - Plugin icons now render only when the output directory has content. - Modernized filter sidebar styling (rounded, hover, selected states). - New Snapshot.get_progress_stats(): totals, succeeded/failed/running/skipped, pending, percent, output_size, is_sealed. - Added CSS for spinner, status badges, and progress bar. - Tests cover admin list/grid views, view mode switcher, admin/public search, and progress stats. <sup>Written for commit 2e6dcb2b87cdf90e31eccd019872753b4867137c. Summary will update on new commits.</sup>  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-15 01:48:30 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/ArchiveBox#4510

No description provided.

Rows
Columns