@Kfawcett, just an idea - with the new JS plugins, you may be able to position futureseed to crowdsource funding of specific JS plugins. Two formats come to mind:
1 - A group of people all contribute, futureseed sources someone to build it (either Bubble team into the core app, or external team via a JS plugin) and then it becomes available to everyone for free.
2 - A group of people contribute money, futureseed hires someone to build the feature, then each contributor gets access to that JS plugin and a % of revenue on future sales to other people.
I can do this Anyone interested in supporting the development? Rather than money, how about pledge an hour of design, our team is lacking in designers …
Rough ugly integration with rubber bands and no controls or options yet, using the mouse for zoom and positioning.
Getting the image into the browser is almost instant, uploading to Bubble takes the same time as the image uploader.
Now there’s a choice of inputs, Browse opens a file browser, Load uses a supplied url (which has not yet made it into the options).
I find Croppie’s zoomer control nicer to use than the slider in Bubble, because it zooms as it is being dragged, whereas the Bubble one sends an update event when the handle has stopped being dragged around.
This looks really great @mishav!
I think the interface and options look logical and from what you’re telling it sounds like a good idea to keep the Croppie zoomer control.
Can’t wait to implement this in my app
This is amazing @mishav!
Not a big deal of course, but would there be a way to let Bubblers customize the background color? (where the purple gradient is?)
Yes, the purple just happened to sneak up on me while I wasn’t looking … Bubble style properties similar to other elements, plus sizing, responsive, etc:
The boundary is useful to leave room for the zoomer control. Boundary width/height can be set as a percentage, which allows for different container sizes, or set to specific pixel size.
At the moment I’m having difficulty getting the Browse to work with touch devices.
Output format option, auto picks jpg if input is jpg, png for everything else.
Tested on Firefox, Chrome, IE, Edge, Android.
Bug fixed: IE and Android don’t support Number.parseInt, so Rotate wasn’t working.
Bug fixed: Browse wasn’t working on Android.
The plugin needs more testing in areas of:
popups
Safari browser
Apple devices
I’ll open it to public when I tidy up the debug messages to console, and put on better documentation.
I’ve published this as a private plugin, if you send me a private message with the name of a Bubble app I’ll add it to the authorised apps list so you can play with it.
Thank you so much for all of your hard work on this plugin @mishav. Happy to help with design (more than the pledged one hour) considering all the time that you’ve put into developing this for the community. Feel free to let @pnodseth and me know what we can help out with!
I couldn’t get the Load to get access to images from Bubble’s database. Hopefully a fix on the server side will come, until then I’m yanking out the Load function and image default.
Make file private function now works, thanks to a bugfix Bubble.
Load and default image function works on Firefox and IE 11. Fails with CORS error on Chrome, but succeeds if the image was saved as a private image. Waiting for bug analysis from Bubble.