Comments (17)
Regarding the upload speed "string jumps", prettier-bytes could be used instead of pretty-bytes.
from uppy.
I feel like this is working properly now, so closing. Also added prettier-bytes
. Thanks to all for the discussions here!
from uppy.
I like it. Good thinking about (5)! This could be part of the Tus10 Plugin I feel. For other uploaders, it would just break of course :)
I guess for the tus-js-client this would just be an abort, as it's inherent we can pick up later, so it's mostly an Uppy thing, making sure the files stay selected, and to not signal the backend that we have given up.
from uppy.
similar to Icons /symbols for filetypes (see #61)
also for these buttons font awesome (FA) icons could be used:
start/resume:
e.g. https://fortawesome.github.io/Font-Awesome/icon/play-circle-o/
pause:
e.g.https://fortawesome.github.io/Font-Awesome/icon/pause-circle-o/
delete:
e.g.
https://fortawesome.github.io/Font-Awesome/icon/trash-o/
or
https://fortawesome.github.io/Font-Awesome/icon/ban/
of course there are also other icons and other versions of each available in FA...
from uppy.
I think we'll want to avoid adding FontAwesome as a dependency and use tags where possible, correct @arturi @hedgerh? If so I'm sure we can find good alternatives though
from uppy.
of course it's always fine to avoid dependencies!
Since many websites already use this for other things on their sites,
it would just be nice to have an easy possibility to enable usage of it,
because with this everything easily looks nice and "all of a piece". Of course with it it's not that individual anymore, but one can easily change colors, border, background and make thinks like making them rotating, generate new icons by stacking available ones together...
if interested just have a look at https://fortawesome.github.io/Font-Awesome/examples/
from uppy.
maybe one can make a small package of only the needed icons and include this directly into uppy package.
Not sure yet about how and about licences but it looks interesting
e.g.:
https://stackoverflow.com/questions/18225954/use-fontawesome-icon-in-svg-without-external-files
from uppy.
Nice find. Yeah, just to give you an idea, we can currently set icons like so: https://github.com/transloadit/uppy/blob/master/src/plugins/GoogleDrive.js#L10
Which is really nice in that, users only need to include the Uppy JS build, and that's that. No additional http requests to fetch imagery or fonts from other places. It's also 'bad' if Uppy itself starts fetching assets from different places, so we'd have to ask the user to also add a line for fetching the assets.
This svg approach could still be customized via: .use(GoogleDrive, {icon: 'my own URL location or svg string'})
from uppy.
Basic pause/resume is implemented, but there are questions:
- Right now we have individual pause/resume buttons. Should the main upload button also turn into pause/resume?
- In that case, what happens if you add a file when the upload is in progress? Should it just begin to upload? Then we loose the ability to edit the file. Now the upload button just appears again. If it turns into pause, we’d need a separate button to indicate the new file is ready for upload too.
- We probably want progress for all files together too, like the progressbar, but with speed and ETA?
- What happens if Multipart is used instead of Tus? I guess the progress circle remains, but the play/pause button is not displayed, which is an option/flag set by Tus plugin on install. What if two uploaders are used? Should we allow two uploaders or forget about it for now?
from uppy.
Some point from #94 that we have to keep in mind:
- make sure, upload with network and with this IP changing is working nicely
(e.g. from wlan to 3G to other wlan)a) -> check implementation
(maybe also with continous automatic build testing?)b) -> give advise on needs in server configs
from uppy.
1 & 2. I like the idea of a "Pause All" button. I just looked at Google Drive and they have a "Cancel" button that stops all of your uploads. They also start uploads automatically, though.
One solution could be to show both "Upload" and "Pause All" buttons when there are active uploads and uploads that haven't started yet. This is the best way I can think of doing it.
- That may be nice to have if it can fit nicely in the UI.
- That sounds right regarding the Play/Pause button + progress circles. I'm actually not sure how that would even work if we had two uploaders. How would we specify which files use which uploading protocol? I actually just thought about what we're going to do for remote uploads, as well. Make them resumable or no? I'm not really sure why you'd need to pause it, as opposed to outright cancelling it.
It also makes me think that maybe we should give some kind of visual indication that a file is not being uploaded from a local source.
from uppy.
- .... Should the main upload button also turn into pause/resume?
+1
would help a lot e.g.
when loading up several files and go from wlan to mobile -> simply one pause to press
from uppy.
- In that case, what happens if you add a file when the upload is in progress?
imho: nothing should happen here (so you can use editing file functions)
to start upload one could simply repess the "start upload" button
maybe one should show some kind of hint for this
One solution could be to show both "Upload" and "Pause All" buttons when there are active uploads and uploads that haven't started yet. This is the best way I can think of doing it.
+1
from uppy.
- We probably want progress for all files together too, like the progressbar, but with speed and ETA?
yeeeees :-) (imho)
maybe with an option to disable it seperately from showing it for each file individually..
from uppy.
btw: current state already looks awseome!!!
from uppy.
taken from:
Some findings in actual state of pause/resume function #114
Pause and resume function is perfect :-)
Just some findings in actual state (10.08.2016) of pause/resume function.
Sure I know everything is in progress...
-
when uploading 2 files and pressing pause for first one -> nothing happens.
But when also pausing second one also first one is paused. -
when paused showing upload speed is a litte confusing.
What do you think of showing
- remaining time (based on speed before) this way: "~34s"
- and "0 kB/s" for speed"
?
-
show decimal digits also when ",00" would stop "jumping" of with of line
-
maybe one can think of color/contrast of grey/grey/white..
from uppy.
I agree that the contrast and appearance of unknown documents is not quite nice.
To improve the contrast, one could set a background-color: rgba(82,82,82,.7);
on the .UppyDashboardItem-preview
:
And I find that removing the document icon makes it even cleaner:
I can make a PR with the changes you like the most.
from uppy.
Related Issues (20)
- CDN urls are all broken, so the getting started guides dont work anymore HOT 1
- cannot engage S3 accelerated endpoints due to AWS SDK API changes? HOT 13
- Undefined "uploadRemoteFile" when using RemoteSources HOT 1
- Upgrade `tus-js-client` HOT 4
- Uppy stuck in "Encoding..." state with error `[Transloadit] Couldn’t find the file, it was likely removed in the process` HOT 5
- Expose type PreactRender in @uppy/dashboard HOT 1
- STS client side signing with accelerated endpoint HOT 2
- pCloud support? HOT 1
- Upgrading today from `"@sveltejs/kit": "1.30.0"` to `"@sveltejs/kit": "2.0.0"` I'm getting a warning HOT 1
- Events don't fire with Dashboard in @uppy/react HOT 1
- requiredMetaFields type not exist in restrictions HOT 1
- Dashboard: possibility to directly open input file dialog instead of toggleAddFilesPanel from content bar add more button HOT 1
- Dashboard: remove button is not displayed on file when upload fails using XHR
- Custom form data send form data? HOT 2
- Module augmentation for custum type UppyFile HOT 1
- Error: tus: invalid or missing Location header, originated from request HOT 2
- Uploading restarts for large files on uploading via cloud storage ( Drive | Dropbox ) through Transloadit Companion HOT 9
- AWS-S3 single-part drag-drop uploads do not set the content-type header in S3 PUT calls for .mov files on chromium
- Google Drive remote source does not chunkify the request for Tus server HOT 4
- Update compressorjs to 1.2.1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from uppy.