@voll/ember-cli-dropzonejs (fork of ember-cli-dropzonejs)

Drag and drop file uploader addon for ember-cli using Dropzonejs.

Versions
-------------
Current version is running ember-cli >= 4.4.0

Versions 1.3.6 <= are running ember-cli >= 3.5.0

Versions 1.1.1 <= are running ember-cli 2.13.1

Versions 0.8.6 <= are running ember-cli 1.13.8

Installation
-------------
ember install @voll/ember-cli-dropzonejs

This addon will use dropzone's default css by default. If you prefer to use your own css, add this option to your ember-cli-build.js:

``javascript
var app = new EmberApp(defaults, {
---
emberCliDropzonejs: {
includeDropzoneCss: false
}
---
});
`


Usage
-------------
Simply add the component to your template like so: {{drop-zone url='/endpoint'}}

You can see all properties in the Dropzonejs configuration docs.

To set properties simply add the name of the property inside the component call and assign a value.

example:

`handlebars
{{drop-zone url='http://example.com/example' clickable=false addRemoveLinks=true}}
`

You can also use dynamic options:

`javascript
// controller.js

import Controller from '@ember/controller';
import { computed } from '@ember/object';

export default Controller.extend({
addedfile: computed(function() {
return function() {
Ember.Logger.debug('addedFile happened');
};
}),
options: computed(function() {
return {
url: '#',
addRemoveLinks: true,
autoProcessQueue: false,
addedfile: this.addedfile
};
})
});

`

`handlebars
// template.js

{{drop-zone config=options}}
`

If you would like to use the whole document body as a drop location you can set maxDropRegion to true

#### Event Handling
Dropzonejs Events Docs


To use events, set your event handler in your controller like so:

`javascript
addedFileEvent: computed(function() {
return function() {
// do something...
};
}),
`

and set it in your component declaration:

`handlebars
{{drop-zone url="http://example.com/example" addedfile=addedFileEvent}}
`

Remember to add an url, this addon will not work without it

Contributions
-------------

All contributions are welcomed and encouraged.

Please make all pull requests to the dev` branch.

Thanks!