diff --git a/resources/assets/js/services/animations.js b/resources/assets/js/services/animations.js index 5cb90b70c..8a3e9a57b 100644 --- a/resources/assets/js/services/animations.js +++ b/resources/assets/js/services/animations.js @@ -1,3 +1,18 @@ +/** + * Fade out the given element. + * @param {Element} element + * @param {Number} animTime + * @param {Function|null} onComplete + */ +export function fadeOut(element, animTime = 400, onComplete = null) { + animateStyles(element, { + opacity: ['1', '0'] + }, animTime, () => { + element.style.display = 'none'; + if (onComplete) onComplete(); + }); +} + /** * Hide the element by sliding the contents upwards. * @param {Element} element diff --git a/resources/assets/js/vues/components/dropzone.js b/resources/assets/js/vues/components/dropzone.js index 9d3d22b4d..751cca330 100644 --- a/resources/assets/js/vues/components/dropzone.js +++ b/resources/assets/js/vues/components/dropzone.js @@ -1,4 +1,5 @@ import DropZone from "dropzone"; +import { fadeOut } from "../../services/animations"; const template = `