36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
// mydropzone_controller.js
|
|
|
|
import { Controller } from '@hotwired/stimulus';
|
|
|
|
export default class extends Controller {
|
|
connect() {
|
|
this.element.addEventListener('dropzone:connect', this._onConnect);
|
|
this.element.addEventListener('dropzone:change', this._onChange);
|
|
this.element.addEventListener('dropzone:clear', this._onClear);
|
|
}
|
|
|
|
disconnect() {
|
|
// You should always remove listeners when the controller is disconnected to avoid side-effects
|
|
this.element.removeEventListener('dropzone:connect', this._onConnect);
|
|
this.element.removeEventListener('dropzone:change', this._onChange);
|
|
this.element.removeEventListener('dropzone:clear', this._onClear);
|
|
}
|
|
|
|
_onConnect(event) {
|
|
// The dropzone was just created
|
|
console.info(event);
|
|
console.info('onconnect');
|
|
}
|
|
|
|
_onChange(event) {
|
|
// The dropzone just changed
|
|
console.info(event);
|
|
console.info('onchange');
|
|
}
|
|
|
|
_onClear(event) {
|
|
// The dropzone has just been cleared
|
|
console.info(event);
|
|
console.info('onclear');
|
|
}
|
|
} |