we use https://rails-assets.org/ to get assets to manage all our js assets. In order for rails assets to compile the newest version it compiles based off tag.

Thanks!

Howdy again,

I'm creating a PR which unbinds the success, load, error & readystatechange handlers when the controller is destroyed but I'm unsure how I should go about mocking XMLHttpRequest. I've used sinon successfully in the past which provides a fake implementation of XMLHttpRequest but I thought I'd check before adding the dependency. The nice thing is that they do provide a standalone server package which handles mocking out ajax requests but doesn't include their spies, mocks, matchers etc...

Is there any way to set the drop target to the whole body? I want to then fire a dragEnter event that pops up with a "drag here" dialog.

Currently I'm just trying to expand .droppable to cover the window but it's kind of a messy solution.

Thanks!

Firstly, what a great component! Thanks for sharing.

I couldn't see it being registered in Bower and therefore wasn't able to install it. Is this something that will come soon?

To cancel the upload, we would have to run request.abort() however the request object is trapped inside the uploadAllFiles method.

Anyway we could break the request out so we can cancel the upload?

Howdy again,

Is it possible to support single input files in addition to the existing multiple input of files?

I don't know if I am missing something, but from what I have read an action cannot return a result, however your action appears to be attempting to return a promise, which much to my frustration I could not access unless I modified the file to set the promise to a property I could access.

You make no mention of ownership or licensing in your README, nor is there a standard "LICENSE" file.

Cheers. :)

Howdy,

So far we've had great success with droplet. Nice work! We're using it to upload videos to Wistia and it looks like they don't support the X-File-Size http header. They throw the following error:

XMLHttpRequest cannot load https://upload.wistia.com/?api_password=[api_password]&project_id=[project_id]. Request header field X-File-Size is not allowed by Access-Control-Allow-Headers. 

How do you feel about making this conditional based on some sort of flag on the DropletView?

cc/ @ryanong

If you are using DropletController in multiple Controllers in your app you will get some strange behaviour. The reason is this:
"Note that mixins extend a constructor's prototype so arrays and object literals defined as properties will be shared amongst objects that implement the mixin. If you want to define a property in a mixin that is not shared, you can define it either as a computed property or have it be created on initialization of the object."
See http://emberjs.com/api/classes/Ember.Mixin.html

The particular problem I am having would be solved if uploadStatus were defined like this:

    uploadStatus: Ember.computed(function(){
        return { uploading: false, percentComplete: 0, error: false };
    }),

What's going to be the best way to reset uploadedFiles after the uploads have completed?

I'm trying to provide some user feedback and while the uploadStatus.uploading is fine while the files are being uploaded, it disappears several seconds before the files actually reappear in my app. So, I'm trying to use uploadedFiles to display when the files are being uploaded, but it never resets after the files have been uploaded so I was trying to do it manually.

This code works:

didUploadFiles: function(response) {
  this.set('uploadedFiles', null);
  var images = this.store.findAll('image');
}

But then while trying to upload more files, uploadedFiles never shows up again, I broked it until I refresh the browser of course. :-)

Or perhaps there's a better way to do this? I'll keep looking myself and let you know if I find something.

Howdy again,

I've been noticing there's a slight delay between the load event and the readystatechange event when uploading to Wistia. How do you feel about moving the success handler code into onreadystatechange?

Have you tested it using ember-cli? Cause I tried to use it and I get DropletController' is not defined no matter what.

Hi,

As mentioned previously we're using droplet with Wistia and they return error responses as text/html. Droplet is throwing an error when trying to parse the response as JSON.

How do you feel about checking the content type for any of the following and return an empty object literal if it doesn't match?

application/json
application/x-javascript
text/javascript
text/x-javascript
text/x-json

Something along the lines of what ember.js has

How can I hook into the file upload process. Can I override an action on the controller to manage what is done with the response? Perhaps a callback on the controller didUploadAllFiles?

Howdy,

It looks like a run loop isn't explicitly started in the request event handlers. This can cause a little bit of a delay when between the result coming in from the request and it getting rendered in the app. The two areas I've identified are

• The readystatechange event handler
• The load event handler

Is there a hard requirement that EmberDroplet only supports jQuery with minor version >= 2.0.3?

We have an app that needs to use jQuery 1.11.1 so would like to relax the range to

"jquery": "1.11.1 - 2.0.x"

Would be nice with information about the browser support in the readme =)

Currently EmberDroplet is only packaged using globals, but amd modules is becoming the prevalent way of packaging components in Ember. Are you interested in changing the packaging to support globals, amd, and named-amd?

I've followed what @instructure does here as an example on how to achieve the same:

• https://github.com/instructure/ic-autocomplete

when packaging my ember-declarative-authorization component:

• https://github.com/digitalplaywright/ember-declarative-authorization

It was actually not that hard with the added benefit that the code is cleaner.

Pretty self explanatory. You added this:

return new Ember.RSVP.Promise(function(resolve, reject) {
         jqXhr.done(resolve).fail(reject);
})
.then($ember.run.bind(this, function(response) {
         // Invoke the `didUploadFiles` callback if it exists.
         $ember.tryInvoke(this, 'didUploadFiles', [response]);
         return response;
}))

But forgot the:

.then(this, function(response) {
    # success stuff
}), function(response){
     # failure stuff
     $ember.tryInvoke(self, 'didUploadFiles', [response]);
     return response;
 });

Howdy,

I'm trying to figure out how to modify the attributeBindings of MultipleInput so I can set the name property but can't figure out how to get a handle on the MultipleInput class. How do you recommend approaching this. Ideally I would be able to access window.MultipleInput or even better namespace the classes e.g.

Droplet = $ember.Namespace.create();
Droplet.MultipleInput = $ember.View.extend(
   // ...
);

Would require a small change on the Node.js side, since enforcing the array in the name attribute causes Node.js to nest an array inside of an array. It's a bit clumsy, but at least it's not completely broken for Ruby/PHP scripts, and can also be changed by setting useArray to false.

I'm not sure if I am missing something but I don't think there is currently a way to do this. When I upload files to my API, my API responds with json representing the newly created file objects. I would like to take this json data and inject it into the store (I'm using ember data).

Right now I am using the following code as a work around - but it results in two requests to the server when I really only need one:

          uploadAllFiles: function() {
            var self = this;
            $.when(this._super()).then(function(){
                // reload all of the file objects so the new data is loaded
                self.get('store').find('file');
            });
          }

I'd like to do something like this:

          uploadAllFiles: function() {
            var self = this;
            $.when(this._super()).then(function(data){
                // push the newly created file records into the store
                store.pushPayload('file', data);
            });
          }

I've needed to hack around EmberDroplet to work how we need it, which is as follows:

1. Drag file
2. Upload file instantly
3. Update Model

I've look at the code but can't figure out how we can attach an upload status to each individual file, is this possible?