diff options
Diffstat (limited to '')
-rw-r--r-- | src/Plugins/CloseButton.js | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/Plugins/CloseButton.js b/src/Plugins/CloseButton.js new file mode 100644 index 0000000..ca12e61 --- /dev/null +++ b/src/Plugins/CloseButton.js @@ -0,0 +1,40 @@ +/** + * @author Victor Häggqvist + * @since 2016-01-14 + */ + + +export class CloseButton { + + constructor() { + this.element = document.createElement('a'); + this.element.id = 'imagelightbox-close'; + this.element.innerHTML = 'Close'; + } + + register(lightbox) { + this.lightbox = lightbox; + lightbox.addOnStartListener(this.showButton.bind(this)); + lightbox.addOnEndListener(this.hideButton.bind(this)); + } + + showButton() { + ['click', 'touchend'].forEach(name => { + this.element.addEventListener(name, this.exitLightbox.bind(this)); + }); + + document.body.appendChild(this.element); + + //$('<a href="#" id="imagelightbox-close">Close</a>').appendTo('body') + // .on('click touchend', function(){ $(this).remove(); instance.quitImageLightbox(); return false; }); + } + + hideButton() { + document.body.removeChild(this.element); + } + + exitLightbox() { + this.lightbox.quitImageLightbox(); + } + +} |