vue-atlas icon indicating copy to clipboard operation
vue-atlas copied to clipboard

[Feature request] File input

Open rejifald opened this issue 6 years ago • 13 comments
trafficstars

File picker with previews will be great. For example https://lusaxweb.github.io/vuesax/components/upload.html#default

rejifald avatar Feb 08 '19 00:02 rejifald

Btw, will be also great to merge all inputs in one input with type attribute. Just as native input works. Wdyt ?

rejifald avatar Feb 08 '19 00:02 rejifald

good idea. if (when) this is implemented, it will be as a <va-input type="file" ... />

nvms avatar Feb 08 '19 01:02 nvms

Do u work with this ? If no, let's discuss about component feature and interface, and i am open to contribute.

rejifald avatar Feb 20 '19 14:02 rejifald

I haven't had time to work on this yet. still exploring ideas. I'm not sure how it would even look quite yet

nvms avatar Feb 20 '19 20:02 nvms

It can be button with appropriate icon, and filename when file is picked

rejifald avatar Feb 20 '19 20:02 rejifald

But in other hand, there should accept drag and drop, and file preview. Helpful for images, but it may use appropriate icon for common file types. Documents, videos, audio, etc.

rejifald avatar Feb 20 '19 21:02 rejifald

Have u design system ? Which u use.

rejifald avatar Feb 20 '19 21:02 rejifald

screen shot 2019-02-20 at 11 44 37 pm screen shot 2019-02-20 at 11 44 22 pm Few examples of such component that i created for a long time ago.

rejifald avatar Feb 20 '19 21:02 rejifald

looks nice, if you'd like to work on this then please go ahead. if you do decide to work on this, please try and make it appear visually similar to the current button/input styles

some thoughts:

  • automatic preview of images should be optional
  • drag and drop target should be its own component?

nvms avatar Feb 20 '19 21:02 nvms

Let's postpone drag and drop for now. I completely agree that it should looks like current design. Do u have design system or something like that ? If no, i just will try to make it similar with current design.

rejifald avatar Feb 20 '19 21:02 rejifald

I do not have a design system, so you'll have to use your best judgement

nvms avatar Feb 20 '19 22:02 nvms

Ok, will do

rejifald avatar Feb 20 '19 22:02 rejifald

I am working on it. I've implemented component almost fully. I'm just working under it's style. And i'm gonna to use ToggleIcon and Buttons with prefix/postfix on this file picker.

rejifald avatar Feb 21 '19 21:02 rejifald