added upload started and finished events

[abdelhamiderrahmouni]

Added upload started and finished events to make it easy to deal with upload progress from outside the component.

Let me Explain

I used this component and i love it, thank you for your hard work.
I just wanted to know when the upload starts and ends to disable/enable the submit button in my forms.
The problem was using the wire:loading attribute resulted in the button getting enabled and disabled two times for some reason but using the events it was fixed.

[Fabstilelook]

Can you add also removed event?

[abdelhamiderrahmouni]

Done i have added both filepond-upload-reverted and filepond-upload-file-removed events.

[blindpenguin]

Hi, i think there is a bit of a typo in there in line 64:

$dispatch('filepond-upload-finished', {'{{ $wireModelAttribute }}', response });

There should be a colon, not a comma before "response". Like this:

$dispatch('filepond-upload-finished', {'{{ $wireModelAttribute }}': response });

[drifteaur]

Thanks, this is necessary. If the form containing the filepond component is submitted before all of the files are uploaded, only some of the files will appear on the backend.

[abdelhamiderrahmouni]

here you go it's fixed now 👍, please let me know if there are any necessary additions.

[riasvdv]

Thanks!

[abdelhamiderrahmouni]

A pleasure 😁

[booni3]

I have created issue #27

The below event throws exception "Only arrays and Traversables can be unpacked".

$dispatch('filepond-upload-started', '{{ $wireModelAttribute }}');

I am unsure if any extra information is available at this point, so maybe the event should just be:

$dispatch('filepond-upload-started');