[x] user is able to upload a lot of files with less frozen screen! (tested with 800+ files)
📝 Summary
Improve performance for updating the data by updating a bunch of records at once instead of update one by one to reduce database transaction (PI-487)
Not required to get file duration right after the user drags files in (the logic are now moved to the background thread, so it will still get the duration in parallel and update the UI later when it finished) (PI-486)
Added infinite scrolling on the file list, so the UI will only loaded just enough amount of data, not all at once (PI-509)
💡 Other notes
change the way to include Vue Devtools for debugging
edit some logic to clear all data
🛑 Problems
Vue devtools will only work on my local as it required the path to local chrome extension app
If the user starts to upload the files and closes the app before getting duration in the background thread complete, then those files won't have duration shown on the UI anymore.
Improvement needed on resuming uploading process after the user has suspended the app, sometimes it doesn't resume.
✅ DoD
📝 Summary
💡 Other notes
🛑 Problems