Refactor download progress template to use Alpine.js data context #2600
Description
Context
The download progress template in templates/documents/partials/download_progress.html currently uses manual DOM manipulation (e.g., document.getElementById, classList.remove) to update the UI during the ZIP file creation process.
Proposal
Refactor the template to use Alpine.js data context and utilities like x-class to simplify the class manipulation logic and reduce verbose JavaScript statements.
Benefits
- Cleaner, more declarative code
- Better integration with Alpine.js patterns used elsewhere in the codebase
- Reduced manual DOM manipulation
References
- Discussion in PR Collection bulk file download #2587: Collection bulk file download #2587 (comment)
- Requested by: @snopoke
Related Files
templates/documents/partials/download_progress.html