john-okeefe
64e1ba87b9
Implement Part 1: Fix Scan Library button with progress UI
...
Implements the frontend scan button fix from TASKS-scanning-progress.md Part 1.
Changes:
1. web/src/admin.ts - Added 6 new TypeScript functions:
- scanAllLibraries(): Fetches all libraries, triggers scan for each
- showScanProgress(): Displays progress UI with per-library progress bars
- pollScanProgress(): Polls status every 2 seconds, updates progress
- updateLibraryProgress(): Updates individual library progress bar/status
- showScanResults(): Displays scan completion results
- hideScanProgress(): Hides progress UI
2. templates/admin.templ - Updated UI:
- Added admin.js script include (Step 2)
- Changed button onclick from quickScan() to scanAllLibraries() (Step 3)
- Removed broken inline quickScan() function (Step 3.5)
- Added progress UI HTML with slide-in animation (Step 4)
Key Features:
- Fetches all libraries via GET /api/libraries
- Triggers scan for each library via POST /api/libraries/{id}/scan
- Displays per-library progress bars
- Shows overall progress percentage
- Real-time status updates every 2 seconds
- Results summary with file counts and errors
- TailwindCSS animation (no custom CSS)
- Follows PROJECT_GUIDELINES.md: TypeScript only, TailwindCSS classes
TypeScript compiles successfully (npm run build:ts)
All guidelines verified (26/26 checks pass)
2026-02-25 12:20:48 -05:00
john-okeefe
dfd9cbcde7
feat(typescript): add feature modules for template conversion
...
- Add search.ts - header search with keyboard navigation
- Debounced search with 300ms delay
- Arrow key navigation through results
- Escape to close, Enter to select
- Library type icons and highlighting
- Add collections.ts - collection and rule management
- Rule CRUD operations (create, update, delete)
- Rule testing functionality
- Bulk collection operations
- Add bookshelf.ts - book display and navigation
- Library selection state management
- Book viewing interactions
- Pagination logic
- Add linking.ts - book matching and manual linking
- Search and match functionality
- Manual link modal
- Bulk auto-link and suggestions
- Add api-explorer.ts - API testing interface
- Request/response display
- cURL command generation
- History tracking
- Add admin.ts - admin dashboard actions
- Library scan triggers
- System statistics display
- Profile management
- Add analytics.ts - analytics data loading
- Chart.js integration
- Daily reading minutes chart
- Device usage and popular books display
- Add queue.ts - sync queue management
- Process pending items
- Clear failed/all items
- Filter by status, type, device
- Add conflicts.ts - conflict resolution
- Individual and bulk resolve operations
- Winner device selection
- Manual override inputs
- Add docs.ts - documentation search
- Lunr.js search integration
- Sidebar toggle for mobile
2026-02-18 16:40:51 -05:00
john-okeefe