X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/a6633642232efd164d4708967ab59e498fbff896..refs/pull/4389/head:/resources/js/components/popup.js diff --git a/resources/js/components/popup.js b/resources/js/components/popup.js index 13cf69d21..662736548 100644 --- a/resources/js/components/popup.js +++ b/resources/js/components/popup.js @@ -1,13 +1,13 @@ -import {fadeIn, fadeOut} from "../services/animations"; -import {onSelect} from "../services/dom"; +import {fadeIn, fadeOut} from '../services/animations'; +import {onSelect} from '../services/dom'; +import {Component} from './component'; /** * Popup window that will contain other content. * This component provides the show/hide functionality * with the ability for popup@hide child references to close this. - * @extends {Component} */ -class Popup { +export class Popup extends Component { setup() { this.container = this.$el; @@ -26,15 +26,15 @@ class Popup { this.container.addEventListener('click', event => { if (event.target === this.container && lastMouseDownTarget === this.container) { - return this.hide(); + this.hide(); } }); - onSelect(this.hideButtons, e => this.hide()); + onSelect(this.hideButtons, () => this.hide()); } hide(onComplete = null) { - fadeOut(this.container, 240, onComplete); + fadeOut(this.container, 120, onComplete); if (this.onkeyup) { window.removeEventListener('keyup', this.onkeyup); this.onkeyup = null; @@ -45,9 +45,9 @@ class Popup { } show(onComplete = null, onHide = null) { - fadeIn(this.container, 240, onComplete); + fadeIn(this.container, 120, onComplete); - this.onkeyup = (event) => { + this.onkeyup = event => { if (event.key === 'Escape') { this.hide(); } @@ -57,5 +57,3 @@ class Popup { } } - -export default Popup; \ No newline at end of file