78f75744e3
Under some circumstances (like dispatching events just before a page navigation), IE 11 events will be dispatched twice by the browser: once with the payload, and a second time without. To prevent these errors, ignore the events if the payload is missing.
45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
import ProgressBar from './progress-bar';
|
|
|
|
const INITIALIZE_EVENT = 'direct-upload:initialize';
|
|
const START_EVENT = 'direct-upload:start';
|
|
const PROGRESS_EVENT = 'direct-upload:progress';
|
|
const ERROR_EVENT = 'direct-upload:error';
|
|
const END_EVENT = 'direct-upload:end';
|
|
|
|
function addUploadEventListener(type, handler) {
|
|
addEventListener(type, event => {
|
|
// Internet Explorer and Edge will sometime replay Javascript events
|
|
// that were dispatched just before a page navigation (!), but without
|
|
// the event payload.
|
|
//
|
|
// Ignore these replayed events.
|
|
const isEventValid = event && event.detail && event.detail.id != undefined;
|
|
if (!isEventValid) return;
|
|
|
|
handler(event);
|
|
});
|
|
}
|
|
|
|
addUploadEventListener(INITIALIZE_EVENT, ({ target, detail: { id, file } }) => {
|
|
ProgressBar.init(target, id, file);
|
|
});
|
|
|
|
addUploadEventListener(START_EVENT, ({ target, detail: { id } }) => {
|
|
ProgressBar.start(id);
|
|
const button = target.form.querySelector('button.primary');
|
|
if (button) {
|
|
button.removeAttribute('data-confirm');
|
|
}
|
|
});
|
|
|
|
addUploadEventListener(PROGRESS_EVENT, ({ detail: { id, progress } }) => {
|
|
ProgressBar.progress(id, progress);
|
|
});
|
|
|
|
addUploadEventListener(ERROR_EVENT, ({ detail: { id, error } }) => {
|
|
ProgressBar.error(id, error);
|
|
});
|
|
|
|
addUploadEventListener(END_EVENT, ({ detail: { id } }) => {
|
|
ProgressBar.end(id);
|
|
});
|