Show upload progress in AdminUI for S3 uploads

[morenoh149]

After investigating the bug in keystonejs/keystone#532 is was determined that uploads were failing but the adminUI reported no errors. I suggest we do something more intelligent with the response object. Display a progress bar of the upload and display an error if the file wasn't stored to S3 properly. @JedWatson let me know if you think this is a good idea. See https://github.com/keystonejs/keystone/blob/master/lib/fieldTypes/s3file.js#L271 https://github.com/LearnBoost/knox#put If someone is interested in adding this functionality comment below. @weekwood @webteckie

[weekwood]

@morenoh149 I'd like to handle it

[morenoh149]

@weekwood any progress on this?

[weekwood]

@morenoh149 I will send PR tom, which branch I should working on

[morenoh149]

@weekwood if you don't have access to the keystone repo you can fork it and make the pull request from your own branch. See https://help.github.com/articles/using-pull-requests/

[weekwood]

how can I update progress after I click save button, if I call

this.props.paths.progress

it is only works after refresh page.. any way to make it real time update from React? add a setInterval?

[morenoh149]

Can you share what values you get if you add console.log('progress is', amountProgress); inside your uploader.on()

[weekwood]

I got log like this.

progress is { percent: 0, written: 65536, total: 132178731 }

[morenoh149]

interesting! Now the issue is getting the data from the server to the react view. Perhaps a socket.io instance? ping @BerkeleyTrue

[morenoh149]

@weekwood two ways I can think of doing this.

• Use socket.io to do a pseudo push (or update) to the client (react component).
• Rerender the client with setInterval http://facebook.github.io/react/docs/displaying-data.html Would require the backend to respond with the current progress

pick one :)
update: actually don't we should make the adminUI an spa first keystonejs/keystone#903

[mxstbr]

We're closing all feature requests to keep the issue tracker unpolluted. I've moved this to ProductPains: https://productpains.com/post/keystonejs/show-upload-progress-in-adminui-for-uploads!