Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-01-05 07:35:34 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(uploads): Animate upload bars, throttle FileUploadStore updates triggered by progress changes

Browse source
This commit is contained in:
Ben Gotow 2015-07-17 18:28:18 -07:00
parent 5631316360
commit 58dcf3ae22
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
internal_packages/attachments/stylesheets/attachments.less
View file

@ -61,6 +61,8 @@
display: block; display: block;
background: @progress-bar-fill; background: @progress-bar-fill;
border-bottom-left-radius:4px; border-bottom-left-radius:4px;
transition: width .3s linear;
} }
.progress-background { .progress-background {
position: absolute; position: absolute;

9
src/flux/stores/file-upload-store.coffee
View file

@ -80,7 +80,14 @@ FileUploadStore = Reflux.createStore
# state - one of "pending" "started" "progress" "completed" "aborted" "failed" # state - one of "pending" "started" "progress" "completed" "aborted" "failed"
_onUploadStateChanged: (uploadData) -> _onUploadStateChanged: (uploadData) ->
@_fileUploads[uploadData.uploadTaskId] = uploadData @_fileUploads[uploadData.uploadTaskId] = uploadData
@trigger() @_fileUploadTrigger ?= _.throttle =>
@trigger()
, 250
# Note: We throttle file upload updates, because they cause a significant refresh
# of the composer and when many uploads are running there can be a ton of state
# changes firing. (To test: drag and drop 20 files onto composer, watch performance.)
@_fileUploadTrigger()
_onAbortUpload: (uploadData) -> _onAbortUpload: (uploadData) ->
Actions.dequeueMatchingTask Actions.dequeueMatchingTask